@vouchfor/embeds 0.0.0-experiment.039a74b → 0.0.0-experiment.08c37fe

package/dist/es/embeds.js

@@ -1,16 +1,1234 @@
-import { MediaPlayer as s } from "@vouchfor/media-player";
-import { customElement as f } from "lit/decorators.js";
-var v = Object.defineProperty, i = Object.getOwnPropertyDescriptor, _ = (o, r, t, l) => {
-  for (var e = l > 1 ? void 0 : l ? i(r, t) : r, m = o.length - 1, n; m >= 0; m--)
-    (n = o[m]) && (e = (l ? n(r, t, e) : n(e)) || e);
-  return l && e && v(r, t, e), e;
-};
-let p = class extends s {
-};
-p = _([
-  f("vembed-inline")
-], p);
+import { property as A, state as Lt, customElement as te } from "lit/decorators.js";
+import { ifDefined as $t } from "lit/directives/if-defined.js";
+import { createRef as Dt, ref as jt } from "lit/directives/ref.js";
+import { Task as ee } from "@lit/task";
+import "@vouchfor/media-player";
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const F = window, vt = F.ShadowRoot && (F.ShadyCSS === void 0 || F.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Bt = Symbol(), mt = /* @__PURE__ */ new WeakMap();
+let ie = class {
+  constructor(t, e, i) {
+    if (this._$cssResult$ = !0, i !== Bt)
+      throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t, this.t = e;
+  }
+  get styleSheet() {
+    let t = this.o;
+    const e = this.t;
+    if (vt && t === void 0) {
+      const i = e !== void 0 && e.length === 1;
+      i && (t = mt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && mt.set(e, t));
+    }
+    return t;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+const se = (n) => new ie(typeof n == "string" ? n : n + "", void 0, Bt), ne = (n, t) => {
+  vt ? 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);
+  });
+}, gt = vt ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
+  let e = "";
+  for (const i of t.cssRules)
+    e += i.cssText;
+  return se(e);
+})(n) : n;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var et;
+const K = window, ft = K.trustedTypes, re = ft ? ft.emptyScript : "", At = K.reactiveElementPolyfillSupport, ht = { toAttribute(n, t) {
+  switch (t) {
+    case Boolean:
+      n = n ? re : null;
+      break;
+    case Object:
+    case Array:
+      n = n == null ? n : JSON.stringify(n);
+  }
+  return n;
+}, fromAttribute(n, t) {
+  let e = n;
+  switch (t) {
+    case Boolean:
+      e = n !== null;
+      break;
+    case Number:
+      e = n === null ? null : Number(n);
+      break;
+    case Object:
+    case Array:
+      try {
+        e = JSON.parse(n);
+      } catch {
+        e = null;
+      }
+  }
+  return e;
+} }, zt = (n, t) => t !== n && (t == t || n == n), it = { attribute: !0, type: String, converter: ht, reflect: !1, hasChanged: zt }, dt = "finalized";
+let x = class extends HTMLElement {
+  constructor() {
+    super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this._$El = null, this.u();
+  }
+  static addInitializer(t) {
+    var e;
+    this.finalize(), ((e = this.h) !== null && e !== void 0 ? e : this.h = []).push(t);
+  }
+  static get observedAttributes() {
+    this.finalize();
+    const t = [];
+    return this.elementProperties.forEach((e, i) => {
+      const s = this._$Ep(i, e);
+      s !== void 0 && (this._$Ev.set(s, i), t.push(s));
+    }), t;
+  }
+  static createProperty(t, e = it) {
+    if (e.state && (e.attribute = !1), this.finalize(), this.elementProperties.set(t, e), !e.noAccessor && !this.prototype.hasOwnProperty(t)) {
+      const i = typeof t == "symbol" ? Symbol() : "__" + t, s = this.getPropertyDescriptor(t, i, e);
+      s !== void 0 && Object.defineProperty(this.prototype, t, s);
+    }
+  }
+  static getPropertyDescriptor(t, e, i) {
+    return { get() {
+      return this[e];
+    }, set(s) {
+      const o = this[t];
+      this[e] = s, this.requestUpdate(t, o, i);
+    }, configurable: !0, enumerable: !0 };
+  }
+  static getPropertyOptions(t) {
+    return this.elementProperties.get(t) || it;
+  }
+  static finalize() {
+    if (this.hasOwnProperty(dt))
+      return !1;
+    this[dt] = !0;
+    const t = Object.getPrototypeOf(this);
+    if (t.finalize(), t.h !== void 0 && (this.h = [...t.h]), this.elementProperties = new Map(t.elementProperties), this._$Ev = /* @__PURE__ */ new Map(), this.hasOwnProperty("properties")) {
+      const e = this.properties, i = [...Object.getOwnPropertyNames(e), ...Object.getOwnPropertySymbols(e)];
+      for (const s of i)
+        this.createProperty(s, e[s]);
+    }
+    return this.elementStyles = this.finalizeStyles(this.styles), !0;
+  }
+  static finalizeStyles(t) {
+    const e = [];
+    if (Array.isArray(t)) {
+      const i = new Set(t.flat(1 / 0).reverse());
+      for (const s of i)
+        e.unshift(gt(s));
+    } else
+      t !== void 0 && e.push(gt(t));
+    return e;
+  }
+  static _$Ep(t, e) {
+    const i = e.attribute;
+    return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
+  }
+  u() {
+    var t;
+    this._$E_ = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$Eg(), this.requestUpdate(), (t = this.constructor.h) === null || t === void 0 || t.forEach((e) => e(this));
+  }
+  addController(t) {
+    var e, i;
+    ((e = this._$ES) !== null && e !== void 0 ? e : this._$ES = []).push(t), this.renderRoot !== void 0 && this.isConnected && ((i = t.hostConnected) === null || i === void 0 || i.call(t));
+  }
+  removeController(t) {
+    var e;
+    (e = this._$ES) === null || e === void 0 || e.splice(this._$ES.indexOf(t) >>> 0, 1);
+  }
+  _$Eg() {
+    this.constructor.elementProperties.forEach((t, e) => {
+      this.hasOwnProperty(e) && (this._$Ei.set(e, this[e]), delete this[e]);
+    });
+  }
+  createRenderRoot() {
+    var t;
+    const e = (t = this.shadowRoot) !== null && t !== void 0 ? t : this.attachShadow(this.constructor.shadowRootOptions);
+    return ne(e, this.constructor.elementStyles), e;
+  }
+  connectedCallback() {
+    var t;
+    this.renderRoot === void 0 && (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$ES) === null || t === void 0 || t.forEach((e) => {
+      var i;
+      return (i = e.hostConnected) === null || i === void 0 ? void 0 : i.call(e);
+    });
+  }
+  enableUpdating(t) {
+  }
+  disconnectedCallback() {
+    var t;
+    (t = this._$ES) === null || t === void 0 || t.forEach((e) => {
+      var i;
+      return (i = e.hostDisconnected) === null || i === void 0 ? void 0 : i.call(e);
+    });
+  }
+  attributeChangedCallback(t, e, i) {
+    this._$AK(t, i);
+  }
+  _$EO(t, e, i = it) {
+    var s;
+    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 : ht).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, 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 : ht;
+      this._$El = o, this[o] = d.fromAttribute(e, r.type), this._$El = null;
+    }
+  }
+  requestUpdate(t, e, i) {
+    let s = !0;
+    t !== void 0 && (((i = i || this.constructor.getPropertyOptions(t)).hasChanged || zt)(this[t], e) ? (this._$AL.has(t) || this._$AL.set(t, e), i.reflect === !0 && this._$El !== t && (this._$EC === void 0 && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t, i))) : s = !1), !this.isUpdatePending && s && (this._$E_ = this._$Ej());
+  }
+  async _$Ej() {
+    this.isUpdatePending = !0;
+    try {
+      await this._$E_;
+    } catch (e) {
+      Promise.reject(e);
+    }
+    const t = this.scheduleUpdate();
+    return t != null && await t, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    var t;
+    if (!this.isUpdatePending)
+      return;
+    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 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;
+    }
+    e && this._$AE(i);
+  }
+  willUpdate(t) {
+  }
+  _$AE(t) {
+    var e;
+    (e = this._$ES) === null || e === void 0 || e.forEach((i) => {
+      var s;
+      return (s = i.hostUpdated) === null || s === void 0 ? void 0 : s.call(i);
+    }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+  }
+  _$Ek() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$E_;
+  }
+  shouldUpdate(t) {
+    return !0;
+  }
+  update(t) {
+    this._$EC !== void 0 && (this._$EC.forEach((e, i) => this._$EO(i, this[i], e)), this._$EC = void 0), this._$Ek();
+  }
+  updated(t) {
+  }
+  firstUpdated(t) {
+  }
+};
+x[dt] = !0, x.elementProperties = /* @__PURE__ */ new Map(), x.elementStyles = [], x.shadowRootOptions = { mode: "open" }, At == null || At({ ReactiveElement: x }), ((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 G = window, R = G.trustedTypes, yt = R ? R.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, ct = "$lit$", E = `lit$${(Math.random() + "").slice(9)}$`, qt = "?" + E, oe = `<${qt}>`, U = document, J = () => U.createComment(""), D = (n) => n === null || typeof n != "object" && typeof n != "function", Wt = Array.isArray, le = (n) => Wt(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", nt = `[ 	
+\f\r]`, O = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Et = /-->/g, wt = />/g, b = RegExp(`>|${nt}(?:([^\\s"'>=/]+)(${nt}*=${nt}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), bt = /'/g, St = /"/g, Zt = /^(?:script|style|textarea|title)$/i, j = Symbol.for("lit-noChange"), v = Symbol.for("lit-nothing"), Pt = /* @__PURE__ */ new WeakMap(), P = U.createTreeWalker(U, 129, null, !1);
+function Ft(n, t) {
+  if (!Array.isArray(n) || !n.hasOwnProperty("raw"))
+    throw Error("invalid template strings array");
+  return yt !== void 0 ? yt.createHTML(t) : t;
+}
+const ae = (n, t) => {
+  const e = n.length - 1, i = [];
+  let s, o = t === 2 ? "<svg>" : "", r = O;
+  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 === O ? u[1] === "!--" ? r = Et : u[1] !== void 0 ? r = wt : u[2] !== void 0 ? (Zt.test(u[2]) && (s = RegExp("</" + u[2], "g")), r = b) : u[3] !== void 0 && (r = b) : r === b ? u[0] === ">" ? (r = s ?? O, 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] === '"' ? St : bt) : r === St || r === bt ? r = b : r === Et || r === wt ? r = O : (r = b, s = void 0);
+    const p = r === b && n[d + 1].startsWith("/>") ? " " : "";
+    o += r === O ? l + oe : h >= 0 ? (i.push(a), l.slice(0, h) + ct + l.slice(h) + E + p) : l + E + (h === -2 ? (i.push(void 0), d) : p);
+  }
+  return [Ft(n, o + (n[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
+};
+let ut = class Kt {
+  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] = ae(t, e);
+    if (this.el = Kt.createElement(a, i), P.currentNode = this.el.content, e === 2) {
+      const h = this.el.content, c = h.firstChild;
+      c.remove(), h.append(...c.childNodes);
+    }
+    for (; (s = P.nextNode()) !== null && l.length < d; ) {
+      if (s.nodeType === 1) {
+        if (s.hasAttributes()) {
+          const h = [];
+          for (const c of s.getAttributeNames())
+            if (c.endsWith(ct) || c.startsWith(E)) {
+              const p = u[r++];
+              if (h.push(c), p !== void 0) {
+                const y = s.getAttribute(p.toLowerCase() + ct).split(E), m = /([.?@])?(.*)/.exec(p);
+                l.push({ type: 1, index: o, name: m[2], strings: y, ctor: m[1] === "." ? de : m[1] === "?" ? ue : m[1] === "@" ? pe : Q });
+              } else
+                l.push({ type: 6, index: o });
+            }
+          for (const c of h)
+            s.removeAttribute(c);
+        }
+        if (Zt.test(s.tagName)) {
+          const h = s.textContent.split(E), c = h.length - 1;
+          if (c > 0) {
+            s.textContent = R ? R.emptyScript : "";
+            for (let p = 0; p < c; p++)
+              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 === qt)
+          l.push({ type: 2, index: o });
+        else {
+          let h = -1;
+          for (; (h = s.data.indexOf(E, h + 1)) !== -1; )
+            l.push({ type: 7, index: o }), h += E.length - 1;
+        }
+      o++;
+    }
+  }
+  static createElement(t, e) {
+    const i = U.createElement("template");
+    return i.innerHTML = t, i;
+  }
+};
+function H(n, t, e = n, i) {
+  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 && ((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 he = class {
+  constructor(t, e) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t) {
+    var e;
+    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 Gt(r, r.nextSibling, this, t) : a.type === 1 ? u = new a.ctor(r, a.name, a.strings, this, t) : a.type === 6 && (u = new ve(r, this, t)), this._$AV.push(u), a = s[++l];
+      }
+      d !== (a == null ? void 0 : a.index) && (r = P.nextNode(), d++);
+    }
+    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++;
+  }
+}, Gt = 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;
+  }
+  get _$AU() {
+    var t, e;
+    return (e = (t = this._$AM) === null || t === void 0 ? void 0 : t._$AU) !== null && e !== void 0 ? e : this._$Cp;
+  }
+  get parentNode() {
+    let t = this._$AA.parentNode;
+    const e = this._$AM;
+    return e !== void 0 && (t == null ? void 0 : t.nodeType) === 11 && (t = e.parentNode), t;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t, e = this) {
+    t = H(this, t, e), D(t) ? t === v || t == null || t === "" ? (this._$AH !== v && this._$AR(), this._$AH = v) : t !== this._$AH && t !== j && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : le(t) ? this.T(t) : this._(t);
+  }
+  k(t) {
+    return this._$AA.parentNode.insertBefore(t, this._$AB);
+  }
+  $(t) {
+    this._$AH !== t && (this._$AR(), this._$AH = this.k(t));
+  }
+  _(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, o = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = ut.createElement(Ft(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 r = new he(o, this), d = r.u(this.options);
+      r.v(i), this.$(d), this._$AH = r;
+    }
+  }
+  _$AC(t) {
+    let e = Pt.get(t.strings);
+    return e === void 0 && Pt.set(t.strings, e = new ut(t)), e;
+  }
+  T(t) {
+    Wt(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 Jt(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) {
+    var i;
+    for ((i = this._$AP) === null || i === void 0 || i.call(this, !1, !0, e); t && t !== this._$AB; ) {
+      const s = t.nextSibling;
+      t.remove(), t = s;
+    }
+  }
+  setConnected(t) {
+    var e;
+    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, 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;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t, e = this, i, s) {
+    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 = 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;
+    }
+    r && !s && this.j(t);
+  }
+  j(t) {
+    t === v ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+  }
+}, de = class extends Q {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t) {
+    this.element[this.name] = t === v ? void 0 : t;
+  }
+};
+const ce = R ? R.emptyScript : "";
+let ue = class extends Q {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t) {
+    t && t !== v ? this.element.setAttribute(this.name, ce) : this.element.removeAttribute(this.name);
+  }
+}, pe = class extends Q {
+  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, 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;
+    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 ve {
+  constructor(t, e, i) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t) {
+    H(this, t);
+  }
+}
+const Ct = G.litHtmlPolyfillSupport;
+Ct == null || Ct(ut, Gt), ((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, Ut = N ? N.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, pt = "$lit$", w = `lit$${(Math.random() + "").slice(9)}$`, Xt = "?" + w, _e = `<${Xt}>`, T = document, B = () => T.createComment(""), z = (n) => n === null || typeof n != "object" && typeof n != "function", Yt = Array.isArray, $e = (n) => Yt(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", ot = `[ 	
+\f\r]`, k = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Tt = /-->/g, xt = />/g, S = RegExp(`>|${ot}(?:([^\\s"'>=/]+)(${ot}*=${ot}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Rt = /'/g, Ht = /"/g, Qt = /^(?:script|style|textarea|title)$/i, me = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), ge = me(1), I = Symbol.for("lit-noChange"), _ = Symbol.for("lit-nothing"), Nt = /* @__PURE__ */ new WeakMap(), C = T.createTreeWalker(T, 129, null, !1), fe = (n, t) => {
+  const e = n.length - 1, i = [];
+  let s, o = t === 2 ? "<svg>" : "", r = k;
+  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 === k ? h[1] === "!--" ? r = Tt : h[1] !== void 0 ? r = xt : h[2] !== void 0 ? (Qt.test(h[2]) && (s = RegExp("</" + h[2], "g")), r = S) : h[3] !== void 0 && (r = S) : r === S ? h[0] === ">" ? (r = s ?? k, 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] === '"' ? Ht : Rt) : r === Ht || r === Rt ? r = S : r === Tt || r === xt ? r = k : (r = S, s = void 0);
+    const y = r === S && n[l + 1].startsWith("/>") ? " " : "";
+    o += r === k ? a + _e : c >= 0 ? (i.push(u), a.slice(0, c) + pt + 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 [Ut !== void 0 ? Ut.createHTML(d) : d, i];
+};
+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] = fe(t, e);
+    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 = C.nextNode()) !== null && l.length < d; ) {
+      if (s.nodeType === 1) {
+        if (s.hasAttributes()) {
+          const h = [];
+          for (const c of s.getAttributeNames())
+            if (c.endsWith(pt) || c.startsWith(w)) {
+              const p = u[r++];
+              if (h.push(c), p !== void 0) {
+                const y = s.getAttribute(p.toLowerCase() + pt).split(w), m = /([.?@])?(.*)/.exec(p);
+                l.push({ type: 1, index: o, name: m[2], strings: y, ctor: m[1] === "." ? ye : m[1] === "?" ? we : m[1] === "@" ? be : tt });
+              } else
+                l.push({ type: 6, index: o });
+            }
+          for (const c of h)
+            s.removeAttribute(c);
+        }
+        if (Qt.test(s.tagName)) {
+          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++)
+              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 === Xt)
+          l.push({ type: 2, index: o });
+        else {
+          let h = -1;
+          for (; (h = s.data.indexOf(w, h + 1)) !== -1; )
+            l.push({ type: 7, index: o }), h += w.length - 1;
+        }
+      o++;
+    }
+  }
+  static createElement(t, e) {
+    const i = T.createElement("template");
+    return i.innerHTML = t, 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 = V(n, l._$AS(n, t.values), l, i)), t;
+}
+class Ae {
+  constructor(t, e) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t) {
+    var e;
+    const { el: { content: i }, parts: s } = this._$AD, o = ((e = t == null ? void 0 : t.creationScope) !== null && e !== void 0 ? e : T).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(r, r.nextSibling, this, t) : a.type === 1 ? u = new a.ctor(r, a.name, a.strings, this, t) : a.type === 6 && (u = new Se(r, this, t)), this._$AV.push(u), a = s[++l];
+      }
+      d !== (a == null ? void 0 : a.index) && (r = C.nextNode(), d++);
+    }
+    return C.currentNode = T, 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++;
+  }
+}
+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;
+  }
+  get _$AU() {
+    var t, e;
+    return (e = (t = this._$AM) === null || t === void 0 ? void 0 : t._$AU) !== null && e !== void 0 ? e : this._$Cp;
+  }
+  get parentNode() {
+    let t = this._$AA.parentNode;
+    const e = this._$AM;
+    return e !== void 0 && (t == null ? void 0 : t.nodeType) === 11 && (t = e.parentNode), t;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t, e = this) {
+    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);
+  }
+  $(t) {
+    this._$AH !== t && (this._$AR(), this._$AH = this.k(t));
+  }
+  _(t) {
+    this._$AH !== _ && z(this._$AH) ? this._$AA.nextSibling.data = t : this.$(T.createTextNode(t)), this._$AH = t;
+  }
+  g(t) {
+    var e;
+    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 r = new Ae(o, this), d = r.u(this.options);
+      r.v(i), this.$(d), this._$AH = r;
+    }
+  }
+  _$AC(t) {
+    let e = Nt.get(t.strings);
+    return e === void 0 && Nt.set(t.strings, e = new q(t)), e;
+  }
+  T(t) {
+    Yt(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 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) {
+    var i;
+    for ((i = this._$AP) === null || i === void 0 || i.call(this, !1, !0, e); t && t !== this._$AB; ) {
+      const s = t.nextSibling;
+      t.remove(), t = s;
+    }
+  }
+  setConnected(t) {
+    var e;
+    this._$AM === void 0 && (this._$Cp = t, (e = this._$AP) === null || e === void 0 || e.call(this, t));
+  }
+}
+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 = _;
+  }
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t, e = this, i, s) {
+    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 = 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;
+    }
+    r && !s && this.j(t);
+  }
+  j(t) {
+    t === _ ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+  }
+}
+class ye extends tt {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t) {
+    this.element[this.name] = t === _ ? void 0 : t;
+  }
+}
+const Ee = N ? N.emptyScript : "";
+class we extends tt {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t) {
+    t && t !== _ ? this.element.setAttribute(this.name, Ee) : this.element.removeAttribute(this.name);
+  }
+}
+class be 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 = 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;
+  }
+  handleEvent(t) {
+    var e, i;
+    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 Se {
+  constructor(t, e, i) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t) {
+    V(this, t);
+  }
+}
+const It = X.litHtmlPolyfillSupport;
+It == null || It(q, W), ((rt = X.litHtmlVersions) !== null && rt !== void 0 ? rt : X.litHtmlVersions = []).push("2.7.4");
+const Pe = (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 W(t.insertBefore(B(), d), d, void 0, e ?? {});
+  }
+  return r._$AI(n), r;
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var lt, at;
+class L extends x {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    var t, e;
+    const i = super.createRenderRoot();
+    return (t = (e = this.renderOptions).renderBefore) !== null && t !== void 0 || (e.renderBefore = i.firstChild), i;
+  }
+  update(t) {
+    const e = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Pe(e, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    var t;
+    super.connectedCallback(), (t = this._$Do) === null || t === void 0 || t.setConnected(!0);
+  }
+  disconnectedCallback() {
+    var t;
+    super.disconnectedCallback(), (t = this._$Do) === null || t === void 0 || t.setConnected(!1);
+  }
+  render() {
+    return I;
+  }
+}
+L.finalized = !0, L._$litElement$ = !0, (lt = globalThis.litElementHydrateSupport) === null || lt === void 0 || lt.call(globalThis, { LitElement: L });
+const Vt = globalThis.litElementPolyfillSupport;
+Vt == null || Vt({ LitElement: L });
+((at = globalThis.litElementVersions) !== null && at !== void 0 ? at : globalThis.litElementVersions = []).push("3.3.2");
+function Ce(n, t, e) {
+  function i(s) {
+    e.dispatchEvent(new CustomEvent(s.type, s));
+  }
+  return t.addEventListener(n, i), () => {
+    t.removeEventListener(n, i);
+  };
+}
+class Ue {
+  constructor(t, e) {
+    this._events = [], this._cleanup = [], this._forwardElementRef = Dt(), this.host = t, this._events = e, t.addController(this);
+  }
+  register() {
+    return jt(this._forwardElementRef);
+  }
+  hostConnected() {
+    requestAnimationFrame(() => {
+      this._events.forEach((t) => {
+        this._forwardElementRef.value && this._cleanup.push(Ce(t, this._forwardElementRef.value, this.host));
+      });
+    });
+  }
+  hostDisconnected() {
+    this._cleanup.forEach((t) => {
+      t();
+    }), this._cleanup = [];
+  }
+}
+const Ot = "https://d2rxhdlm2q91uk.cloudfront.net", Te = "https://d1ix11aj5kfygl.cloudfront.net", xe = "https://d157jlwnudd93d.cloudfront.net", kt = "https://bshyfw4h5a.execute-api.ap-southeast-2.amazonaws.com/dev", Re = "https://gyzw7rpbq3.execute-api.ap-southeast-2.amazonaws.com/staging", He = "https://vfcjuim1l3.execute-api.ap-southeast-2.amazonaws.com/prod", Ne = "http://localhost:6060/v2", Ie = "https://embed-dev.vouchfor.com/v2", Ve = "https://embed-staging.vouchfor.com/v2", Oe = "https://embed.vouchfor.com/v2";
+function Y(n) {
+  if (!["local", "dev", "staging", "prod"].includes(n))
+    throw new Error(`Unknown environment: ${n}`);
+  if (n === "local")
+    return {
+      videoUrl: Ot,
+      publicApiUrl: kt,
+      embedApiUrl: Ne
+    };
+  if (n === "dev")
+    return {
+      videoUrl: Ot,
+      publicApiUrl: kt,
+      embedApiUrl: Ie
+    };
+  if (n === "staging")
+    return {
+      videoUrl: Te,
+      publicApiUrl: Re,
+      embedApiUrl: Ve
+    };
+  if (n === "prod")
+    return {
+      videoUrl: xe,
+      publicApiUrl: He,
+      embedApiUrl: Oe
+    };
+}
+class ke {
+  constructor(t) {
+    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 ee(
+      this.host,
+      async ([e, i, s, o, r]) => {
+        var d, l, a, u;
+        try {
+          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 {
+          this.fetching = !1;
+        }
+      },
+      () => [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;
+  }
+}
+let Z;
+const Me = new Uint8Array(16);
+function Le() {
+  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 Z(Me);
+}
+const $ = [];
+for (let n = 0; n < 256; ++n)
+  $.push((n + 256).toString(16).slice(1));
+function De(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 je = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Mt = {
+  randomUUID: je
+};
+function M(n, t, e) {
+  if (Mt.randomUUID && !t && !n)
+    return Mt.randomUUID();
+  n = n || {};
+  const i = n.random || (n.rng || Le)();
+  if (i[6] = i[6] & 15 | 64, i[8] = i[8] & 63 | 128, t) {
+    e = e || 0;
+    for (let s = 0; s < 16; ++s)
+      t[e + s] = i[s];
+    return t;
+  }
+  return De(i);
+}
+const Be = 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 } = 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;
+      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: this.host.trackingSource,
+        time: /* @__PURE__ */ new Date(),
+        region: i,
+        country: e,
+        screenHeight: window.screen.height,
+        screenWidth: window.screen.width,
+        referrer: document.referrer,
+        currentUrl: location.href,
+        ...s
+      };
+    }, this._sendTrackingEvent = (e, i) => {
+      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": o,
+            "x-uid-tab": r,
+            "x-uid-request": d,
+            "x-uid-visitor": l,
+            "x-reporting-metadata": this._getReportingMetadata()
+          }
+        })
+      );
+    }, this._handleVouchLoaded = ({ detail: e }) => {
+      e && (this._hasLoaded[e] || (this._sendTrackingEvent("VOUCH_LOADED", {
+        vouchId: e
+      }), this._hasLoaded[e] = !0));
+    }, this._handlePlay = () => {
+      const e = this._findVouchId();
+      e && (this._hasPlayed || (this._sendTrackingEvent("VIDEO_PLAYED", {
+        vouchId: e,
+        streamStart: this.host.currentTime
+      }), this._hasPlayed = !0));
+    }, this._handleVideoPlay = ({ detail: { id: e, node: i } }) => {
+      const s = this._findVouchId();
+      s && (this._answersViewed[e] || (this._sendTrackingEvent("VOUCH_RESPONSE_VIEWED", {
+        vouchId: s,
+        answerId: e
+      }), this._answersViewed[e] = !0), this._streamedTime[e] = i.currentTime, this._streamedPrevTimestamp[e] = Date.now());
+    }, this._handleVideoTimeUpdate = ({ detail: { id: e, node: i } }) => {
+      var r, d;
+      const s = this._findVouchId();
+      if (!s)
+        return;
+      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] > Be && (this._sendTrackingEvent("VIDEO_STREAMED", {
+        vouchId: s,
+        answerId: e,
+        streamStart: this._streamedTime[e],
+        streamEnd: i.currentTime
+      }), 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", {
+        vouchId: s,
+        answerId: e,
+        streamStart: this._streamedTime[e],
+        streamEnd: i.currentTime
+      }), delete this._streamedTime[e], delete this._streamedPrevTimestamp[e]);
+    }, this.host = t, t.addController(this);
+  }
+  _findVouchId() {
+    if (this.host.data)
+      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, y, m, _t;
+    if (typeof window > "u")
+      return {
+        client: null,
+        tab: null,
+        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, (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,
+      visitor: t
+    };
+  }
+  hostConnected() {
+    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.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 qe = Object.defineProperty, We = Object.getOwnPropertyDescriptor, f = (n, t, e, i) => {
+  for (var s = i > 1 ? void 0 : i ? We(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 && qe(t, e, s), s;
+};
+let g = class extends L {
+  constructor() {
+    super(...arguments), this._mediaPlayerRef = Dt(), 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",
+      "loadeddata",
+      "pause",
+      "stalled",
+      "play",
+      "playing",
+      "ratechange",
+      "scenechange",
+      "seeking",
+      "seeked",
+      "timeupdate",
+      "volumechange",
+      "waiting",
+      "video:loadeddata",
+      "video:seeked",
+      "video:play",
+      "video:playing",
+      "video:pause",
+      "video:stalled",
+      "video:timeupdate",
+      "video:ended",
+      "video:error"
+    ]), this._fetcherController = new ke(this), this._trackingController = new ze(this);
+  }
+  get fetching() {
+    return this._fetcherController.fetching;
+  }
+  get waiting() {
+    var n;
+    return (n = this._mediaPlayerRef.value) == null ? void 0 : n.waiting;
+  }
+  get seeking() {
+    var n;
+    return (n = this._mediaPlayerRef.value) == null ? void 0 : n.seeking;
+  }
+  get paused() {
+    var n;
+    return (n = this._mediaPlayerRef.value) == null ? void 0 : n.paused;
+  }
+  get captions() {
+    var n;
+    return (n = this._mediaPlayerRef.value) == null ? void 0 : n.captions;
+  }
+  get fullscreen() {
+    var n;
+    return (n = this._mediaPlayerRef.value) == null ? void 0 : n.fullscreen;
+  }
+  get duration() {
+    var n;
+    return (n = this._mediaPlayerRef.value) == null ? void 0 : n.duration;
+  }
+  set currentTime(n) {
+    this._mediaPlayerRef.value && (this._mediaPlayerRef.value.currentTime = n);
+  }
+  get currentTime() {
+    var n;
+    return ((n = this._mediaPlayerRef.value) == null ? void 0 : n.currentTime) ?? 0;
+  }
+  set playbackRate(n) {
+    this._mediaPlayerRef.value && (this._mediaPlayerRef.value.playbackRate = n);
+  }
+  get playbackRate() {
+    var n;
+    return ((n = this._mediaPlayerRef.value) == null ? void 0 : n.playbackRate) ?? 1;
+  }
+  set volume(n) {
+    this._mediaPlayerRef.value && (this._mediaPlayerRef.value.volume = n);
+  }
+  get volume() {
+    var n;
+    return ((n = this._mediaPlayerRef.value) == null ? void 0 : n.volume) ?? 1;
+  }
+  set muted(n) {
+    this._mediaPlayerRef.value && (this._mediaPlayerRef.value.muted = n);
+  }
+  get muted() {
+    var n;
+    return ((n = this._mediaPlayerRef.value) == null ? void 0 : n.muted) ?? !1;
+  }
+  get scene() {
+    var n;
+    return ((n = this._mediaPlayerRef.value) == null ? void 0 : n.scene) ?? null;
+  }
+  get scenes() {
+    var n;
+    return ((n = this._mediaPlayerRef.value) == null ? void 0 : n.scenes) ?? [];
+  }
+  get videoState() {
+    var n;
+    return (n = this._mediaPlayerRef.value) == null ? void 0 : n.videoState;
+  }
+  get mediaPlayer() {
+    return this._mediaPlayerRef.value;
+  }
+  play() {
+    var n;
+    (n = this._mediaPlayerRef.value) == null || n.play();
+  }
+  pause() {
+    var n;
+    (n = this._mediaPlayerRef.value) == null || n.pause();
+  }
+  setScene(n) {
+    var t;
+    (t = this._mediaPlayerRef.value) == null || t.setScene(n);
+  }
+  render() {
+    return ge`
+      <vmp-new-media-player
+        ${jt(this._mediaPlayerRef)}
+        ${this.eventController.register()}
+        ?autoplay=${this.autoplay}
+        ?loading=${this.fetching}
+        .data=${this.vouch}
+        .template=${this.template}
+        aspectRatio=${$t(this.aspectRatio)}
+        preload=${$t(this.preload)}
+        .controls=${this.controls}
+      ></vmp-new-media-player>
+    `;
+  }
+};
+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([
+  Lt()
+], g.prototype, "vouch", 2);
+f([
+  Lt()
+], g.prototype, "template", 2);
+g = f([
+  te("vouch-embed")
+], g);
 export {
-  p as InlineEmbed
+  g as Embed
 };
 //# sourceMappingURL=embeds.js.map