@vouchfor/embeds 0.0.0-experiment.88ebbc0 → 0.0.0-experiment.8b3403f

package/dist/es/embeds.js

@@ -1,6 +1,6 @@
-import { property as y, state as Lt, customElement as Qt } from "lit/decorators.js";
+import { property as A, state as Mt, customElement as Qt } from "lit/decorators.js";
 import { ifDefined as mt } from "lit/directives/if-defined.js";
-import { createRef as kt, ref as Dt } from "lit/directives/ref.js";
+import { createRef as Lt, ref as Dt } from "lit/directives/ref.js";
 import { Task as te } from "@lit/task";
 import "@vouchfor/media-player";
 /**
@@ -100,8 +100,8 @@ let T = class extends HTMLElement {
     return { get() {
       return this[e];
     }, set(s) {
-      const r = this[t];
-      this[e] = s, this.requestUpdate(t, r, i);
+      const o = this[t];
+      this[e] = s, this.requestUpdate(t, o, i);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
@@ -176,18 +176,18 @@ let T = class extends HTMLElement {
   }
   _$EO(t, e, i = it) {
     var s;
-    const r = this.constructor._$Ep(t, i);
-    if (r !== void 0 && i.reflect === !0) {
-      const o = (((s = i.converter) === null || s === void 0 ? void 0 : s.toAttribute) !== void 0 ? i.converter : dt).toAttribute(e, i.type);
-      this._$El = t, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$El = null;
+    const o = this.constructor._$Ep(t, i);
+    if (o !== void 0 && i.reflect === !0) {
+      const r = (((s = i.converter) === null || s === void 0 ? void 0 : s.toAttribute) !== void 0 ? i.converter : dt).toAttribute(e, i.type);
+      this._$El = t, r == null ? this.removeAttribute(o) : this.setAttribute(o, r), this._$El = null;
     }
   }
   _$AK(t, e) {
     var i;
-    const s = this.constructor, r = s._$Ev.get(t);
-    if (r !== void 0 && this._$El !== r) {
-      const o = s.getPropertyOptions(r), d = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((i = o.converter) === null || i === void 0 ? void 0 : i.fromAttribute) !== void 0 ? o.converter : dt;
-      this._$El = r, this[r] = d.fromAttribute(e, o.type), this._$El = null;
+    const s = this.constructor, o = s._$Ev.get(t);
+    if (o !== void 0 && this._$El !== o) {
+      const r = s.getPropertyOptions(o), d = typeof r.converter == "function" ? { fromAttribute: r.converter } : ((i = r.converter) === null || i === void 0 ? void 0 : i.fromAttribute) !== void 0 ? r.converter : dt;
+      this._$El = o, this[o] = d.fromAttribute(e, r.type), this._$El = null;
     }
   }
   requestUpdate(t, e, i) {
@@ -211,13 +211,13 @@ let T = class extends HTMLElement {
     var t;
     if (!this.isUpdatePending)
       return;
-    this.hasUpdated, this._$Ei && (this._$Ei.forEach((s, r) => this[r] = s), this._$Ei = void 0);
+    this.hasUpdated, this._$Ei && (this._$Ei.forEach((s, o) => this[o] = s), this._$Ei = void 0);
     let e = !1;
     const i = this._$AL;
     try {
       e = this.shouldUpdate(i), e ? (this.willUpdate(i), (t = this._$ES) === null || t === void 0 || t.forEach((s) => {
-        var r;
-        return (r = s.hostUpdate) === null || r === void 0 ? void 0 : r.call(s);
+        var o;
+        return (o = s.hostUpdate) === null || o === void 0 ? void 0 : o.call(s);
       }), this.update(i)) : this._$Ek();
     } catch (s) {
       throw e = !1, this._$Ek(), s;
@@ -260,9 +260,9 @@ T[ct] = !0, T.elementProperties = /* @__PURE__ */ new Map(), T.elementStyles = [
  * SPDX-License-Identifier: BSD-3-Clause
  */
 var st;
-const J = window, x = J.trustedTypes, Et = x ? x.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, ut = "$lit$", E = `lit$${(Math.random() + "").slice(9)}$`, zt = "?" + E, re = `<${zt}>`, C = document, G = () => C.createComment(""), D = (n) => n === null || typeof n != "object" && typeof n != "function", qt = Array.isArray, oe = (n) => qt(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", nt = `[ 	
-\f\r]`, O = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, wt = /-->/g, bt = />/g, b = RegExp(`>|${nt}(?:([^\\s"'>=/]+)(${nt}*=${nt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), St = /'/g, Pt = /"/g, Wt = /^(?:script|style|textarea|title)$/i, j = Symbol.for("lit-noChange"), v = Symbol.for("lit-nothing"), Ut = /* @__PURE__ */ new WeakMap(), P = C.createTreeWalker(C, 129, null, !1);
+const G = window, x = G.trustedTypes, Et = x ? x.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, ut = "$lit$", E = `lit$${(Math.random() + "").slice(9)}$`, zt = "?" + E, re = `<${zt}>`, U = document, J = () => U.createComment(""), D = (n) => n === null || typeof n != "object" && typeof n != "function", qt = Array.isArray, oe = (n) => qt(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", nt = `[ 	
+\f\r]`, k = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, wt = /-->/g, bt = />/g, b = RegExp(`>|${nt}(?:([^\\s"'>=/]+)(${nt}*=${nt}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), St = /'/g, Pt = /"/g, Wt = /^(?:script|style|textarea|title)$/i, j = Symbol.for("lit-noChange"), v = Symbol.for("lit-nothing"), Ct = /* @__PURE__ */ new WeakMap(), P = U.createTreeWalker(U, 129, null, !1);
 function Zt(n, t) {
   if (!Array.isArray(n) || !n.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
@@ -270,22 +270,22 @@ function Zt(n, t) {
 }
 const le = (n, t) => {
   const e = n.length - 1, i = [];
-  let s, r = t === 2 ? "<svg>" : "", o = O;
+  let s, o = t === 2 ? "<svg>" : "", r = k;
   for (let d = 0; d < e; d++) {
     const l = n[d];
     let a, u, h = -1, c = 0;
-    for (; c < l.length && (o.lastIndex = c, u = o.exec(l), u !== null); )
-      c = o.lastIndex, o === O ? u[1] === "!--" ? o = wt : u[1] !== void 0 ? o = bt : u[2] !== void 0 ? (Wt.test(u[2]) && (s = RegExp("</" + u[2], "g")), o = b) : u[3] !== void 0 && (o = b) : o === b ? u[0] === ">" ? (o = s ?? O, h = -1) : u[1] === void 0 ? h = -2 : (h = o.lastIndex - u[2].length, a = u[1], o = u[3] === void 0 ? b : u[3] === '"' ? Pt : St) : o === Pt || o === St ? o = b : o === wt || o === bt ? o = O : (o = b, s = void 0);
-    const p = o === b && n[d + 1].startsWith("/>") ? " " : "";
-    r += o === O ? l + re : h >= 0 ? (i.push(a), l.slice(0, h) + ut + l.slice(h) + E + p) : l + E + (h === -2 ? (i.push(void 0), d) : p);
+    for (; c < l.length && (r.lastIndex = c, u = r.exec(l), u !== null); )
+      c = r.lastIndex, r === k ? u[1] === "!--" ? r = wt : u[1] !== void 0 ? r = bt : u[2] !== void 0 ? (Wt.test(u[2]) && (s = RegExp("</" + u[2], "g")), r = b) : u[3] !== void 0 && (r = b) : r === b ? u[0] === ">" ? (r = s ?? k, h = -1) : u[1] === void 0 ? h = -2 : (h = r.lastIndex - u[2].length, a = u[1], r = u[3] === void 0 ? b : u[3] === '"' ? Pt : St) : r === Pt || r === St ? r = b : r === wt || r === bt ? r = k : (r = b, s = void 0);
+    const p = r === b && n[d + 1].startsWith("/>") ? " " : "";
+    o += r === k ? l + re : h >= 0 ? (i.push(a), l.slice(0, h) + ut + l.slice(h) + E + p) : l + E + (h === -2 ? (i.push(void 0), d) : p);
   }
-  return [Zt(n, r + (n[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
+  return [Zt(n, o + (n[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
 };
 let pt = class Ft {
   constructor({ strings: t, _$litType$: e }, i) {
     let s;
     this.parts = [];
-    let r = 0, o = 0;
+    let o = 0, r = 0;
     const d = t.length - 1, l = this.parts, [a, u] = le(t, e);
     if (this.el = Ft.createElement(a, i), P.currentNode = this.el.content, e === 2) {
       const h = this.el.content, c = h.firstChild;
@@ -297,12 +297,12 @@ let pt = class Ft {
           const h = [];
           for (const c of s.getAttributeNames())
             if (c.endsWith(ut) || c.startsWith(E)) {
-              const p = u[o++];
+              const p = u[r++];
               if (h.push(c), p !== void 0) {
-                const A = s.getAttribute(p.toLowerCase() + ut).split(E), m = /([.?@])?(.*)/.exec(p);
-                l.push({ type: 1, index: r, name: m[2], strings: A, ctor: m[1] === "." ? he : m[1] === "?" ? ce : m[1] === "@" ? ue : Q });
+                const y = s.getAttribute(p.toLowerCase() + ut).split(E), m = /([.?@])?(.*)/.exec(p);
+                l.push({ type: 1, index: o, name: m[2], strings: y, ctor: m[1] === "." ? he : m[1] === "?" ? ce : m[1] === "@" ? ue : Q });
               } else
-                l.push({ type: 6, index: r });
+                l.push({ type: 6, index: o });
             }
           for (const c of h)
             s.removeAttribute(c);
@@ -312,33 +312,33 @@ let pt = class Ft {
           if (c > 0) {
             s.textContent = x ? x.emptyScript : "";
             for (let p = 0; p < c; p++)
-              s.append(h[p], G()), P.nextNode(), l.push({ type: 2, index: ++r });
-            s.append(h[c], G());
+              s.append(h[p], J()), P.nextNode(), l.push({ type: 2, index: ++o });
+            s.append(h[c], J());
           }
         }
       } else if (s.nodeType === 8)
         if (s.data === zt)
-          l.push({ type: 2, index: r });
+          l.push({ type: 2, index: o });
         else {
           let h = -1;
           for (; (h = s.data.indexOf(E, h + 1)) !== -1; )
-            l.push({ type: 7, index: r }), h += E.length - 1;
+            l.push({ type: 7, index: o }), h += E.length - 1;
         }
-      r++;
+      o++;
     }
   }
   static createElement(t, e) {
-    const i = C.createElement("template");
+    const i = U.createElement("template");
     return i.innerHTML = t, i;
   }
 };
 function H(n, t, e = n, i) {
-  var s, r, o, d;
+  var s, o, r, d;
   if (t === j)
     return t;
   let l = i !== void 0 ? (s = e._$Co) === null || s === void 0 ? void 0 : s[i] : e._$Cl;
   const a = D(t) ? void 0 : t._$litDirective$;
-  return (l == null ? void 0 : l.constructor) !== a && ((r = l == null ? void 0 : l._$AO) === null || r === void 0 || r.call(l, !1), a === void 0 ? l = void 0 : (l = new a(n), l._$AT(n, e, i)), i !== void 0 ? ((o = (d = e)._$Co) !== null && o !== void 0 ? o : d._$Co = [])[i] = l : e._$Cl = l), l !== void 0 && (t = H(n, l._$AS(n, t.values), l, i)), t;
+  return (l == null ? void 0 : l.constructor) !== a && ((o = l == null ? void 0 : l._$AO) === null || o === void 0 || o.call(l, !1), a === void 0 ? l = void 0 : (l = new a(n), l._$AT(n, e, i)), i !== void 0 ? ((r = (d = e)._$Co) !== null && r !== void 0 ? r : d._$Co = [])[i] = l : e._$Cl = l), l !== void 0 && (t = H(n, l._$AS(n, t.values), l, i)), t;
 }
 let ae = class {
   constructor(t, e) {
@@ -352,27 +352,27 @@ let ae = class {
   }
   u(t) {
     var e;
-    const { el: { content: i }, parts: s } = this._$AD, r = ((e = t == null ? void 0 : t.creationScope) !== null && e !== void 0 ? e : C).importNode(i, !0);
-    P.currentNode = r;
-    let o = P.nextNode(), d = 0, l = 0, a = s[0];
+    const { el: { content: i }, parts: s } = this._$AD, o = ((e = t == null ? void 0 : t.creationScope) !== null && e !== void 0 ? e : U).importNode(i, !0);
+    P.currentNode = o;
+    let r = P.nextNode(), d = 0, l = 0, a = s[0];
     for (; a !== void 0; ) {
       if (d === a.index) {
         let u;
-        a.type === 2 ? u = new Kt(o, o.nextSibling, this, t) : a.type === 1 ? u = new a.ctor(o, a.name, a.strings, this, t) : a.type === 6 && (u = new pe(o, this, t)), this._$AV.push(u), a = s[++l];
+        a.type === 2 ? u = new Kt(r, r.nextSibling, this, t) : a.type === 1 ? u = new a.ctor(r, a.name, a.strings, this, t) : a.type === 6 && (u = new pe(r, this, t)), this._$AV.push(u), a = s[++l];
       }
-      d !== (a == null ? void 0 : a.index) && (o = P.nextNode(), d++);
+      d !== (a == null ? void 0 : a.index) && (r = P.nextNode(), d++);
     }
-    return P.currentNode = C, r;
+    return P.currentNode = U, o;
   }
   v(t) {
     let e = 0;
     for (const i of this._$AV)
       i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
   }
-}, Kt = class Jt {
+}, Kt = class Gt {
   constructor(t, e, i, s) {
-    var r;
-    this.type = 2, this._$AH = v, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = s, this._$Cp = (r = s == null ? void 0 : s.isConnected) === null || r === void 0 || r;
+    var o;
+    this.type = 2, this._$AH = v, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = s, this._$Cp = (o = s == null ? void 0 : s.isConnected) === null || o === void 0 || o;
   }
   get _$AU() {
     var t, e;
@@ -399,28 +399,28 @@ let ae = class {
     this._$AH !== t && (this._$AR(), this._$AH = this.k(t));
   }
   _(t) {
-    this._$AH !== v && D(this._$AH) ? this._$AA.nextSibling.data = t : this.$(C.createTextNode(t)), this._$AH = t;
+    this._$AH !== v && D(this._$AH) ? this._$AA.nextSibling.data = t : this.$(U.createTextNode(t)), this._$AH = t;
   }
   g(t) {
     var e;
-    const { values: i, _$litType$: s } = t, r = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = pt.createElement(Zt(s.h, s.h[0]), this.options)), s);
-    if (((e = this._$AH) === null || e === void 0 ? void 0 : e._$AD) === r)
+    const { values: i, _$litType$: s } = t, o = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = pt.createElement(Zt(s.h, s.h[0]), this.options)), s);
+    if (((e = this._$AH) === null || e === void 0 ? void 0 : e._$AD) === o)
       this._$AH.v(i);
     else {
-      const o = new ae(r, this), d = o.u(this.options);
-      o.v(i), this.$(d), this._$AH = o;
+      const r = new ae(o, this), d = r.u(this.options);
+      r.v(i), this.$(d), this._$AH = r;
     }
   }
   _$AC(t) {
-    let e = Ut.get(t.strings);
-    return e === void 0 && Ut.set(t.strings, e = new pt(t)), e;
+    let e = Ct.get(t.strings);
+    return e === void 0 && Ct.set(t.strings, e = new pt(t)), e;
   }
   T(t) {
     qt(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
     let i, s = 0;
-    for (const r of t)
-      s === e.length ? e.push(i = new Jt(this.k(G()), this.k(G()), this, this.options)) : i = e[s], i._$AI(r), s++;
+    for (const o of t)
+      s === e.length ? e.push(i = new Gt(this.k(J()), this.k(J()), this, this.options)) : i = e[s], i._$AI(o), s++;
     s < e.length && (this._$AR(i && i._$AB.nextSibling, s), e.length = s);
   }
   _$AR(t = this._$AA.nextSibling, e) {
@@ -435,8 +435,8 @@ let ae = class {
     this._$AM === void 0 && (this._$Cp = t, (e = this._$AP) === null || e === void 0 || e.call(this, t));
   }
 }, Q = class {
-  constructor(t, e, i, s, r) {
-    this.type = 1, this._$AH = v, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options = r, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = v;
+  constructor(t, e, i, s, o) {
+    this.type = 1, this._$AH = v, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options = o, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = v;
   }
   get tagName() {
     return this.element.tagName;
@@ -445,17 +445,17 @@ let ae = class {
     return this._$AM._$AU;
   }
   _$AI(t, e = this, i, s) {
-    const r = this.strings;
-    let o = !1;
-    if (r === void 0)
-      t = H(this, t, e, 0), o = !D(t) || t !== this._$AH && t !== j, o && (this._$AH = t);
+    const o = this.strings;
+    let r = !1;
+    if (o === void 0)
+      t = H(this, t, e, 0), r = !D(t) || t !== this._$AH && t !== j, r && (this._$AH = t);
     else {
       const d = t;
       let l, a;
-      for (t = r[0], l = 0; l < r.length - 1; l++)
-        a = H(this, d[i + l], e, l), a === j && (a = this._$AH[l]), o || (o = !D(a) || a !== this._$AH[l]), a === v ? t = v : t !== v && (t += (a ?? "") + r[l + 1]), this._$AH[l] = a;
+      for (t = o[0], l = 0; l < o.length - 1; l++)
+        a = H(this, d[i + l], e, l), a === j && (a = this._$AH[l]), r || (r = !D(a) || a !== this._$AH[l]), a === v ? t = v : t !== v && (t += (a ?? "") + o[l + 1]), this._$AH[l] = a;
     }
-    o && !s && this.j(t);
+    r && !s && this.j(t);
   }
   j(t) {
     t === v ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
@@ -477,15 +477,15 @@ let ce = class extends Q {
     t && t !== v ? this.element.setAttribute(this.name, de) : this.element.removeAttribute(this.name);
   }
 }, ue = class extends Q {
-  constructor(t, e, i, s, r) {
-    super(t, e, i, s, r), this.type = 5;
+  constructor(t, e, i, s, o) {
+    super(t, e, i, s, o), this.type = 5;
   }
   _$AI(t, e = this) {
     var i;
     if ((t = (i = H(this, t, e, 0)) !== null && i !== void 0 ? i : v) === j)
       return;
-    const s = this._$AH, r = t === v && s !== v || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, o = t !== v && (s === v || r);
-    r && this.element.removeEventListener(this.name, this, s), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
+    const s = this._$AH, o = t === v && s !== v || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, r = t !== v && (s === v || o);
+    o && this.element.removeEventListener(this.name, this, s), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
     var e, i;
@@ -503,28 +503,28 @@ class pe {
     H(this, t);
   }
 }
-const Ct = J.litHtmlPolyfillSupport;
-Ct == null || Ct(pt, Kt), ((st = J.litHtmlVersions) !== null && st !== void 0 ? st : J.litHtmlVersions = []).push("2.8.0");
+const Ut = G.litHtmlPolyfillSupport;
+Ut == null || Ut(pt, Kt), ((st = G.litHtmlVersions) !== null && st !== void 0 ? st : G.litHtmlVersions = []).push("2.8.0");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
 var rt;
-const X = window, N = X.trustedTypes, Rt = N ? N.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, vt = "$lit$", w = `lit$${(Math.random() + "").slice(9)}$`, Gt = "?" + w, ve = `<${Gt}>`, R = document, B = () => R.createComment(""), z = (n) => n === null || typeof n != "object" && typeof n != "function", Xt = Array.isArray, _e = (n) => Xt(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", ot = `[ 	
-\f\r]`, M = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Tt = /-->/g, xt = />/g, S = RegExp(`>|${ot}(?:([^\\s"'>=/]+)(${ot}*=${ot}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Ht = /'/g, Nt = /"/g, Yt = /^(?:script|style|textarea|title)$/i, $e = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), me = $e(1), I = Symbol.for("lit-noChange"), _ = Symbol.for("lit-nothing"), It = /* @__PURE__ */ new WeakMap(), U = R.createTreeWalker(R, 129, null, !1), ge = (n, t) => {
+const X = window, N = X.trustedTypes, Rt = N ? N.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, vt = "$lit$", w = `lit$${(Math.random() + "").slice(9)}$`, Jt = "?" + w, ve = `<${Jt}>`, R = document, B = () => R.createComment(""), z = (n) => n === null || typeof n != "object" && typeof n != "function", Xt = Array.isArray, _e = (n) => Xt(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", ot = `[ 	
+\f\r]`, O = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Tt = /-->/g, xt = />/g, S = RegExp(`>|${ot}(?:([^\\s"'>=/]+)(${ot}*=${ot}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Ht = /'/g, Nt = /"/g, Yt = /^(?:script|style|textarea|title)$/i, $e = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), me = $e(1), I = Symbol.for("lit-noChange"), _ = Symbol.for("lit-nothing"), It = /* @__PURE__ */ new WeakMap(), C = R.createTreeWalker(R, 129, null, !1), ge = (n, t) => {
   const e = n.length - 1, i = [];
-  let s, r = t === 2 ? "<svg>" : "", o = M;
+  let s, o = t === 2 ? "<svg>" : "", r = O;
   for (let l = 0; l < e; l++) {
     const a = n[l];
     let u, h, c = -1, p = 0;
-    for (; p < a.length && (o.lastIndex = p, h = o.exec(a), h !== null); )
-      p = o.lastIndex, o === M ? h[1] === "!--" ? o = Tt : h[1] !== void 0 ? o = xt : h[2] !== void 0 ? (Yt.test(h[2]) && (s = RegExp("</" + h[2], "g")), o = S) : h[3] !== void 0 && (o = S) : o === S ? h[0] === ">" ? (o = s ?? M, c = -1) : h[1] === void 0 ? c = -2 : (c = o.lastIndex - h[2].length, u = h[1], o = h[3] === void 0 ? S : h[3] === '"' ? Nt : Ht) : o === Nt || o === Ht ? o = S : o === Tt || o === xt ? o = M : (o = S, s = void 0);
-    const A = o === S && n[l + 1].startsWith("/>") ? " " : "";
-    r += o === M ? a + ve : c >= 0 ? (i.push(u), a.slice(0, c) + vt + a.slice(c) + w + A) : a + w + (c === -2 ? (i.push(void 0), l) : A);
+    for (; p < a.length && (r.lastIndex = p, h = r.exec(a), h !== null); )
+      p = r.lastIndex, r === O ? h[1] === "!--" ? r = Tt : h[1] !== void 0 ? r = xt : h[2] !== void 0 ? (Yt.test(h[2]) && (s = RegExp("</" + h[2], "g")), r = S) : h[3] !== void 0 && (r = S) : r === S ? h[0] === ">" ? (r = s ?? O, c = -1) : h[1] === void 0 ? c = -2 : (c = r.lastIndex - h[2].length, u = h[1], r = h[3] === void 0 ? S : h[3] === '"' ? Nt : Ht) : r === Nt || r === Ht ? r = S : r === Tt || r === xt ? r = O : (r = S, s = void 0);
+    const y = r === S && n[l + 1].startsWith("/>") ? " " : "";
+    o += r === O ? a + ve : c >= 0 ? (i.push(u), a.slice(0, c) + vt + a.slice(c) + w + y) : a + w + (c === -2 ? (i.push(void 0), l) : y);
   }
-  const d = r + (n[e] || "<?>") + (t === 2 ? "</svg>" : "");
+  const d = o + (n[e] || "<?>") + (t === 2 ? "</svg>" : "");
   if (!Array.isArray(n) || !n.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
   return [Rt !== void 0 ? Rt.createHTML(d) : d, i];
@@ -533,24 +533,24 @@ class q {
   constructor({ strings: t, _$litType$: e }, i) {
     let s;
     this.parts = [];
-    let r = 0, o = 0;
+    let o = 0, r = 0;
     const d = t.length - 1, l = this.parts, [a, u] = ge(t, e);
-    if (this.el = q.createElement(a, i), U.currentNode = this.el.content, e === 2) {
+    if (this.el = q.createElement(a, i), C.currentNode = this.el.content, e === 2) {
       const h = this.el.content, c = h.firstChild;
       c.remove(), h.append(...c.childNodes);
     }
-    for (; (s = U.nextNode()) !== null && l.length < d; ) {
+    for (; (s = C.nextNode()) !== null && l.length < d; ) {
       if (s.nodeType === 1) {
         if (s.hasAttributes()) {
           const h = [];
           for (const c of s.getAttributeNames())
             if (c.endsWith(vt) || c.startsWith(w)) {
-              const p = u[o++];
+              const p = u[r++];
               if (h.push(c), p !== void 0) {
-                const A = s.getAttribute(p.toLowerCase() + vt).split(w), m = /([.?@])?(.*)/.exec(p);
-                l.push({ type: 1, index: r, name: m[2], strings: A, ctor: m[1] === "." ? Ae : m[1] === "?" ? Ee : m[1] === "@" ? we : tt });
+                const y = s.getAttribute(p.toLowerCase() + vt).split(w), m = /([.?@])?(.*)/.exec(p);
+                l.push({ type: 1, index: o, name: m[2], strings: y, ctor: m[1] === "." ? Ae : m[1] === "?" ? Ee : m[1] === "@" ? we : tt });
               } else
-                l.push({ type: 6, index: r });
+                l.push({ type: 6, index: o });
             }
           for (const c of h)
             s.removeAttribute(c);
@@ -560,19 +560,19 @@ class q {
           if (c > 0) {
             s.textContent = N ? N.emptyScript : "";
             for (let p = 0; p < c; p++)
-              s.append(h[p], B()), U.nextNode(), l.push({ type: 2, index: ++r });
+              s.append(h[p], B()), C.nextNode(), l.push({ type: 2, index: ++o });
             s.append(h[c], B());
           }
         }
       } else if (s.nodeType === 8)
-        if (s.data === Gt)
-          l.push({ type: 2, index: r });
+        if (s.data === Jt)
+          l.push({ type: 2, index: o });
         else {
           let h = -1;
           for (; (h = s.data.indexOf(w, h + 1)) !== -1; )
-            l.push({ type: 7, index: r }), h += w.length - 1;
+            l.push({ type: 7, index: o }), h += w.length - 1;
         }
-      r++;
+      o++;
     }
   }
   static createElement(t, e) {
@@ -581,12 +581,12 @@ class q {
   }
 }
 function V(n, t, e = n, i) {
-  var s, r, o, d;
+  var s, o, r, d;
   if (t === I)
     return t;
   let l = i !== void 0 ? (s = e._$Co) === null || s === void 0 ? void 0 : s[i] : e._$Cl;
   const a = z(t) ? void 0 : t._$litDirective$;
-  return (l == null ? void 0 : l.constructor) !== a && ((r = l == null ? void 0 : l._$AO) === null || r === void 0 || r.call(l, !1), a === void 0 ? l = void 0 : (l = new a(n), l._$AT(n, e, i)), i !== void 0 ? ((o = (d = e)._$Co) !== null && o !== void 0 ? o : d._$Co = [])[i] = l : e._$Cl = l), l !== void 0 && (t = V(n, l._$AS(n, t.values), l, i)), t;
+  return (l == null ? void 0 : l.constructor) !== a && ((o = l == null ? void 0 : l._$AO) === null || o === void 0 || o.call(l, !1), a === void 0 ? l = void 0 : (l = new a(n), l._$AT(n, e, i)), i !== void 0 ? ((r = (d = e)._$Co) !== null && r !== void 0 ? r : d._$Co = [])[i] = l : e._$Cl = l), l !== void 0 && (t = V(n, l._$AS(n, t.values), l, i)), t;
 }
 class fe {
   constructor(t, e) {
@@ -600,17 +600,17 @@ class fe {
   }
   u(t) {
     var e;
-    const { el: { content: i }, parts: s } = this._$AD, r = ((e = t == null ? void 0 : t.creationScope) !== null && e !== void 0 ? e : R).importNode(i, !0);
-    U.currentNode = r;
-    let o = U.nextNode(), d = 0, l = 0, a = s[0];
+    const { el: { content: i }, parts: s } = this._$AD, o = ((e = t == null ? void 0 : t.creationScope) !== null && e !== void 0 ? e : R).importNode(i, !0);
+    C.currentNode = o;
+    let r = C.nextNode(), d = 0, l = 0, a = s[0];
     for (; a !== void 0; ) {
       if (d === a.index) {
         let u;
-        a.type === 2 ? u = new W(o, o.nextSibling, this, t) : a.type === 1 ? u = new a.ctor(o, a.name, a.strings, this, t) : a.type === 6 && (u = new be(o, this, t)), this._$AV.push(u), a = s[++l];
+        a.type === 2 ? u = new W(r, r.nextSibling, this, t) : a.type === 1 ? u = new a.ctor(r, a.name, a.strings, this, t) : a.type === 6 && (u = new be(r, this, t)), this._$AV.push(u), a = s[++l];
       }
-      d !== (a == null ? void 0 : a.index) && (o = U.nextNode(), d++);
+      d !== (a == null ? void 0 : a.index) && (r = C.nextNode(), d++);
     }
-    return U.currentNode = R, r;
+    return C.currentNode = R, o;
   }
   v(t) {
     let e = 0;
@@ -620,8 +620,8 @@ class fe {
 }
 class W {
   constructor(t, e, i, s) {
-    var r;
-    this.type = 2, this._$AH = _, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = s, this._$Cp = (r = s == null ? void 0 : s.isConnected) === null || r === void 0 || r;
+    var o;
+    this.type = 2, this._$AH = _, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = s, this._$Cp = (o = s == null ? void 0 : s.isConnected) === null || o === void 0 || o;
   }
   get _$AU() {
     var t, e;
@@ -652,12 +652,12 @@ class W {
   }
   g(t) {
     var e;
-    const { values: i, _$litType$: s } = t, r = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = q.createElement(s.h, this.options)), s);
-    if (((e = this._$AH) === null || e === void 0 ? void 0 : e._$AD) === r)
+    const { values: i, _$litType$: s } = t, o = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = q.createElement(s.h, this.options)), s);
+    if (((e = this._$AH) === null || e === void 0 ? void 0 : e._$AD) === o)
       this._$AH.v(i);
     else {
-      const o = new fe(r, this), d = o.u(this.options);
-      o.v(i), this.$(d), this._$AH = o;
+      const r = new fe(o, this), d = r.u(this.options);
+      r.v(i), this.$(d), this._$AH = r;
     }
   }
   _$AC(t) {
@@ -668,8 +668,8 @@ class W {
     Xt(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
     let i, s = 0;
-    for (const r of t)
-      s === e.length ? e.push(i = new W(this.k(B()), this.k(B()), this, this.options)) : i = e[s], i._$AI(r), s++;
+    for (const o of t)
+      s === e.length ? e.push(i = new W(this.k(B()), this.k(B()), this, this.options)) : i = e[s], i._$AI(o), s++;
     s < e.length && (this._$AR(i && i._$AB.nextSibling, s), e.length = s);
   }
   _$AR(t = this._$AA.nextSibling, e) {
@@ -685,8 +685,8 @@ class W {
   }
 }
 class tt {
-  constructor(t, e, i, s, r) {
-    this.type = 1, this._$AH = _, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options = r, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = _;
+  constructor(t, e, i, s, o) {
+    this.type = 1, this._$AH = _, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options = o, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = _;
   }
   get tagName() {
     return this.element.tagName;
@@ -695,17 +695,17 @@ class tt {
     return this._$AM._$AU;
   }
   _$AI(t, e = this, i, s) {
-    const r = this.strings;
-    let o = !1;
-    if (r === void 0)
-      t = V(this, t, e, 0), o = !z(t) || t !== this._$AH && t !== I, o && (this._$AH = t);
+    const o = this.strings;
+    let r = !1;
+    if (o === void 0)
+      t = V(this, t, e, 0), r = !z(t) || t !== this._$AH && t !== I, r && (this._$AH = t);
     else {
       const d = t;
       let l, a;
-      for (t = r[0], l = 0; l < r.length - 1; l++)
-        a = V(this, d[i + l], e, l), a === I && (a = this._$AH[l]), o || (o = !z(a) || a !== this._$AH[l]), a === _ ? t = _ : t !== _ && (t += (a ?? "") + r[l + 1]), this._$AH[l] = a;
+      for (t = o[0], l = 0; l < o.length - 1; l++)
+        a = V(this, d[i + l], e, l), a === I && (a = this._$AH[l]), r || (r = !z(a) || a !== this._$AH[l]), a === _ ? t = _ : t !== _ && (t += (a ?? "") + o[l + 1]), this._$AH[l] = a;
     }
-    o && !s && this.j(t);
+    r && !s && this.j(t);
   }
   j(t) {
     t === _ ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
@@ -729,15 +729,15 @@ class Ee extends tt {
   }
 }
 class we extends tt {
-  constructor(t, e, i, s, r) {
-    super(t, e, i, s, r), this.type = 5;
+  constructor(t, e, i, s, o) {
+    super(t, e, i, s, o), this.type = 5;
   }
   _$AI(t, e = this) {
     var i;
     if ((t = (i = V(this, t, e, 0)) !== null && i !== void 0 ? i : _) === I)
       return;
-    const s = this._$AH, r = t === _ && s !== _ || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, o = t !== _ && (s === _ || r);
-    r && this.element.removeEventListener(this.name, this, s), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
+    const s = this._$AH, o = t === _ && s !== _ || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, r = t !== _ && (s === _ || o);
+    o && this.element.removeEventListener(this.name, this, s), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
     var e, i;
@@ -759,13 +759,13 @@ const Vt = X.litHtmlPolyfillSupport;
 Vt == null || Vt(q, W), ((rt = X.litHtmlVersions) !== null && rt !== void 0 ? rt : X.litHtmlVersions = []).push("2.7.4");
 const Se = (n, t, e) => {
   var i, s;
-  const r = (i = e == null ? void 0 : e.renderBefore) !== null && i !== void 0 ? i : t;
-  let o = r._$litPart$;
-  if (o === void 0) {
+  const o = (i = e == null ? void 0 : e.renderBefore) !== null && i !== void 0 ? i : t;
+  let r = o._$litPart$;
+  if (r === void 0) {
     const d = (s = e == null ? void 0 : e.renderBefore) !== null && s !== void 0 ? s : null;
-    r._$litPart$ = o = new W(t.insertBefore(B(), d), d, void 0, e ?? {});
+    o._$litPart$ = r = new W(t.insertBefore(B(), d), d, void 0, e ?? {});
   }
-  return o._$AI(n), o;
+  return r._$AI(n), r;
 };
 /**
  * @license
@@ -773,7 +773,7 @@ const Se = (n, t, e) => {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 var lt, at;
-class k extends T {
+class L extends T {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -798,9 +798,9 @@ class k extends T {
     return I;
   }
 }
-k.finalized = !0, k._$litElement$ = !0, (lt = globalThis.litElementHydrateSupport) === null || lt === void 0 || lt.call(globalThis, { LitElement: k });
-const Ot = globalThis.litElementPolyfillSupport;
-Ot == null || Ot({ LitElement: k });
+L.finalized = !0, L._$litElement$ = !0, (lt = globalThis.litElementHydrateSupport) === null || lt === void 0 || lt.call(globalThis, { LitElement: L });
+const kt = globalThis.litElementPolyfillSupport;
+kt == null || kt({ LitElement: L });
 ((at = globalThis.litElementVersions) !== null && at !== void 0 ? at : globalThis.litElementVersions = []).push("3.3.2");
 function Pe(n, t, e) {
   function i(s) {
@@ -810,9 +810,9 @@ function Pe(n, t, e) {
     t.removeEventListener(n, i);
   };
 }
-class Ue {
+class Ce {
   constructor(t, e) {
-    this._events = [], this._cleanup = [], this._forwardElementRef = kt(), this.host = t, this._events = e, t.addController(this);
+    this._events = [], this._cleanup = [], this._forwardElementRef = Lt(), this.host = t, this._events = e, t.addController(this);
   }
   register() {
     return Dt(this._forwardElementRef);
@@ -830,17 +830,17 @@ class Ue {
     }), this._cleanup = [];
   }
 }
-const ht = "https://vouchfor.com", Ce = "https://d2rxhdlm2q91uk.cloudfront.net", Re = "https://d1ix11aj5kfygl.cloudfront.net", Te = "https://d157jlwnudd93d.cloudfront.net", xe = "https://bshyfw4h5a.execute-api.ap-southeast-2.amazonaws.com/dev", He = "https://gyzw7rpbq3.execute-api.ap-southeast-2.amazonaws.com/staging", Ne = "https://vfcjuim1l3.execute-api.ap-southeast-2.amazonaws.com/prod", Ie = "https://embed-dev.vouchfor.com/v2", Ve = "https://embed-staging.vouchfor.com/v2", Oe = "https://embed.vouchfor.com/v2", Me = "https://dev.vouchfor.com", Le = "https://staging.vouchfor.com", ke = "https://app.vouchfor.com";
+const ht = "https://vouchfor.com", Ue = "https://d2rxhdlm2q91uk.cloudfront.net", Re = "https://d1ix11aj5kfygl.cloudfront.net", Te = "https://d157jlwnudd93d.cloudfront.net", xe = "https://bshyfw4h5a.execute-api.ap-southeast-2.amazonaws.com/dev", He = "https://gyzw7rpbq3.execute-api.ap-southeast-2.amazonaws.com/staging", Ne = "https://vfcjuim1l3.execute-api.ap-southeast-2.amazonaws.com/prod", Ie = "https://embed-dev.vouchfor.com/v2", Ve = "https://embed-staging.vouchfor.com/v2", ke = "https://embed.vouchfor.com/v2", Oe = "https://dev.vouchfor.com", Me = "https://staging.vouchfor.com", Le = "https://app.vouchfor.com";
 function Y(n) {
   if (!["dev", "staging", "prod"].includes(n))
     throw new Error(`Unknown environment: ${n}`);
   if (n === "dev")
     return {
       marketingUrl: ht,
-      videoUrl: Ce,
+      videoUrl: Ue,
       publicApiUrl: xe,
       embedApiUrl: Ie,
-      publicRecorderUrl: Me
+      publicRecorderUrl: Oe
     };
   if (n === "staging")
     return {
@@ -848,32 +848,56 @@ function Y(n) {
       videoUrl: Re,
       publicApiUrl: He,
       embedApiUrl: Ve,
-      publicRecorderUrl: Le
+      publicRecorderUrl: Me
     };
   if (n === "prod")
     return {
       marketingUrl: ht,
       videoUrl: Te,
       publicApiUrl: Ne,
-      embedApiUrl: Oe,
-      publicRecorderUrl: ke
+      embedApiUrl: ke,
+      publicRecorderUrl: Le
     };
 }
 class De {
   constructor(t) {
-    this._fetching = !1, this.host = t, new te(
+    this._fetching = !1, this.getVouch = async (e, i, s) => {
+      const { embedApiUrl: o } = Y(e), r = await fetch(`${o}/vouches/${s}`, {
+        method: "GET",
+        headers: [["X-Api-Key", i]]
+      }).then((d) => (this.host.dispatchEvent(new CustomEvent("vouch:loaded", { detail: s })), d.json()));
+      return fetch(`${o}/vouches/${s}`, {
+        method: "GET",
+        headers: [
+          ["X-Api-Key", i],
+          ["Cache-Control", "max-age=0"]
+        ]
+      }), r;
+    }, this.getTemplate = async (e, i, s) => {
+      const { embedApiUrl: o } = Y(e), r = await fetch(`${o}/templates/${s}`, {
+        method: "GET",
+        headers: [["X-Api-Key", i]]
+      }).then((d) => d.json());
+      return fetch(`${o}/templates/${s}`, {
+        method: "GET",
+        headers: [
+          ["X-Api-Key", i],
+          ["Cache-Control", "max-age=0"]
+        ]
+      }), r;
+    }, this.host = t, new te(
       this.host,
-      async ([e, i, s, r, o]) => {
+      async ([e, i, s, o, r]) => {
         var d, l, a, u;
         try {
           if (t.vouch = void 0, t.template = void 0, s) {
             let h;
-            o && (this.fetching = !0, h = await this.getTemplate(e, i, o)), t.vouch = s, t.template = h ?? ((l = (d = s == null ? void 0 : s.settings) == null ? void 0 : d.template) == null ? void 0 : l.instance);
-          } else if (r) {
+            r && (this.fetching = !0, h = await this.getTemplate(e, i, r)), t.vouch = s, t.template = h ?? ((l = (d = s == null ? void 0 : s.settings) == null ? void 0 : d.template) == null ? void 0 : l.instance);
+          } else if (o) {
             this.fetching = !0;
             const [h, c] = await Promise.all([
-              this.getVouch(e, i, r),
-              o ? this.getTemplate(e, i, o) : null
+              this.getVouch(e, i, o),
+              r ? this.getTemplate(e, i, r) : null
             ]);
             t.vouch = h, t.template = c ?? ((u = (a = h == null ? void 0 : h.settings) == null ? void 0 : a.template) == null ? void 0 : u.instance);
           }
@@ -890,20 +914,6 @@ class De {
   get fetching() {
     return this._fetching;
   }
-  async getVouch(t, e, i) {
-    const { embedApiUrl: s } = Y(t);
-    return fetch(`${s}/vouches/${i}`, {
-      method: "GET",
-      headers: [["X-Api-Key", e]]
-    }).then((r) => r.json());
-  }
-  async getTemplate(t, e, i) {
-    const { embedApiUrl: s } = Y(t);
-    return fetch(`${s}/templates/${i}`, {
-      method: "GET",
-      headers: [["X-Api-Key", e]]
-    }).then((r) => r.json());
-  }
 }
 let Z;
 const je = new Uint8Array(16);
@@ -918,12 +928,12 @@ for (let n = 0; n < 256; ++n)
 function ze(n, t = 0) {
   return $[n[t + 0]] + $[n[t + 1]] + $[n[t + 2]] + $[n[t + 3]] + "-" + $[n[t + 4]] + $[n[t + 5]] + "-" + $[n[t + 6]] + $[n[t + 7]] + "-" + $[n[t + 8]] + $[n[t + 9]] + "-" + $[n[t + 10]] + $[n[t + 11]] + $[n[t + 12]] + $[n[t + 13]] + $[n[t + 14]] + $[n[t + 15]];
 }
-const qe = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Mt = {
+const qe = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Ot = {
   randomUUID: qe
 };
-function L(n, t, e) {
-  if (Mt.randomUUID && !t && !n)
-    return Mt.randomUUID();
+function M(n, t, e) {
+  if (Ot.randomUUID && !t && !n)
+    return Ot.randomUUID();
   n = n || {};
   const i = n.random || (n.rng || Be)();
   if (i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, t) {
@@ -938,19 +948,19 @@ const We = 2e3;
 class Ze {
   constructor(t) {
     this._tabId = void 0, this._clientId = void 0, this._visitorId = void 0, this._hasPlayed = !1, this._hasLoaded = {}, this._answersViewed = {}, this._streamedTime = {}, this._streamedPrevTimestamp = {}, this._createVisitor = (e) => {
-      var s, r;
+      var s, o;
       const { publicApiUrl: i } = Y(this.host.env);
-      return (r = (s = window.localStorage) == null ? void 0 : s.setItem) == null || r.call(s, "vouch-uid-visitor", e), navigator.sendBeacon(`${i}/api/visitor`, JSON.stringify({ visitorId: e })), e;
+      return (o = (s = window.localStorage) == null ? void 0 : s.setItem) == null || o.call(s, "vouch-uid-visitor", e), navigator.sendBeacon(`${i}/api/visitor`, JSON.stringify({ visitorId: e })), e;
     }, this._getReportingMetadata = () => {
-      var r, o;
-      const [e, i] = ((o = (r = Intl.DateTimeFormat().resolvedOptions().timeZone) == null ? void 0 : r.split) == null ? void 0 : o.call(r, "/")) ?? [], s = {};
+      var o, r;
+      const [e, i] = ((r = (o = Intl.DateTimeFormat().resolvedOptions().timeZone) == null ? void 0 : o.split) == null ? void 0 : r.call(o, "/")) ?? [], s = {};
       return [...new URLSearchParams(location.search).entries()].forEach(([d, l]) => {
         if (/utm/.test(d)) {
           const a = d.toLowerCase().replace(/[-_][a-z0-9]/g, (u) => u.slice(-1).toUpperCase());
           s[a] = l;
         }
       }), {
-        source: "media_player",
+        source: this.host.trackingSource,
         time: /* @__PURE__ */ new Date(),
         region: i,
         country: e,
@@ -961,15 +971,15 @@ class Ze {
         ...s
       };
     }, this._sendTrackingEvent = (e, i) => {
-      const { publicApiUrl: s } = Y(this.host.env), { client: r, tab: o, request: d, visitor: l } = this._getUids();
+      const { publicApiUrl: s } = Y(this.host.env), { client: o, tab: r, request: d, visitor: l } = this._getUids();
       navigator.sendBeacon(
         `${s}/api/events`,
         JSON.stringify({
           event: e,
           payload: i,
           context: {
-            "x-uid-client": r,
-            "x-uid-tab": o,
+            "x-uid-client": o,
+            "x-uid-tab": r,
             "x-uid-request": d,
             "x-uid-visitor": l,
             "x-reporting-metadata": this._getReportingMetadata()
@@ -993,19 +1003,19 @@ class Ze {
         answerId: e
       }), this._answersViewed[e] = !0), this._streamedTime[e] = i.currentTime, this._streamedPrevTimestamp[e] = Date.now());
     }, this._handleVideoTimeUpdate = ({ detail: { id: e, node: i } }) => {
-      var o, d;
+      var r, d;
       const s = this._findVouchId();
       if (!s)
         return;
-      const r = Date.now();
+      const o = Date.now();
       !this.host.paused && // Only fire the video seeked event when this video is the active one
-      e === ((d = (o = this.host.scene) == null ? void 0 : o.video) == null ? void 0 : d.id) && // Throttle the frequency that we send streamed events while playing
-      r - this._streamedPrevTimestamp[e] > We && (this._sendTrackingEvent("VIDEO_STREAMED", {
+      e === ((d = (r = this.host.scene) == null ? void 0 : r.video) == null ? void 0 : d.id) && // Throttle the frequency that we send streamed events while playing
+      o - this._streamedPrevTimestamp[e] > We && (this._sendTrackingEvent("VIDEO_STREAMED", {
         vouchId: s,
         answerId: e,
         streamStart: this._streamedTime[e],
         streamEnd: i.currentTime
-      }), this._streamedTime[e] = i.currentTime, this._streamedPrevTimestamp[e] = r);
+      }), this._streamedTime[e] = i.currentTime, this._streamedPrevTimestamp[e] = o);
     }, this._handleVideoPause = ({ detail: { id: e, node: i } }) => {
       const s = this._findVouchId();
       s && (this._sendTrackingEvent("VIDEO_STREAMED", {
@@ -1021,15 +1031,15 @@ class Ze {
       return "uuid" in this.host.data ? this.host.data.uuid : this.host.data.id;
   }
   _getUids() {
-    var r, o, d, l, a, u, h, c, p, A, m, $t;
+    var o, r, d, l, a, u, h, c, p, y, m, $t;
     if (typeof window > "u")
       return {
         client: null,
         tab: null,
-        request: L()
+        request: M()
       };
-    const t = this._visitorId || ((o = (r = window.localStorage) == null ? void 0 : r.getItem) == null ? void 0 : o.call(r, "vouch-uid-visitor")) || this._createVisitor(L()), e = this._clientId || ((l = (d = window.localStorage) == null ? void 0 : d.getItem) == null ? void 0 : l.call(d, "vouch-uid-client")) || L(), i = this._tabId || ((u = (a = window.sessionStorage) == null ? void 0 : a.getItem) == null ? void 0 : u.call(a, "vouch-uid-tab")) || L(), s = L();
-    return t !== this._visitorId && (this._visitorId = t, (c = (h = window.localStorage) == null ? void 0 : h.setItem) == null || c.call(h, "vouch-uid-visitor", t)), e !== this._clientId && (this._clientId = e, (A = (p = window.localStorage) == null ? void 0 : p.setItem) == null || A.call(p, "vouch-uid-client", e)), i !== this._tabId && (this._tabId = i, ($t = (m = window.sessionStorage) == null ? void 0 : m.setItem) == null || $t.call(m, "vouch-uid-tab", i)), {
+    const t = this._visitorId || ((r = (o = window.localStorage) == null ? void 0 : o.getItem) == null ? void 0 : r.call(o, "vouch-uid-visitor")) || this._createVisitor(M()), e = this._clientId || ((l = (d = window.localStorage) == null ? void 0 : d.getItem) == null ? void 0 : l.call(d, "vouch-uid-client")) || M(), i = this._tabId || ((u = (a = window.sessionStorage) == null ? void 0 : a.getItem) == null ? void 0 : u.call(a, "vouch-uid-tab")) || M(), s = M();
+    return t !== this._visitorId && (this._visitorId = t, (c = (h = window.localStorage) == null ? void 0 : h.setItem) == null || c.call(h, "vouch-uid-visitor", t)), e !== this._clientId && (this._clientId = e, (y = (p = window.localStorage) == null ? void 0 : p.setItem) == null || y.call(p, "vouch-uid-client", e)), i !== this._tabId && (this._tabId = i, ($t = (m = window.sessionStorage) == null ? void 0 : m.setItem) == null || $t.call(m, "vouch-uid-tab", i)), {
       client: e,
       tab: i,
       request: s,
@@ -1048,13 +1058,13 @@ class Ze {
   }
 }
 var Fe = Object.defineProperty, Ke = Object.getOwnPropertyDescriptor, f = (n, t, e, i) => {
-  for (var s = i > 1 ? void 0 : i ? Ke(t, e) : t, r = n.length - 1, o; r >= 0; r--)
-    (o = n[r]) && (s = (i ? o(t, e, s) : o(s)) || s);
+  for (var s = i > 1 ? void 0 : i ? Ke(t, e) : t, o = n.length - 1, r; o >= 0; o--)
+    (r = n[o]) && (s = (i ? r(t, e, s) : r(s)) || s);
   return i && s && Fe(t, e, s), s;
 };
-let g = class extends k {
+let g = class extends L {
   constructor() {
-    super(...arguments), this._mediaPlayerRef = kt(), this.env = "prod", this.apiKey = "", this.preload = "auto", this.autoplay = !1, this.aspectRatio = 0, this.eventController = new Ue(this, [
+    super(...arguments), this._mediaPlayerRef = Lt(), this.env = "prod", this.apiKey = "", this.trackingSource = "embed", this.preload = "auto", this.autoplay = !1, this.aspectRatio = 0, this.eventController = new Ce(this, [
       "durationchange",
       "ended",
       "error",
@@ -1180,37 +1190,40 @@ let g = class extends k {
   }
 };
 f([
-  y({ type: Object, attribute: "data" })
+  A({ type: Object, attribute: "data" })
 ], g.prototype, "data", 2);
 f([
-  y({ type: String })
+  A({ type: String })
 ], g.prototype, "vouchId", 2);
 f([
-  y({ type: String })
+  A({ type: String })
 ], g.prototype, "templateId", 2);
 f([
-  y({ type: String })
+  A({ type: String })
 ], g.prototype, "env", 2);
 f([
-  y({ type: String })
+  A({ type: String })
 ], g.prototype, "apiKey", 2);
 f([
-  y({ type: Array })
+  A({ type: String })
+], g.prototype, "trackingSource", 2);
+f([
+  A({ type: Array })
 ], g.prototype, "controls", 2);
 f([
-  y({ type: String })
+  A({ type: String })
 ], g.prototype, "preload", 2);
 f([
-  y({ type: Boolean })
+  A({ type: Boolean })
 ], g.prototype, "autoplay", 2);
 f([
-  y({ type: Number })
+  A({ type: Number })
 ], g.prototype, "aspectRatio", 2);
 f([
-  Lt()
+  Mt()
 ], g.prototype, "vouch", 2);
 f([
-  Lt()
+  Mt()
 ], g.prototype, "template", 2);
 g = f([
   Qt("vouch-embed")