@vouchfor/embeds 0.0.0-experiment.b40b077 → 0.0.0-experiment.b77073f

package/dist/es/embeds.js

@@ -1,5 +1,5 @@
-import { property as y, state as $t, customElement as Qt } from "lit/decorators.js";
-import { ifDefined as tt } from "lit/directives/if-defined.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 Lt, ref as Dt } from "lit/directives/ref.js";
 import { Task as te } from "@lit/task";
 import "@vouchfor/media-player";
@@ -8,7 +8,7 @@ import "@vouchfor/media-player";
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Z = window, mt = Z.ShadowRoot && (Z.ShadyCSS === void 0 || Z.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, jt = Symbol(), ft = /* @__PURE__ */ new WeakMap();
+const F = window, _t = F.ShadowRoot && (F.ShadyCSS === void 0 || F.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, jt = Symbol(), gt = /* @__PURE__ */ new WeakMap();
 let ee = class {
   constructor(t, e, i) {
     if (this._$cssResult$ = !0, i !== jt)
@@ -18,9 +18,9 @@ let ee = class {
   get styleSheet() {
     let t = this.o;
     const e = this.t;
-    if (mt && t === void 0) {
+    if (_t && t === void 0) {
       const i = e !== void 0 && e.length === 1;
-      i && (t = ft.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && ft.set(e, t));
+      i && (t = gt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && gt.set(e, t));
     }
     return t;
   }
@@ -29,11 +29,11 @@ let ee = class {
   }
 };
 const ie = (n) => new ee(typeof n == "string" ? n : n + "", void 0, jt), se = (n, t) => {
-  mt ? n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet) : t.forEach((e) => {
-    const i = document.createElement("style"), s = Z.litNonce;
+  _t ? n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet) : t.forEach((e) => {
+    const i = document.createElement("style"), s = F.litNonce;
     s !== void 0 && i.setAttribute("nonce", s), i.textContent = e.cssText, n.appendChild(i);
   });
-}, yt = mt ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
+}, ft = _t ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const i of t.cssRules)
     e += i.cssText;
@@ -45,7 +45,7 @@ const ie = (n) => new ee(typeof n == "string" ? n : n + "", void 0, jt), se = (n
  * SPDX-License-Identifier: BSD-3-Clause
  */
 var et;
-const F = window, At = F.trustedTypes, ne = At ? At.emptyScript : "", Et = F.reactiveElementPolyfillSupport, dt = { toAttribute(n, t) {
+const K = window, At = K.trustedTypes, ne = At ? At.emptyScript : "", yt = K.reactiveElementPolyfillSupport, dt = { toAttribute(n, t) {
   switch (t) {
     case Boolean:
       n = n ? ne : null;
@@ -124,9 +124,9 @@ let T = 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(ft(s));
     } else
-      t !== void 0 && e.push(yt(t));
+      t !== void 0 && e.push(ft(t));
     return e;
   }
   static _$Ep(t, e) {
@@ -253,41 +253,41 @@ let T = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-T[ct] = !0, T.elementProperties = /* @__PURE__ */ new Map(), T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, Et == null || Et({ ReactiveElement: T }), ((et = F.reactiveElementVersions) !== null && et !== void 0 ? et : F.reactiveElementVersions = []).push("1.6.2");
+T[ct] = !0, T.elementProperties = /* @__PURE__ */ new Map(), T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, yt == null || yt({ ReactiveElement: T }), ((et = K.reactiveElementVersions) !== null && et !== void 0 ? et : K.reactiveElementVersions = []).push("1.6.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
 var st;
-const J = window, x = J.trustedTypes, bt = 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", Wt = Array.isArray, oe = (n) => Wt(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", nt = `[ 	
-\f\r]`, V = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, wt = /-->/g, St = />/g, w = RegExp(`>|${nt}(?:([^\\s"'>=/]+)(${nt}*=${nt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Pt = /'/g, Ut = /"/g, qt = /^(?:script|style|textarea|title)$/i, j = Symbol.for("lit-noChange"), v = Symbol.for("lit-nothing"), Ct = /* @__PURE__ */ new WeakMap(), P = C.createTreeWalker(C, 129, null, !1);
-function Kt(n, t) {
+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]`, 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"), Ut = /* @__PURE__ */ new WeakMap(), P = C.createTreeWalker(C, 129, null, !1);
+function Zt(n, t) {
   if (!Array.isArray(n) || !n.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
-  return bt !== void 0 ? bt.createHTML(t) : t;
+  return Et !== void 0 ? Et.createHTML(t) : t;
 }
 const le = (n, t) => {
   const e = n.length - 1, i = [];
-  let s, o = t === 2 ? "<svg>" : "", r = V;
+  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 && (r.lastIndex = c, u = r.exec(l), u !== null); )
-      c = r.lastIndex, r === V ? u[1] === "!--" ? r = wt : u[1] !== void 0 ? r = St : u[2] !== void 0 ? (qt.test(u[2]) && (s = RegExp("</" + u[2], "g")), r = w) : u[3] !== void 0 && (r = w) : r === w ? u[0] === ">" ? (r = s ?? V, h = -1) : u[1] === void 0 ? h = -2 : (h = r.lastIndex - u[2].length, a = u[1], r = u[3] === void 0 ? w : u[3] === '"' ? Ut : Pt) : r === Ut || r === Pt ? r = w : r === wt || r === St ? r = V : (r = w, s = void 0);
-    const p = r === w && n[d + 1].startsWith("/>") ? " " : "";
-    o += r === V ? 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);
+      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 [Kt(n, o + (n[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
+  return [Zt(n, o + (n[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
 };
-let pt = class Zt {
+let pt = class Ft {
   constructor({ strings: t, _$litType$: e }, i) {
     let s;
     this.parts = [];
     let o = 0, r = 0;
     const d = t.length - 1, l = this.parts, [a, u] = le(t, e);
-    if (this.el = Zt.createElement(a, i), P.currentNode = this.el.content, e === 2) {
+    if (this.el = Ft.createElement(a, i), P.currentNode = this.el.content, e === 2) {
       const h = this.el.content, c = h.firstChild;
       c.remove(), h.append(...c.childNodes);
     }
@@ -299,15 +299,15 @@ let pt = class Zt {
             if (c.endsWith(ut) || c.startsWith(E)) {
               const p = u[r++];
               if (h.push(c), p !== void 0) {
-                const A = s.getAttribute(p.toLowerCase() + ut).split(E), f = /([.?@])?(.*)/.exec(p);
-                l.push({ type: 1, index: o, name: f[2], strings: A, ctor: f[1] === "." ? he : f[1] === "?" ? ce : f[1] === "@" ? ue : Y });
+                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: o });
             }
           for (const c of h)
             s.removeAttribute(c);
         }
-        if (qt.test(s.tagName)) {
+        if (Wt.test(s.tagName)) {
           const h = s.textContent.split(E), c = h.length - 1;
           if (c > 0) {
             s.textContent = x ? x.emptyScript : "";
@@ -358,7 +358,7 @@ let ae = class {
     for (; a !== void 0; ) {
       if (d === a.index) {
         let u;
-        a.type === 2 ? u = new Ft(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];
+        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) && (r = P.nextNode(), d++);
     }
@@ -369,7 +369,7 @@ let ae = class {
     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++;
   }
-}, Ft = class Jt {
+}, Kt = class Jt {
   constructor(t, e, i, s) {
     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;
@@ -403,7 +403,7 @@ let ae = class {
   }
   g(t) {
     var e;
-    const { values: i, _$litType$: s } = t, o = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = pt.createElement(Kt(s.h, s.h[0]), this.options)), s);
+    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 {
@@ -412,11 +412,11 @@ let ae = class {
     }
   }
   _$AC(t) {
-    let e = Ct.get(t.strings);
-    return e === void 0 && Ct.set(t.strings, e = new pt(t)), e;
+    let e = Ut.get(t.strings);
+    return e === void 0 && Ut.set(t.strings, e = new pt(t)), e;
   }
   T(t) {
-    Wt(this._$AH) || (this._$AH = [], this._$AR());
+    qt(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
     let i, s = 0;
     for (const o of t)
@@ -434,7 +434,7 @@ let ae = class {
     var e;
     this._$AM === void 0 && (this._$Cp = t, (e = this._$AP) === null || e === void 0 || e.call(this, t));
   }
-}, Y = class {
+}, Q = class {
   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;
   }
@@ -460,7 +460,7 @@ let ae = class {
   j(t) {
     t === v ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
-}, he = class extends Y {
+}, he = class extends Q {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -469,14 +469,14 @@ let ae = class {
   }
 };
 const de = x ? x.emptyScript : "";
-let ce = class extends Y {
+let ce = class extends Q {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t) {
     t && t !== v ? this.element.setAttribute(this.name, de) : this.element.removeAttribute(this.name);
   }
-}, ue = class extends Y {
+}, ue = class extends Q {
   constructor(t, e, i, s, o) {
     super(t, e, i, s, o), this.type = 5;
   }
@@ -503,39 +503,39 @@ class pe {
     H(this, t);
   }
 }
-const Rt = J.litHtmlPolyfillSupport;
-Rt == null || Rt(pt, Ft), ((st = J.litHtmlVersions) !== null && st !== void 0 ? st : J.litHtmlVersions = []).push("2.8.0");
+const Ct = J.litHtmlPolyfillSupport;
+Ct == null || Ct(pt, Kt), ((st = J.litHtmlVersions) !== null && st !== void 0 ? st : J.litHtmlVersions = []).push("2.8.0");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
 var rt;
-const X = window, N = X.trustedTypes, Tt = N ? N.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, vt = "$lit$", b = `lit$${(Math.random() + "").slice(9)}$`, Gt = "?" + b, 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]`, O = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, xt = /-->/g, Ht = />/g, S = RegExp(`>|${ot}(?:([^\\s"'>=/]+)(${ot}*=${ot}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Nt = /'/g, It = /"/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"), kt = /* @__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)}$`, 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]`, 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(), U = R.createTreeWalker(R, 129, null, !1), ge = (n, t) => {
   const e = n.length - 1, i = [];
   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 && (r.lastIndex = p, h = r.exec(a), h !== null); )
-      p = r.lastIndex, r === O ? h[1] === "!--" ? r = xt : h[1] !== void 0 ? r = Ht : 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] === '"' ? It : Nt) : r === It || r === Nt ? r = S : r === xt || r === Ht ? r = O : (r = S, s = void 0);
-    const A = r === S && n[l + 1].startsWith("/>") ? " " : "";
-    o += r === O ? a + ve : c >= 0 ? (i.push(u), a.slice(0, c) + vt + a.slice(c) + b + A) : a + b + (c === -2 ? (i.push(void 0), l) : A);
+      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 = o + (n[e] || "<?>") + (t === 2 ? "</svg>" : "");
   if (!Array.isArray(n) || !n.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
-  return [Tt !== void 0 ? Tt.createHTML(d) : d, i];
+  return [Rt !== void 0 ? Rt.createHTML(d) : d, i];
 };
-class W {
+class q {
   constructor({ strings: t, _$litType$: e }, i) {
     let s;
     this.parts = [];
     let o = 0, r = 0;
     const d = t.length - 1, l = this.parts, [a, u] = ge(t, e);
-    if (this.el = W.createElement(a, i), U.currentNode = this.el.content, e === 2) {
+    if (this.el = q.createElement(a, i), U.currentNode = this.el.content, e === 2) {
       const h = this.el.content, c = h.firstChild;
       c.remove(), h.append(...c.childNodes);
     }
@@ -544,11 +544,11 @@ class W {
         if (s.hasAttributes()) {
           const h = [];
           for (const c of s.getAttributeNames())
-            if (c.endsWith(vt) || c.startsWith(b)) {
+            if (c.endsWith(vt) || c.startsWith(w)) {
               const p = u[r++];
               if (h.push(c), p !== void 0) {
-                const A = s.getAttribute(p.toLowerCase() + vt).split(b), f = /([.?@])?(.*)/.exec(p);
-                l.push({ type: 1, index: o, name: f[2], strings: A, ctor: f[1] === "." ? ye : f[1] === "?" ? Ee : f[1] === "@" ? be : Q });
+                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: o });
             }
@@ -556,7 +556,7 @@ class W {
             s.removeAttribute(c);
         }
         if (Yt.test(s.tagName)) {
-          const h = s.textContent.split(b), c = h.length - 1;
+          const h = s.textContent.split(w), c = h.length - 1;
           if (c > 0) {
             s.textContent = N ? N.emptyScript : "";
             for (let p = 0; p < c; p++)
@@ -569,8 +569,8 @@ class W {
           l.push({ type: 2, index: o });
         else {
           let h = -1;
-          for (; (h = s.data.indexOf(b, h + 1)) !== -1; )
-            l.push({ type: 7, index: o }), h += b.length - 1;
+          for (; (h = s.data.indexOf(w, h + 1)) !== -1; )
+            l.push({ type: 7, index: o }), h += w.length - 1;
         }
       o++;
     }
@@ -580,13 +580,13 @@ class W {
     return i.innerHTML = t, i;
   }
 }
-function k(n, t, e = n, i) {
+function V(n, t, e = n, i) {
   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 && ((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 = k(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) {
@@ -606,7 +606,7 @@ class fe {
     for (; a !== void 0; ) {
       if (d === a.index) {
         let u;
-        a.type === 2 ? u = new q(r, r.nextSibling, this, t) : a.type === 1 ? u = new a.ctor(r, a.name, a.strings, this, t) : a.type === 6 && (u = new we(r, 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) && (r = U.nextNode(), d++);
     }
@@ -618,7 +618,7 @@ class fe {
       i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
   }
 }
-class q {
+class W {
   constructor(t, e, i, s) {
     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;
@@ -639,7 +639,7 @@ class q {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = k(this, t, e), z(t) ? t === _ || t == null || t === "" ? (this._$AH !== _ && this._$AR(), this._$AH = _) : t !== this._$AH && t !== I && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : _e(t) ? this.T(t) : this._(t);
+    t = V(this, t, e), z(t) ? t === _ || t == null || t === "" ? (this._$AH !== _ && this._$AR(), this._$AH = _) : t !== this._$AH && t !== I && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : _e(t) ? this.T(t) : this._(t);
   }
   k(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -652,7 +652,7 @@ class q {
   }
   g(t) {
     var e;
-    const { values: i, _$litType$: s } = t, o = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = W.createElement(s.h, this.options)), s);
+    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 {
@@ -661,15 +661,15 @@ class q {
     }
   }
   _$AC(t) {
-    let e = kt.get(t.strings);
-    return e === void 0 && kt.set(t.strings, e = new W(t)), e;
+    let e = It.get(t.strings);
+    return e === void 0 && It.set(t.strings, e = new q(t)), e;
   }
   T(t) {
     Xt(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
     let i, s = 0;
     for (const o of t)
-      s === e.length ? e.push(i = new q(this.k(B()), this.k(B()), this, this.options)) : i = e[s], i._$AI(o), s++;
+      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) {
@@ -684,7 +684,7 @@ class q {
     this._$AM === void 0 && (this._$Cp = t, (e = this._$AP) === null || e === void 0 || e.call(this, t));
   }
 }
-class Q {
+class tt {
   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 = _;
   }
@@ -698,12 +698,12 @@ class Q {
     const o = this.strings;
     let r = !1;
     if (o === void 0)
-      t = k(this, t, e, 0), r = !z(t) || t !== this._$AH && t !== I, r && (this._$AH = t);
+      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 = o[0], l = 0; l < o.length - 1; l++)
-        a = k(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;
+        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;
     }
     r && !s && this.j(t);
   }
@@ -711,7 +711,7 @@ class Q {
     t === _ ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class ye extends Q {
+class Ae extends tt {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -719,22 +719,22 @@ class ye extends Q {
     this.element[this.name] = t === _ ? void 0 : t;
   }
 }
-const Ae = N ? N.emptyScript : "";
-class Ee extends Q {
+const ye = N ? N.emptyScript : "";
+class Ee extends tt {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    t && t !== _ ? this.element.setAttribute(this.name, Ae) : this.element.removeAttribute(this.name);
+    t && t !== _ ? this.element.setAttribute(this.name, ye) : this.element.removeAttribute(this.name);
   }
 }
-class be extends Q {
+class we extends tt {
   constructor(t, e, i, s, o) {
     super(t, e, i, s, o), this.type = 5;
   }
   _$AI(t, e = this) {
     var i;
-    if ((t = (i = k(this, t, e, 0)) !== null && i !== void 0 ? i : _) === I)
+    if ((t = (i = V(this, t, e, 0)) !== null && i !== void 0 ? i : _) === I)
       return;
     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;
@@ -744,7 +744,7 @@ class be extends Q {
     typeof this._$AH == "function" ? this._$AH.call((i = (e = this.options) === null || e === void 0 ? void 0 : e.host) !== null && i !== void 0 ? i : this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class we {
+class be {
   constructor(t, e, i) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
   }
@@ -752,18 +752,18 @@ class we {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    k(this, t);
+    V(this, t);
   }
 }
 const Vt = X.litHtmlPolyfillSupport;
-Vt == null || Vt(W, q), ((rt = X.litHtmlVersions) !== null && rt !== void 0 ? rt : X.litHtmlVersions = []).push("2.7.4");
+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 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;
-    o._$litPart$ = r = new q(t.insertBefore(B(), d), d, void 0, e ?? {});
+    o._$litPart$ = r = new W(t.insertBefore(B(), d), d, void 0, e ?? {});
   }
   return r._$AI(n), r;
 };
@@ -799,8 +799,8 @@ class L extends T {
   }
 }
 L.finalized = !0, L._$litElement$ = !0, (lt = globalThis.litElementHydrateSupport) === null || lt === void 0 || lt.call(globalThis, { LitElement: L });
-const Ot = globalThis.litElementPolyfillSupport;
-Ot == null || Ot({ 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) {
@@ -830,8 +830,8 @@ 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 = "http://localhost:6060/v1", ke = "https://embed-staging.vouchfor.com/v1", Ve = "https://embed.vouchfor.com/v1", Oe = "https://dev.vouchfor.com", Me = "https://staging.vouchfor.com", Le = "https://app.vouchfor.com";
-function _t(n) {
+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", 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")
@@ -847,7 +847,7 @@ function _t(n) {
       marketingUrl: ht,
       videoUrl: Re,
       publicApiUrl: He,
-      embedApiUrl: ke,
+      embedApiUrl: Ve,
       publicRecorderUrl: Me
     };
   if (n === "prod")
@@ -855,39 +855,61 @@ function _t(n) {
       marketingUrl: ht,
       videoUrl: Te,
       publicApiUrl: Ne,
-      embedApiUrl: Ve,
+      embedApiUrl: ke,
       publicRecorderUrl: Le
     };
 }
 class De {
   constructor(t) {
-    this.host = t, new te(
+    this._fetching = !1, this.getVouch = (e, i, s) => {
+      const { embedApiUrl: o } = Y(e);
+      return fetch(`${o}/vouches/${s}`, {
+        method: "GET",
+        headers: [["X-Api-Key", i]]
+      }).then((r) => (this.host.dispatchEvent(new CustomEvent("vouch:loaded", { detail: s })), r.json()));
+    }, this.host = t, new te(
       this.host,
-      async ([e, i, s]) => {
-        var o, r;
+      async ([e, i, s, o, r]) => {
+        var d, l, a, u;
         try {
-          if (s) {
-            t.fetching = !0;
-            const { embedApiUrl: d } = _t(e), l = await fetch(`${d}/v1/vouches/${s}`, {
-              method: "GET",
-              headers: [["X-Api-Key", i]]
-            }).then((a) => a.json());
-            t.data = l, t.instance = (r = (o = l == null ? void 0 : l.settings) == null ? void 0 : o.template) == null ? void 0 : r.instance;
+          if (t.vouch = void 0, t.template = void 0, s) {
+            let h;
+            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, 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);
           }
         } finally {
-          t.fetching = !1;
+          this.fetching = !1;
         }
       },
-      () => [t.env, t.apiKey, t.vouchHashId]
+      () => [t.env, t.apiKey, t.data, t.vouchId, t.templateId]
     );
   }
+  set fetching(t) {
+    this._fetching !== t && (this._fetching = t, this.host.requestUpdate());
+  }
+  get fetching() {
+    return this._fetching;
+  }
+  async getTemplate(t, e, i) {
+    const { embedApiUrl: s } = Y(t);
+    return fetch(`${s}/templates/${i}`, {
+      method: "GET",
+      headers: [["X-Api-Key", e]]
+    }).then((o) => o.json());
+  }
 }
-let K;
+let Z;
 const je = new Uint8Array(16);
 function Be() {
-  if (!K && (K = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !K))
+  if (!Z && (Z = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !Z))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return K(je);
+  return Z(je);
 }
 const $ = [];
 for (let n = 0; n < 256; ++n)
@@ -895,12 +917,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 We = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Mt = {
-  randomUUID: We
+const qe = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Ot = {
+  randomUUID: qe
 };
 function M(n, t, e) {
-  if (Mt.randomUUID && !t && !n)
-    return Mt.randomUUID();
+  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) {
@@ -911,12 +933,12 @@ function M(n, t, e) {
   }
   return ze(i);
 }
-const qe = 2e3;
-class Ke {
+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, o;
-      const { publicApiUrl: i } = _t(this.host.env);
+      const { publicApiUrl: i } = Y(this.host.env);
       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 o, r;
@@ -927,7 +949,6 @@ class Ke {
           s[a] = l;
         }
       }), {
-        // Source might be embeds, could be playlink etc.
         source: this.host.trackingSource,
         time: /* @__PURE__ */ new Date(),
         region: i,
@@ -939,8 +960,8 @@ class Ke {
         ...s
       };
     }, this._sendTrackingEvent = (e, i) => {
-      const { publicApiUrl: s } = _t(this.host.env), { client: o, tab: r, request: d, visitor: l } = this._getUids();
-      this.host.enableTracking && this.host.trackingSource && navigator.sendBeacon(
+      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,
@@ -978,7 +999,7 @@ class Ke {
       const o = Date.now();
       !this.host.paused && // Only fire the video seeked event when this video is the active one
       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] > qe && (this._sendTrackingEvent("VIDEO_STREAMED", {
+      o - this._streamedPrevTimestamp[e] > We && (this._sendTrackingEvent("VIDEO_STREAMED", {
         vouchId: s,
         answerId: e,
         streamStart: this._streamedTime[e],
@@ -999,7 +1020,7 @@ class Ke {
       return "uuid" in this.host.data ? this.host.data.uuid : this.host.data.id;
   }
   _getUids() {
-    var o, r, d, l, a, u, h, c, p, A, f, gt;
+    var o, r, d, l, a, u, h, c, p, y, m, $t;
     if (typeof window > "u")
       return {
         client: null,
@@ -1007,7 +1028,7 @@ class Ke {
         request: M()
       };
     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, (A = (p = window.localStorage) == null ? void 0 : p.setItem) == null || A.call(p, "vouch-uid-client", e)), i !== this._tabId && (this._tabId = i, (gt = (f = window.sessionStorage) == null ? void 0 : f.setItem) == null || gt.call(f, "vouch-uid-tab", i)), {
+    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,
@@ -1015,24 +1036,24 @@ class Ke {
     };
   }
   hostConnected() {
-    this.host.enableTracking && this.host.trackingSource && requestAnimationFrame(() => {
+    requestAnimationFrame(() => {
       var t, e, i, s;
       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.host.enableTracking && this.host.trackingSource && (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.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 Ze = Object.defineProperty, Fe = Object.getOwnPropertyDescriptor, g = (n, t, e, i) => {
-  for (var s = i > 1 ? void 0 : i ? Fe(t, e) : t, o = n.length - 1, r; o >= 0; o--)
+var Fe = Object.defineProperty, Ke = Object.getOwnPropertyDescriptor, f = (n, t, e, i) => {
+  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 && Ze(t, e, s), s;
+  return i && s && Fe(t, e, s), s;
 };
-let m = class extends L {
+let g = class extends L {
   constructor() {
-    super(...arguments), this._mediaPlayerRef = Lt(), this.env = "prod", this.apiKey = "", this.preload = "auto", this.autoplay = !1, this.enableTracking = !1, this.trackingSource = "media_player", this.resolution = 1080, this.aspectRatio = 0, this.fetching = !1, 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 Ue(this, [
       "durationchange",
       "ended",
       "error",
@@ -1057,7 +1078,10 @@ let m = class extends L {
       "video:timeupdate",
       "video:ended",
       "video:error"
-    ]), this.trackingController = new Ke(this), this.fetcherController = new De(this);
+    ]), this._fetcherController = new De(this), this._trackingController = new Ze(this);
+  }
+  get fetching() {
+    return this._fetcherController.fetching;
   }
   get waiting() {
     var n;
@@ -1140,67 +1164,60 @@ let m = class extends L {
   }
   render() {
     return me`
-      <vmp-media-player
+      <vmp-new-media-player
         ${Dt(this._mediaPlayerRef)}
         ${this.eventController.register()}
         ?autoplay=${this.autoplay}
         ?loading=${this.fetching}
-        .data=${this.data}
-        .instance=${this.instance}
-        resolution=${tt(this.resolution)}
-        aspectRatio=${tt(this.aspectRatio)}
-        preload=${tt(this.preload)}
+        .data=${this.vouch}
+        .template=${this.template}
+        aspectRatio=${mt(this.aspectRatio)}
+        preload=${mt(this.preload)}
         .controls=${this.controls}
-      ></vmp-media-player>
+      ></vmp-new-media-player>
     `;
   }
 };
-g([
-  y({ type: Object, attribute: "data" })
-], m.prototype, "propData", 2);
-g([
-  y({ type: String })
-], m.prototype, "vouchHashId", 2);
-g([
-  y({ type: String })
-], m.prototype, "env", 2);
-g([
-  y({ type: String })
-], m.prototype, "apiKey", 2);
-g([
-  y({ type: String })
-], m.prototype, "preload", 2);
-g([
-  y({ type: Boolean })
-], m.prototype, "autoplay", 2);
-g([
-  y({ type: Boolean })
-], m.prototype, "enableTracking", 2);
-g([
-  y({ type: String })
-], m.prototype, "trackingSource", 2);
-g([
-  y({ type: Number })
-], m.prototype, "resolution", 2);
-g([
-  y({ type: Number })
-], m.prototype, "aspectRatio", 2);
-g([
-  y({ type: Array })
-], m.prototype, "controls", 2);
-g([
-  $t()
-], m.prototype, "data", 2);
-g([
-  $t()
-], m.prototype, "instance", 2);
-g([
-  $t()
-], m.prototype, "fetching", 2);
-m = g([
+f([
+  A({ type: Object, attribute: "data" })
+], g.prototype, "data", 2);
+f([
+  A({ type: String })
+], g.prototype, "vouchId", 2);
+f([
+  A({ type: String })
+], g.prototype, "templateId", 2);
+f([
+  A({ type: String })
+], g.prototype, "env", 2);
+f([
+  A({ type: String })
+], g.prototype, "apiKey", 2);
+f([
+  A({ type: String })
+], g.prototype, "trackingSource", 2);
+f([
+  A({ type: Array })
+], g.prototype, "controls", 2);
+f([
+  A({ type: String })
+], g.prototype, "preload", 2);
+f([
+  A({ type: Boolean })
+], g.prototype, "autoplay", 2);
+f([
+  A({ type: Number })
+], g.prototype, "aspectRatio", 2);
+f([
+  Mt()
+], g.prototype, "vouch", 2);
+f([
+  Mt()
+], g.prototype, "template", 2);
+g = f([
   Qt("vouch-embed")
-], m);
+], g);
 export {
-  m as Embed
+  g as Embed
 };
 //# sourceMappingURL=embeds.js.map