@financial-times/custom-code-component 1.9.8 → 1.10.0

package/dist/custom-code-component.js

@@ -1,1146 +1,217 @@
-function w(t) {
-  this.listenerMap = [{}, {}], t && this.root(t), this.handle = w.prototype.handle.bind(this), this._removedListeners = [];
+function d(o) {
+  this.listenerMap = [{}, {}], o && this.root(o), this.handle = d.prototype.handle.bind(this), this._removedListeners = [];
 }
-w.prototype.root = function(t) {
-  const e = this.listenerMap;
-  let n;
-  if (this.rootElement) {
-    for (n in e[1])
-      e[1].hasOwnProperty(n) && this.rootElement.removeEventListener(n, this.handle, !0);
-    for (n in e[0])
-      e[0].hasOwnProperty(n) && this.rootElement.removeEventListener(n, this.handle, !1);
-  }
-  if (!t || !t.addEventListener)
-    return this.rootElement && delete this.rootElement, this;
-  this.rootElement = t;
-  for (n in e[1])
-    e[1].hasOwnProperty(n) && this.rootElement.addEventListener(n, this.handle, !0);
-  for (n in e[0])
-    e[0].hasOwnProperty(n) && this.rootElement.addEventListener(n, this.handle, !1);
-  return this;
-};
-w.prototype.captureForType = function(t) {
-  return ["blur", "error", "focus", "load", "resize", "scroll"].indexOf(t) !== -1;
-};
-w.prototype.on = function(t, e, n, o) {
-  let r, i, s, c;
-  if (!t)
-    throw new TypeError("Invalid event type: " + t);
-  if (typeof e == "function" && (o = n, n = e, e = null), o === void 0 && (o = this.captureForType(t)), typeof n != "function")
-    throw new TypeError("Handler must be a type of Function");
-  return r = this.rootElement, i = this.listenerMap[o ? 1 : 0], i[t] || (r && r.addEventListener(t, this.handle, o), i[t] = []), e ? /^[a-z]+$/i.test(e) ? (c = e, s = Et) : /^#[a-z0-9\-_]+$/i.test(e) ? (c = e.slice(1), s = xt) : (c = e, s = Element.prototype.matches) : (c = null, s = vt.bind(this)), i[t].push({
-    selector: e,
-    handler: n,
-    matcher: s,
-    matcherParam: c
-  }), this;
-};
-w.prototype.off = function(t, e, n, o) {
-  let r, i, s, c, a;
-  if (typeof e == "function" && (o = n, n = e, e = null), o === void 0)
-    return this.off(t, e, n, !0), this.off(t, e, n, !1), this;
-  if (s = this.listenerMap[o ? 1 : 0], !t) {
-    for (a in s)
-      s.hasOwnProperty(a) && this.off(a, e, n);
-    return this;
-  }
-  if (c = s[t], !c || !c.length)
-    return this;
-  for (r = c.length - 1; r >= 0; r--)
-    i = c[r], (!e || e === i.selector) && (!n || n === i.handler) && (this._removedListeners.push(i), c.splice(r, 1));
-  return c.length || (delete s[t], this.rootElement && this.rootElement.removeEventListener(t, this.handle, o)), this;
-};
-w.prototype.handle = function(t) {
-  let e, n;
-  const o = t.type;
-  let r, i, s, c, a = [], u;
-  const l = "ftLabsDelegateIgnore";
-  if (t[l] === !0)
-    return;
-  switch (u = t.target, u.nodeType === 3 && (u = u.parentNode), u.correspondingUseElement && (u = u.correspondingUseElement), r = this.rootElement, i = t.eventPhase || (t.target !== t.currentTarget ? 3 : 2), i) {
-    case 1:
-      a = this.listenerMap[1][o];
-      break;
-    case 2:
-      this.listenerMap[0] && this.listenerMap[0][o] && (a = a.concat(this.listenerMap[0][o])), this.listenerMap[1] && this.listenerMap[1][o] && (a = a.concat(this.listenerMap[1][o]));
-      break;
-    case 3:
-      a = this.listenerMap[0][o];
-      break;
-  }
-  let f = [];
-  for (n = a.length; u && n; ) {
-    for (e = 0; e < n && (s = a[e], !!s); e++)
-      u.tagName && ["button", "input", "select", "textarea"].indexOf(u.tagName.toLowerCase()) > -1 && u.hasAttribute("disabled") ? f = [] : s.matcher.call(u, s.matcherParam, u) && f.push([t, u, s]);
-    if (u === r || (n = a.length, u = u.parentElement || u.parentNode, u instanceof HTMLDocument))
-      break;
-  }
-  let d;
-  for (e = 0; e < f.length; e++)
-    if (!(this._removedListeners.indexOf(f[e][2]) > -1) && (c = this.fire.apply(this, f[e]), c === !1)) {
-      f[e][0][l] = !0, f[e][0].preventDefault(), d = !1;
-      break;
-    }
-  return d;
-};
-w.prototype.fire = function(t, e, n) {
-  return n.handler.call(e, t, e);
-};
-function Et(t, e) {
-  return t.toLowerCase() === e.tagName.toLowerCase();
-}
-function vt(t, e) {
-  return this.rootElement === window ? (
-    // Match the outer document (dispatched from document)
-    e === document || // The <html> element (dispatched from document.body or document.documentElement)
-    e === document.documentElement || // Or the window itself (dispatched from window)
-    e === window
-  ) : this.rootElement === e;
-}
-function xt(t, e) {
-  return t === e.id;
-}
-w.prototype.destroy = function() {
-  this.off(), this.root();
-};
-const K = { config: {} };
-function tt(t) {
-  if (t === void 0)
-    return t;
-  switch (Object.prototype.toString.call(t)) {
-    case "[object Object]":
-      return JSON.parse(JSON.stringify(t));
-    case "[object Array]":
-      return [].slice.call(t);
-    default:
-      return t;
-  }
-}
-function kt(t, e) {
-  K[t] = tt(e);
-}
-function Ot(t) {
-  return tt(K[t]);
-}
-function Q(t) {
-  delete K[t];
-}
-const C = kt, h = Ot;
-let A = 0;
-const H = 4, N = 36, et = Math.pow(N, H), F = function(e, n) {
-  const o = "000000000" + e;
-  return o.substr(o.length - n);
-}, U = function() {
-  return F((Math.random() * et << 0).toString(N), H);
-}, nt = () => (A = A < et ? A : 0, A++, A - 1), p = function() {
-  const e = "c", n = (/* @__PURE__ */ new Date()).getTime().toString(N), o = p.fingerprint(), r = U() + U(), i = F(nt().toString(N), H);
-  return e + n + i + o + r;
-};
-p.slug = function() {
-  const e = (/* @__PURE__ */ new Date()).getTime().toString(36), n = p.fingerprint().slice(0, 1) + p.fingerprint().slice(-1), o = U().slice(-2), r = nt().toString(36).slice(-4);
-  return e.slice(-2) + r + n + o;
-};
-p.globalCount = function() {
-  const e = function() {
-    let o = 0;
-    for (const r in window)
-      o++;
-    return o;
-  }();
-  return p.globalCount = () => e, e;
-};
-p.fingerprint = function() {
-  return F((navigator.mimeTypes.length + navigator.userAgent.length).toString(36) + p.globalCount().toString(36), 4);
-};
-const X = [];
-function P(...t) {
-  if (h("config").test && window.console)
-    for (const e of t)
-      window.console.log(e);
-}
-function y(t, e = "undefined") {
-  return typeof t === e;
-}
-function m(t, e) {
-  e || (e = t, t = {});
-  let n, o, r;
-  for (n in e)
-    o = t[n], r = e[n], t !== r && typeof r < "u" && r !== null && (t[n] = o === Object(o) && !y(o, "function") ? m(o, r) : r);
-  return t;
-}
-function V(t) {
-  return window.encodeURIComponent ? window.encodeURIComponent(t) : window.escape(t);
-}
-function Ct(t) {
-  return window.decodeURIComponent ? window.decodeURIComponent(t) : window.unescape(t);
-}
-function z(t, e, n) {
-  t.addEventListener ? t.addEventListener(e, n, !1) : t.attachEvent("on" + e, n);
-}
-function v(t, e, n) {
-  n = n || {};
-  try {
-    window.dispatchEvent(new CustomEvent(t + "." + e, {
-      detail: n,
-      bubbles: !0
-    }));
-  } catch {
-  }
-}
-function St() {
-  for (let t = 0; t < X.length; t++)
-    X[t]();
-}
-function Y(t) {
-  return document.cookie.match(t) && RegExp.$1 !== "" && RegExp.$1 !== "null" ? RegExp.$1 : null;
-}
-function At(t, e) {
-  const n = {};
-  for (const o of e)
-    t[o] && (n[o] = t[o]);
-  return n;
-}
-function R(t) {
-  return typeof t == "string" ? t.trim() : t;
-}
-function _(t, e) {
-  for (const n in t)
-    e[n] ? console.warn(`You can't set a custom property called ${n}`) : e[n] = t[n];
-}
-function ot(t) {
-  const e = /* @__PURE__ */ new WeakSet(), n = [];
-  function o(r, i) {
-    if (e.has(r)) {
-      n.push(i);
-      return;
-    }
-    if (r instanceof Object) {
-      e.add(r);
-      for (const [s, c] of Object.entries(r))
-        c instanceof Object && (Array.isArray(r) ? o(c, `${i}[${s}]`) : o(c, `${i}.${s}`));
-    }
-  }
-  return o(t, ""), n;
-}
-function rt(t) {
-  const e = /* @__PURE__ */ new WeakSet();
-  function n(o) {
-    if (e.has(o))
-      return !0;
-    if (o instanceof Object) {
-      e.add(o);
-      for (const r of Object.values(o))
-        if (r instanceof Object && n(r))
-          return !0;
-    }
-  }
-  return !!n(
-    t
-  );
-}
-function q(t, e) {
-  if (t === e)
-    return !0;
-  if (t && e && typeof t == "object" && typeof e == "object") {
-    if (t.constructor !== e.constructor)
-      return !1;
-    if (Array.isArray(t)) {
-      const r = t.length;
-      if (r !== e.length)
-        return !1;
-      for (let i = r; i-- !== 0; )
-        if (!q(t[i], e[i]))
-          return !1;
-      return !0;
-    }
-    if (t.constructor === RegExp)
-      return t.source === e.source && t.flags === e.flags;
-    if (t.valueOf !== Object.prototype.valueOf)
-      return t.valueOf() === e.valueOf();
-    if (t.toString !== Object.prototype.toString)
-      return t.toString() === e.toString();
-    const n = Object.keys(t), o = n.length;
-    if (o !== Object.keys(e).length)
-      return !1;
-    for (let r = o; r-- !== 0; )
-      if (!Object.prototype.hasOwnProperty.call(e, n[r]))
-        return !1;
-    for (let r = o; r-- !== 0; ) {
-      const i = n[r];
-      if (!q(t[i], e[i]))
-        return !1;
-    }
-    return !0;
-  }
-}
-const S = function(t, e = {}) {
-  const n = "o-tracking";
-  if (typeof t != "string" || t === "") {
-    const a = new Error("You must specify a name for the store.");
-    throw v("oErrors", "log", {
-      error: a.message,
-      info: { module: "o-tracking" }
-    }), a;
-  }
-  this.config = Object.assign({}, e), this.data = null, this.storageKey = this.config.nameOverride ? this.config.nameOverride : [n, t].join("_"), this.storage = {
-    _type: "localStorage",
-    load: function(a) {
-      return window.localStorage.getItem(a);
-    },
-    save: function(a, u) {
-      return window.localStorage.setItem(a, u);
-    },
-    remove: function(a) {
-      return i(a), window.localStorage.removeItem(a);
-    }
-  };
-  function o(a) {
-    a = a + "=";
-    const u = window.document.cookie.split(";");
-    let l, f;
-    for (l = 0; l < u.length; l = l + 1)
-      if (f = u[l].replace(/^\s+|\s+$/g, ""), f.indexOf(a) === 0)
-        return Ct(f.substring(a.length, f.length));
-    return null;
-  }
-  function r(a, u, l) {
-    let f, d = "";
-    y(l, "number") && (f = /* @__PURE__ */ new Date(), f.setTime(f.getTime() + l), d = "expires=" + f.toUTCString() + ";");
-    const bt = V(a) + "=" + V(u) + ";" + d + "path=/;" + (e.domain ? "domain=." + e.domain + ";" : "");
-    window.document.cookie = bt;
-  }
-  function i(a) {
-    r(a, "", -1);
-  }
-  const s = this.storage.load(this.storageKey);
-  if (s)
-    try {
-      this.data = JSON.parse(s);
-    } catch (a) {
-      v("oErrors", "log", {
-        error: a.message,
-        module: "o-tracking"
-      }), this.data = s;
-    }
-  const c = o(this.storageKey);
-  if (c)
-    try {
-      if (this.storageKey === "spoor-id")
-        this.data = c;
-      else {
-        const a = JSON.parse(c);
-        this.data ? Object.assign(this.data, a) : this.data = a;
-        for (const u of Object.keys(a))
-          u !== "spoor-id" && i(u);
-      }
-    } catch (a) {
-      v("oErrors", "log", {
-        error: a.message,
-        module: "o-tracking"
-      }), this.data = s;
-    }
-  return this;
-};
-S.prototype.read = function() {
-  return this.data;
-};
-S.prototype.write = function(t) {
-  this.data = t;
+d.prototype.root = function(o) {
+  const t = this.listenerMap;
   let e;
-  if (typeof this.data == "string")
-    e = this.data;
-  else {
-    if (rt(this.data)) {
-      const n = `o-tracking does not support circular references in the analytics data.
-Please remove the circular references in the data.
-Here are the paths in the data which are circular:
-` + JSON.stringify(ot(this.data), void 0, 4);
-      throw new Error(n);
-    }
-    e = JSON.stringify(this.data);
-  }
-  return this.storage.save(this.storageKey, e), this;
-};
-S.prototype.destroy = function() {
-  return this.data = null, this.storage.remove(this.storageKey), this;
-};
-let O, B;
-function Pt(t, e) {
-  const n = {
-    storage: "cookie",
-    name: "spoor-id",
-    nameOverride: "spoor-id",
-    value: null,
-    // Set the store cookie domain to .ft.com for ft.com and all its subdomains
-    domain: location.hostname.match(/^(?:.+\.)?ft\.com$/) ? "ft.com" : null
-  };
-  e && (n.domain = e), B = new S(n.name, n);
-  let o = B.read();
-  return o || (o = t), it(o);
-}
-function it(t) {
-  return O = t, O || (O = p()), B.write(O), O;
-}
-function _t() {
-  return O;
-}
-let $;
-const Nt = {
-  storage: "best",
-  name: "session",
-  expires: 30 * 60 * 1e3
-  // 30 minutes
-};
-function $t(t) {
-  const e = /* @__PURE__ */ new Date();
-  e.setTime(e.getTime() + $.config.expires), $.write({
-    value: t,
-    expiry: e.valueOf()
-  });
-}
-function st() {
-  const t = $.read();
-  let e, n = !1;
-  if (t) {
-    const o = (/* @__PURE__ */ new Date()).valueOf();
-    parseInt(t.expiry, 10) >= o ? e = t.value : (e = p(), n = !0);
-  }
-  return e || (e = p(), n = !0), $t(e), {
-    id: e,
-    isNew: n
-  };
-}
-function It(t) {
-  y(t, "string") && (t = { name: t }), y(t) && (t = {});
-  const e = m(Nt, t);
-  return e.storage === "cookie" && t.name && (e.nameOverride = e.name), $ = new S(e.name, e), st();
-}
-function b(t) {
-  if (y(t)) {
-    const e = new Error("You must specify a name for the queue.");
-    throw v("oErrors", "log", {
-      error: e.message,
-      info: { module: "o-tracking" }
-    }), e;
-  }
-  return this.queue = [], this.storage = new S(t), this.storage.read() && (this.queue = this.storage.read()), this;
-}
-b.prototype.all = function() {
-  if (this.queue.length === 0)
-    return [];
-  const t = [];
-  for (let e = 0; e < this.queue.length; e = e + 1)
-    t.push(this.queue[e].item);
-  return t;
-};
-b.prototype.first = function() {
-  return this.queue.length === 0 ? null : this.queue[0].item;
-};
-b.prototype.last = function() {
-  return this.queue.length === 0 ? null : this.queue.slice(-1)[0].item;
-};
-b.prototype.add = function(t) {
-  const e = this;
-  let n;
-  function o(r) {
-    e.queue.push({
-      created_at: (/* @__PURE__ */ new Date()).valueOf(),
-      item: r
-    });
-  }
-  if (y(t, "object") && t.constructor.toString().match(/array/i))
-    for (n = 0; n < t.length; n = n + 1)
-      o(t[n]);
-  else
-    o(t);
-  return e;
-};
-b.prototype.replace = function(t) {
-  if (Array.isArray(t))
-    return this.queue = [], this.add(t).save(), this;
-  const e = new Error("Argument invalid, must be an array.");
-  throw v("oErrors", "log", {
-    error: e.message,
-    info: { module: "o-tracking" }
-  }), e;
-};
-b.prototype.shift = function() {
-  if (this.queue.length === 0)
-    return null;
-  const t = this.queue.shift().item;
-  return this.save(), t;
-};
-b.prototype.save = function() {
-  return this.storage.write(this.queue), this;
-};
-function Lt() {
-  const t = new window.XMLHttpRequest();
-  return {
-    name: "xhr",
-    send: function(e, n) {
-      t.open("POST", e, !0), t.withCredentials = !0, t.setRequestHeader("Content-type", "application/json"), t.send(n);
-    },
-    complete: function(e) {
-      t.onerror = function() {
-        e(this);
-      }, t.onload = function() {
-        t.status >= 200 && t.status < 300 ? e() : e("Incorrect response: " + t.status);
-      };
-    }
-  };
-}
-function Dt() {
-  let t, e;
-  const n = new Promise((o, r) => {
-    t = o, e = r;
-  });
-  return {
-    name: "sendBeacon",
-    send: function(o, r) {
-      navigator.sendBeacon(o, r) ? t() : e(new Error("Failed to send beacon event: " + r.toString()));
-    },
-    complete: function(o) {
-      o && n.then(o, o);
-    }
-  };
-}
-function Rt() {
-  const t = new Image(1, 1);
-  return {
-    name: "image",
-    send: function(e, n) {
-      e = e.replace("https://spoor-api.ft.com/ingest", "https://spoor-api.ft.com/px.gif"), t.src = e + (e.indexOf("?") > -1 ? "&" : "?") + "data=" + V(n);
-    },
-    complete: function(e) {
-      t.addEventListener ? (t.addEventListener("error", e), t.addEventListener("load", () => e())) : (t.attachEvent("onerror", e), t.attachEvent("onload", () => e()));
-    }
-  };
-}
-const G = {};
-function j(t) {
-  if (G.transport)
-    return G.transport;
-  switch (t) {
-    case "xhr":
-      return Lt;
-    case "sendBeacon":
-      return Dt;
-    case "image":
-      return Rt;
-    default:
-      return;
-  }
-}
-let g;
-function at() {
-  return (h("config") || {}).queue === !0 ? !1 : !!navigator.sendBeacon;
-}
-function ct(t, e) {
-  const n = t.queueTime, o = (/* @__PURE__ */ new Date()).getTime() - n, r = at() ? j("sendBeacon")() : window.XMLHttpRequest && "withCredentials" in new window.XMLHttpRequest() ? j("xhr")() : j("image")(), i = t.callback, s = h("config") && h("config").system || {}, c = m(s, {
-    version: h("version"),
-    // Version of the tracking client e.g. '1.2'
-    source: h("source"),
-    // Source of the tracking client e.g. 'o-tracking'
-    transport: r.name
-    // The transport method used.
-  });
-  if (h("config").test || h("config").test_data ? c.is_live = !1 : c.is_live = !0, t = m({ system: c }, t), o > 1e3 && o < 12 * 30 * 24 * 60 * 60 * 1e3 && (t.time = t.time || {}, t.time.offset = o), delete t.callback, delete t.type, delete t.queueTime, P("user_callback", i), P("PreSend", t), rt(t)) {
-    const l = `o-tracking does not support circular references in the analytics data.
-Please remove the circular references in the data.
-Here are the paths in the data which are circular:
-` + JSON.stringify(ot(t), void 0, 4);
-    throw new Error(l);
-  }
-  const a = JSON.stringify(t);
-  r.complete(function(l) {
-    y(i, "function") && (i.call(t), P("calling user_callback")), l ? (t.queueTime = n, g.add(t).save(), v("oErrors", "log", {
-      error: l.message,
-      info: { module: "o-tracking" }
-    })) : e && e();
-  });
-  let u = "https://spoor-api.ft.com/ingest";
-  t && t.category && t.action && (u += `?type=${t.category}:${t.action}`), r.send(u, a);
-}
-function Mt(t) {
-  t.queueTime = (/* @__PURE__ */ new Date()).getTime(), at() ? ct(t) : g.add(t).save(), P("AddedToQueue", g);
-}
-function I(t = function() {
-}) {
-  const e = g.all();
-  if (e.length > 200) {
-    const r = {};
-    e.forEach(function(i) {
-      const s = [i.category, i.action].join(":");
-      Object.prototype.hasOwnProperty.call(r, s) || (r[s] = 0), r[s] += 1;
-    }), g.replace([]), g.add({
-      category: "o-tracking",
-      action: "queue-bug",
-      context: {
-        url: document.URL,
-        queue_length: e.length,
-        counts: r,
-        storage: g.storage.storage._type
-      }
-    });
-  }
-  const n = function() {
-    I(), t();
-  }, o = g.shift();
-  return o ? ct(o, n) : t();
-}
-function Tt(t) {
-  Mt(t), I();
-}
-function jt() {
-  return g = new b("requests"), z(window, "online", function() {
-    I();
-  }), I(), g;
-}
-let L;
-function ut() {
-  return L = p(), L;
-}
-function ft() {
-  return L || ut(), L;
-}
-function Jt(t, e = function() {
-}) {
-  const n = st(), o = {
-    callback: e,
-    context: {
-      id: t.id || p(),
-      // Use a supplied id or generate one for this request
-      root_id: ft()
-    },
-    user: {
-      ft_session: Y(/FTSession=([^;]+)/),
-      ft_session_s: Y(/FTSession_s=([^;]+)/)
-    },
-    device: {
-      spoor_session: n.id,
-      spoor_session_is_new: n.isNew,
-      spoor_id: _t()
-    }
-  }, r = h("config") || {};
-  return r.context && m(o.context, r.context), r.user && m(o.user, r.user), r.device && m(o.device, r.device), m(o, t), P("Core.Track", o), Tt(o), o;
-}
-const x = {
-  setRootID: ut,
-  getRootID: ft,
-  track: Jt
-}, Ut = function() {
-  return {
-    category: "event",
-    action: "generic",
-    context: {}
-  };
-};
-function M(t, e) {
-  if (y(t.detail.category) || y(t.detail.action)) {
-    const r = "Missing category or action values";
-    throw v("oErrors", "log", {
-      error: r,
-      info: { module: "o-tracking" }
-    }), r;
-  }
-  const n = m(Ut(), {
-    category: t.detail.category,
-    action: t.detail.action,
-    context: t.detail
-  });
-  delete n.context.category, delete n.context.action;
-  const o = Vt(t);
-  o && (n.context.component_name = o.getAttribute("data-o-component"), n.context.component_id = n.context.component_id || qt(o)), x.track(n, e);
-}
-function Vt(t) {
-  const e = t.target || t.srcElement;
-  if (e && e.getAttribute("data-o-component"))
-    return e;
-}
-function qt(t) {
-  const e = Bt(t);
-  if (typeof e > "u")
-    return;
-  const n = e[0], o = function(s) {
-    const c = s.parentElement;
-    if (c) {
-      for (let a = 0; a < c.childNodes.length; a++)
-        if (c.childNodes[a] === n)
-          return a;
-      return -1;
-    } else
-      return 0;
-  }(n), r = e.reduceRight(function(i, s) {
-    if (!s.nodeName)
-      return i + " - " + s.constructor.name + `
-`;
-    const c = s.nodeName.toLowerCase();
-    return c.indexOf("#") === 0 ? i + "<" + c + ">" : i + "<" + c + ' id="' + (s.id || "") + '">';
-  }, "");
-  return Kt(r + "_siblingIndex=" + o);
-}
-function Bt(t) {
-  const e = [];
-  for (; t; )
-    e.push(t), t = t.parentElement;
-  return e;
-}
-function Kt(t) {
-  let e = t.length, n = 1 ^ e, o = 0, r;
-  for (; e >= 4; )
-    r = t.charCodeAt(o) & 255 | (t.charCodeAt(++o) & 255) << 8 | (t.charCodeAt(++o) & 255) << 16 | (t.charCodeAt(++o) & 255) << 24, r = (r & 65535) * 1540483477 + (((r >>> 16) * 1540483477 & 65535) << 16), r ^= r >>> 24, r = (r & 65535) * 1540483477 + (((r >>> 16) * 1540483477 & 65535) << 16), n = (n & 65535) * 1540483477 + (((n >>> 16) * 1540483477 & 65535) << 16) ^ r, e -= 4, ++o;
-  switch (e) {
-    case 3:
-      n ^= (t.charCodeAt(o + 2) & 255) << 16;
-      break;
-    case 2:
-      n ^= (t.charCodeAt(o + 1) & 255) << 8;
-      break;
-    case 1:
-      n ^= t.charCodeAt(o) & 255, n = (n & 65535) * 1540483477 + (((n >>> 16) * 1540483477 & 65535) << 16);
-      break;
-  }
-  return n ^= n >>> 13, n = (n & 65535) * 1540483477 + (((n >>> 16) * 1540483477 & 65535) << 16), n ^= n >>> 15, n >>> 0;
-}
-const Ht = function() {
-  z(window, "oTracking.event", M);
-};
-M.init = Ht;
-C("page_has_already_been_viewed", !1);
-const Ft = function() {
-  return {
-    category: "page",
-    action: "view",
-    context: {
-      url: document.URL,
-      referrer: document.referrer
-    }
-  };
-};
-function T(t, e) {
-  t = m(Ft(), {
-    context: t
-  }), h("page_has_already_been_viewed") && x.setRootID(), C("page_has_already_been_viewed", !0), zt(t) ? h("config").test && console.warn("A page event has already been sent for this page, refusing to send a duplicate page event.") : (x.track(t, e), St());
-}
-let Z = {};
-function zt(t) {
-  const e = JSON.parse(JSON.stringify(t));
-  return delete e.context.id, delete e.context.root_id, q(Z, e) ? !0 : (Z = e, !1);
-}
-function Wt(t) {
-  T(t.detail);
-}
-const Qt = function() {
-  z(window, "oTracking.page", Wt);
-};
-T.init = Qt;
-function E(t) {
-  this.listenerMap = [{}, {}], t && this.root(t), this.handle = E.prototype.handle.bind(this), this._removedListeners = [];
-}
-E.prototype.root = function(t) {
-  const e = this.listenerMap;
-  let n;
   if (this.rootElement) {
-    for (n in e[1])
-      e[1].hasOwnProperty(n) && this.rootElement.removeEventListener(n, this.handle, !0);
-    for (n in e[0])
-      e[0].hasOwnProperty(n) && this.rootElement.removeEventListener(n, this.handle, !1);
+    for (e in t[1])
+      t[1].hasOwnProperty(e) && this.rootElement.removeEventListener(e, this.handle, !0);
+    for (e in t[0])
+      t[0].hasOwnProperty(e) && this.rootElement.removeEventListener(e, this.handle, !1);
   }
-  if (!t || !t.addEventListener)
+  if (!o || !o.addEventListener)
     return this.rootElement && delete this.rootElement, this;
-  this.rootElement = t;
-  for (n in e[1])
-    e[1].hasOwnProperty(n) && this.rootElement.addEventListener(n, this.handle, !0);
-  for (n in e[0])
-    e[0].hasOwnProperty(n) && this.rootElement.addEventListener(n, this.handle, !1);
+  this.rootElement = o;
+  for (e in t[1])
+    t[1].hasOwnProperty(e) && this.rootElement.addEventListener(e, this.handle, !0);
+  for (e in t[0])
+    t[0].hasOwnProperty(e) && this.rootElement.addEventListener(e, this.handle, !1);
   return this;
 };
-E.prototype.captureForType = function(t) {
-  return ["blur", "error", "focus", "load", "resize", "scroll"].indexOf(t) !== -1;
+d.prototype.captureForType = function(o) {
+  return ["blur", "error", "focus", "load", "resize", "scroll"].indexOf(o) !== -1;
 };
-E.prototype.on = function(t, e, n, o) {
-  let r, i, s, c;
-  if (!t)
-    throw new TypeError("Invalid event type: " + t);
-  if (typeof e == "function" && (o = n, n = e, e = null), o === void 0 && (o = this.captureForType(t)), typeof n != "function")
+d.prototype.on = function(o, t, e, n) {
+  let s, i, a, r;
+  if (!o)
+    throw new TypeError("Invalid event type: " + o);
+  if (typeof t == "function" && (n = e, e = t, t = null), n === void 0 && (n = this.captureForType(o)), typeof e != "function")
     throw new TypeError("Handler must be a type of Function");
-  return r = this.rootElement, i = this.listenerMap[o ? 1 : 0], i[t] || (r && r.addEventListener(t, this.handle, o), i[t] = []), e ? /^[a-z]+$/i.test(e) ? (c = e, s = Xt) : /^#[a-z0-9\-_]+$/i.test(e) ? (c = e.slice(1), s = Gt) : (c = e, s = Element.prototype.matches) : (c = null, s = Yt.bind(this)), i[t].push({
-    selector: e,
-    handler: n,
-    matcher: s,
-    matcherParam: c
+  return s = this.rootElement, i = this.listenerMap[n ? 1 : 0], i[o] || (s && s.addEventListener(o, this.handle, n), i[o] = []), t ? /^[a-z]+$/i.test(t) ? (r = t, a = y) : /^#[a-z0-9\-_]+$/i.test(t) ? (r = t.slice(1), a = v) : (r = t, a = Element.prototype.matches) : (r = null, a = w.bind(this)), i[o].push({
+    selector: t,
+    handler: e,
+    matcher: a,
+    matcherParam: r
   }), this;
 };
-E.prototype.off = function(t, e, n, o) {
-  let r, i, s, c, a;
-  if (typeof e == "function" && (o = n, n = e, e = null), o === void 0)
-    return this.off(t, e, n, !0), this.off(t, e, n, !1), this;
-  if (s = this.listenerMap[o ? 1 : 0], !t) {
-    for (a in s)
-      s.hasOwnProperty(a) && this.off(a, e, n);
+d.prototype.off = function(o, t, e, n) {
+  let s, i, a, r, h;
+  if (typeof t == "function" && (n = e, e = t, t = null), n === void 0)
+    return this.off(o, t, e, !0), this.off(o, t, e, !1), this;
+  if (a = this.listenerMap[n ? 1 : 0], !o) {
+    for (h in a)
+      a.hasOwnProperty(h) && this.off(h, t, e);
     return this;
   }
-  if (c = s[t], !c || !c.length)
+  if (r = a[o], !r || !r.length)
     return this;
-  for (r = c.length - 1; r >= 0; r--)
-    i = c[r], (!e || e === i.selector) && (!n || n === i.handler) && (this._removedListeners.push(i), c.splice(r, 1));
-  return c.length || (delete s[t], this.rootElement && this.rootElement.removeEventListener(t, this.handle, o)), this;
+  for (s = r.length - 1; s >= 0; s--)
+    i = r[s], (!t || t === i.selector) && (!e || e === i.handler) && (this._removedListeners.push(i), r.splice(s, 1));
+  return r.length || (delete a[o], this.rootElement && this.rootElement.removeEventListener(o, this.handle, n)), this;
 };
-E.prototype.handle = function(t) {
-  let e, n;
-  const o = t.type;
-  let r, i, s, c, a = [], u;
+d.prototype.handle = function(o) {
+  let t, e;
+  const n = o.type;
+  let s, i, a, r, h = [], c;
   const l = "ftLabsDelegateIgnore";
-  if (t[l] === !0)
+  if (o[l] === !0)
     return;
-  switch (u = t.target, u.nodeType === 3 && (u = u.parentNode), u.correspondingUseElement && (u = u.correspondingUseElement), r = this.rootElement, i = t.eventPhase || (t.target !== t.currentTarget ? 3 : 2), i) {
+  switch (c = o.target, c.nodeType === 3 && (c = c.parentNode), c.correspondingUseElement && (c = c.correspondingUseElement), s = this.rootElement, i = o.eventPhase || (o.target !== o.currentTarget ? 3 : 2), i) {
     case 1:
-      a = this.listenerMap[1][o];
+      h = this.listenerMap[1][n];
       break;
     case 2:
-      this.listenerMap[0] && this.listenerMap[0][o] && (a = a.concat(this.listenerMap[0][o])), this.listenerMap[1] && this.listenerMap[1][o] && (a = a.concat(this.listenerMap[1][o]));
+      this.listenerMap[0] && this.listenerMap[0][n] && (h = h.concat(this.listenerMap[0][n])), this.listenerMap[1] && this.listenerMap[1][n] && (h = h.concat(this.listenerMap[1][n]));
       break;
     case 3:
-      a = this.listenerMap[0][o];
+      h = this.listenerMap[0][n];
       break;
   }
-  let f = [];
-  for (n = a.length; u && n; ) {
-    for (e = 0; e < n && (s = a[e], !!s); e++)
-      u.tagName && ["button", "input", "select", "textarea"].indexOf(u.tagName.toLowerCase()) > -1 && u.hasAttribute("disabled") ? f = [] : s.matcher.call(u, s.matcherParam, u) && f.push([t, u, s]);
-    if (u === r || (n = a.length, u = u.parentElement || u.parentNode, u instanceof HTMLDocument))
+  let u = [];
+  for (e = h.length; c && e; ) {
+    for (t = 0; t < e && (a = h[t], !!a); t++)
+      c.tagName && ["button", "input", "select", "textarea"].indexOf(c.tagName.toLowerCase()) > -1 && c.hasAttribute("disabled") ? u = [] : a.matcher.call(c, a.matcherParam, c) && u.push([o, c, a]);
+    if (c === s || (e = h.length, c = c.parentElement || c.parentNode, c instanceof HTMLDocument))
       break;
   }
-  let d;
-  for (e = 0; e < f.length; e++)
-    if (!(this._removedListeners.indexOf(f[e][2]) > -1) && (c = this.fire.apply(this, f[e]), c === !1)) {
-      f[e][0][l] = !0, f[e][0].preventDefault(), d = !1;
+  let m;
+  for (t = 0; t < u.length; t++)
+    if (!(this._removedListeners.indexOf(u[t][2]) > -1) && (r = this.fire.apply(this, u[t]), r === !1)) {
+      u[t][0][l] = !0, u[t][0].preventDefault(), m = !1;
       break;
     }
-  return d;
+  return m;
 };
-E.prototype.fire = function(t, e, n) {
-  return n.handler.call(e, t, e);
+d.prototype.fire = function(o, t, e) {
+  return e.handler.call(t, o, t);
 };
-function Xt(t, e) {
-  return t.toLowerCase() === e.tagName.toLowerCase();
+function y(o, t) {
+  return o.toLowerCase() === t.tagName.toLowerCase();
 }
-function Yt(t, e) {
+function w(o, t) {
   return this.rootElement === window ? (
     // Match the outer document (dispatched from document)
-    e === document || // The <html> element (dispatched from document.body or document.documentElement)
-    e === document.documentElement || // Or the window itself (dispatched from window)
-    e === window
-  ) : this.rootElement === e;
+    t === document || // The <html> element (dispatched from document.body or document.documentElement)
+    t === document.documentElement || // Or the window itself (dispatched from window)
+    t === window
+  ) : this.rootElement === t;
 }
-function Gt(t, e) {
-  return t === e.id;
+function v(o, t) {
+  return o === t.id;
 }
-E.prototype.destroy = function() {
+d.prototype.destroy = function() {
   this.off(), this.root();
 };
-const Zt = (t, e, n) => {
-  const o = Array.from(t.querySelectorAll(n)), r = o.findIndex((i) => i === e);
-  if (r !== -1)
-    return {
-      siblings: o.length,
-      position: r
-    };
-}, lt = [
-  "nodeName",
-  "className",
-  "id",
-  "href",
-  "text",
-  "role"
-], te = (t) => {
-  const e = {};
-  for (const n of lt) {
-    const o = t[n] || t.getAttribute(n) || t.hasAttribute(n);
-    o !== void 0 && (typeof o == "boolean" ? e[n] = o : e[n] = R(o));
-  }
-  return e;
-}, ee = (t) => {
-  try {
-    const e = JSON.parse(t), n = Object.prototype.toString.call(e);
-    return [n === "[object Object]" || n === "[object Array]", e];
-  } catch {
-    return [!1, null];
-  }
-}, ne = (t) => {
-  const [e, n] = ee(t);
-  return e ? n : t;
-}, oe = (t, e) => (t.filter((n) => n.name.match(/^data-trackable|^data-o-|^aria-/i)).forEach((n) => {
-  e[n.name] = n.value;
-}), e), re = (t, e, n) => {
-  const o = {};
-  return n && lt.forEach((r) => {
-    typeof e[r] < "u" && r !== "id" && (o[r] = e[r]);
-  }), t.filter((r) => r.name.match(/^data-trackable-context-/i)).forEach((r) => {
-    o[r.name.replace("data-trackable-context-", "")] = ne(r.value);
-  }), o;
-};
-function dt(t) {
-  const e = document, n = t, o = n.getAttribute("data-trackable") ? `[data-trackable="${n.getAttribute("data-trackable")}"]` : n.nodeName, r = [], i = {};
-  for (; t && t !== e; ) {
-    const s = te(t), c = Array.from(t.attributes);
-    let a = oe(c, s);
-    a["data-trackable"] && (a = Object.assign(
-      a,
-      Zt(t, n, o)
-    )), r.push(a);
-    const u = re(c, s, t === n);
-    _(u, i), t = t.parentNode;
-  }
-  return { trace: r, customContext: i };
+function g(o) {
+  return typeof o == "string" ? o.trim() : o;
 }
-let J;
-const ie = [
-  "ctrlKey",
-  "altKey",
-  "shiftKey",
-  "metaKey"
-], se = (t) => {
-  const e = {};
-  for (const n of ie)
-    if (t[n])
-      try {
-        e[n] = R(t[n]);
-      } catch (o) {
-        console.log(o);
-      }
-  return e;
-}, ae = (t) => (e, n) => {
-  if (n.getAttribute("data-o-tracking-do-not-track") === "true")
-    return;
-  const o = se(e), { trace: r, customContext: i } = dt(n);
-  o.domPathTokens = r, o.url = window.document.location.href || null, o.source_id = x.getRootID(), _(i, o), t.context = o;
-  const s = m(h("config"), t);
-  x.track(s);
-}, ce = (t, e) => {
-  e = e || 'a, button, input, [role="button"]';
-  const n = {
-    action: "click",
-    category: t || "o-tracking"
-  };
-  J = J || new E(document.body), J.on("click", e, ae(n), !0);
-  const o = new b("clicks");
-  ht(o);
-};
-function ht(t) {
-  const e = t.shift();
-  e && x.track(e, () => ht(t));
-}
-const ue = {
-  init: ce
-}, fe = [
-  "componentContentId",
-  "type",
-  "subtype",
-  "component"
-], le = (t, e, n) => {
-  const { trace: o, customContext: r } = dt(e);
-  let i;
-  if (n.getContextData) {
-    if (typeof n.getContextData != "function")
-      throw new Error("opts.getContextData is not a function");
-    const s = n.getContextData(e);
-    if (typeof s != "object")
-      throw new Error("opts.getContextData function should return {object}");
-    i = At(s, fe);
-  } else
-    i = {};
-  i.domPathTokens = o, i.url = window.document.location.href || null, _(r, i), t.context = i;
-}, de = (t = {}) => {
-  if (!window.IntersectionObserver) {
-    console.warn('o-tracking: Unable to track component view events as "window.IntersectionObserver" is not supported.');
-    return;
-  }
-  const e = t.selector || "[data-o-tracking-view]", n = [...document.querySelectorAll(e)];
-  if (!n.length)
-    return;
-  function o(i) {
-    i.forEach((s) => {
-      if (s.isIntersecting || s.intersectionRatio > 0) {
-        const c = {
-          action: t.action || "view",
-          category: t.category || "component"
-        }, a = s.target;
-        le(c, a, t), x.track(c), r.unobserve(a);
-      }
-    });
-  }
-  const r = new IntersectionObserver(o, { threshold: [1] });
-  n.forEach((i) => r.observe(i));
-}, he = {
-  init: de
-}, pe = M.init, me = T.init, W = "4.5.4", pt = "o-tracking";
-function mt(t) {
-  let e = h("config") || {};
-  e = m(e, t), C("config", e), e.user && e.user.user_id && it(e.user.user_id);
+function b(o, t) {
+  for (const e in o)
+    t[e] ? console.warn(`You can't set a custom property called ${e}`) : t[e] = o[e];
 }
-function ge() {
-  k.initialised = !1, Q("config"), Q("page_sent");
-}
-function ye() {
-  return "oTracking version " + W;
-}
-function we(t = {}) {
-  if (k.initialised)
-    return k;
-  if (!!gt() && (t = be(t)), Object.keys(t).length === 0 && t.constructor === Object)
-    return null;
-  C("version", W), C("source", pt), C("page_sent", !1);
-  const n = t ? t.cookieDomain : "";
-  return Pt("", n), mt(t), It(t.session), jt(), pe(), me(), k.initialised = !0, k;
-}
-function gt() {
-  return document.querySelector("script[data-o-tracking-config]");
-}
-function be(t) {
-  const e = gt();
-  let n;
-  if (e)
-    n = e.textContent || e.innerText || e.innerHTML;
-  else
-    return !1;
-  try {
-    const o = JSON.parse(n);
-    Object.assign(t, o);
-  } catch (o) {
-    const r = new Error('Invalid JSON configuration syntax, check validity for o-tracking configuration: "' + o.message + '"');
-    throw v("oErrors", "log", {
-      error: r.message,
-      info: { module: "o-tracking" }
-    }), r;
-  }
-  return t;
-}
-const k = {
-  /**
-   * The initialised state of the object.
-   *
-   * @type {boolean}
-   */
-  initialised: !1,
-  version: W,
-  updateConfig: mt,
-  source: pt,
-  destroy: ge,
-  toString: ye,
-  init: we,
-  click: ue,
-  event: M,
-  page: T,
-  view: he,
-  getRootID: x.getRootID
-};
-function yt() {
-  k.init(), document.removeEventListener("o.DOMContentLoaded", yt);
-}
-typeof document < "u" && document.addEventListener("o.DOMContentLoaded", yt);
-const Ee = (t, e, n) => {
-  const o = Array.from(t.querySelectorAll(n)), r = o.findIndex((i) => i === e);
-  if (r !== -1)
+const k = (o, t, e) => {
+  const n = Array.from(o.querySelectorAll(e)), s = n.findIndex((i) => i === t);
+  if (s !== -1)
     return {
-      siblings: o.length,
-      position: r
+      siblings: n.length,
+      position: s
     };
-}, wt = [
+}, E = [
   "nodeName",
   "className",
   "id",
   "href",
   "text",
   "role"
-], ve = (t) => {
-  const e = {};
-  for (const n of wt) {
-    const o = t[n] || t.getAttribute(n) || t.hasAttribute(n);
-    o !== void 0 && (typeof o == "boolean" ? e[n] = o : e[n] = R(o));
+], A = (o) => {
+  const t = {};
+  for (const e of E) {
+    const n = o[e] || o.getAttribute(e) || o.hasAttribute(e);
+    n !== void 0 && (typeof n == "boolean" ? t[e] = n : t[e] = g(n));
   }
-  return e;
-}, xe = (t) => {
+  return t;
+}, N = (o) => {
   try {
-    const e = JSON.parse(t), n = Object.prototype.toString.call(e);
-    return [n === "[object Object]" || n === "[object Array]", e];
+    const t = JSON.parse(o), e = Object.prototype.toString.call(t);
+    return [e === "[object Object]" || e === "[object Array]", t];
   } catch {
     return [!1, null];
   }
-}, ke = (t) => {
-  const [e, n] = xe(t);
-  return e ? n : t;
-}, Oe = (t, e) => (t.filter(
-  (n) => n.name.match(/^data-trackable|^data-o-|^aria-/i)
-).forEach((n) => {
-  e[n.name] = n.value;
-}), e), Ce = (t, e, n) => {
-  const o = {};
-  return n && wt.forEach((r) => {
-    typeof e[r] < "u" && r !== "id" && (o[r] = e[r]);
-  }), t.filter((r) => r.name.match(/^data-trackable-context-/i)).forEach((r) => {
-    o[r.name.replace("data-trackable-context-", "")] = ke(r.value);
-  }), o;
-};
-function Se(t, e) {
-  const n = t, o = n.getAttribute("data-trackable") ? `[data-trackable="${n.getAttribute("data-trackable")}"]` : n.nodeName, r = [], i = {};
-  for (; t && t !== e; ) {
-    const s = ve(t), c = Array.from(t.attributes);
-    let a = Oe(c, s);
-    a["data-trackable"] && (a = Object.assign(
-      a,
-      Ee(t, n, o)
-    )), r.push(a);
-    const u = Ce(c, s, t === n);
-    _(u, i), t = t.parentNode;
-  }
-  return { trace: r, customContext: i };
-}
-const Ae = ["ctrlKey", "altKey", "shiftKey", "metaKey"];
-class Pe {
+}, P = (o) => {
+  const [t, e] = N(o);
+  return t ? e : o;
+}, $ = (o, t) => (o.filter(
+  (e) => e.name.match(/^data-trackable|^data-o-|^aria-/i)
+).forEach((e) => {
+  t[e.name] = e.value;
+}), t), x = (o, t, e) => {
+  const n = {};
+  return e && E.forEach((s) => {
+    typeof t[s] < "u" && s !== "id" && (n[s] = t[s]);
+  }), o.filter((s) => s.name.match(/^data-trackable-context-/i)).forEach((s) => {
+    n[s.name.replace("data-trackable-context-", "")] = P(s.value);
+  }), n;
+};
+function C(o, t) {
+  const e = o, n = e.getAttribute("data-trackable") ? `[data-trackable="${e.getAttribute("data-trackable")}"]` : e.nodeName, s = [], i = {};
+  for (; o && o !== t; ) {
+    const a = A(o), r = Array.from(o.attributes);
+    let h = $(r, a);
+    h["data-trackable"] && (h = Object.assign(
+      h,
+      k(o, e, n)
+    )), s.push(h);
+    const c = x(r, a, o === e);
+    b(c, i), o = o.parentNode;
+  }
+  return { trace: s, customContext: i };
+}
+const L = ["ctrlKey", "altKey", "shiftKey", "metaKey"];
+class M {
   constructor({
-    id: e = "00000000-0000-0000-0000-000000000000",
-    name: n = "ccc-component",
-    subtype: o = "interactive",
-    teamName: r = "djd",
+    id: t = "00000000-0000-0000-0000-000000000000",
+    name: e = "ccc-component",
+    subtype: n = "interactive",
+    teamName: s = "djd",
     shadowRoot: i = null,
-    category: s = "cta",
-    elements: c = 'a, button, input, [role="button"]'
+    category: a = "cta",
+    elements: r = 'a, button, input, [role="button"]'
   }) {
-    this.cccId = e, this.cccName = n, this.subtype = o, this.teamName = r, this.shadowRoot = i, this.category = s, this.elements = c, this.isInitialised = !1;
+    this.cccId = t, this.cccName = e, this.subtype = n, this.teamName = s, this.shadowRoot = i, this.category = a, this.elements = r, this.isInitialised = !1;
   }
   // Get properties for the event (as opposed to properties of the clicked element)
-  getEventProperties(e) {
-    const n = {};
-    for (const o of Ae)
-      if (e[o])
+  getEventProperties(t) {
+    const e = {};
+    for (const n of L)
+      if (t[n])
         try {
-          n[o] = R(e[o]);
-        } catch (r) {
-          console.log(r);
+          e[n] = g(t[n]);
+        } catch (s) {
+          console.log(s);
         }
-    return n;
+    return e;
   }
   // Controller for handling click events
-  handleClickEvent(e, n) {
-    return (o, r) => {
-      const i = this.getEventProperties(o), { trace: s, customContext: c } = Se(r, n);
-      i.custom = r.dataset && r.dataset.custom ? JSON.parse(r.dataset.custom) : null, i.domPathTokens = s, i.component = {
+  handleClickEvent(t, e) {
+    return (n, s) => {
+      const i = this.getEventProperties(n), { trace: a, customContext: r } = C(s, e);
+      i.custom = s.dataset && s.dataset.custom ? JSON.parse(s.dataset.custom) : null, i.domPathTokens = a, i.component = {
         id: this.cccId,
         name: this.cccName,
         type: "custom-code-component",
         subtype: this.subtype
-      }, i.teamName = this.teamName, _(c, i), e.context = i, e.method = "ftCustomAnalytics", document.body.dispatchEvent(
+      }, i.teamName = this.teamName, b(r, i), t.context = i, t.method = "ftCustomAnalytics", document.body.dispatchEvent(
         new CustomEvent("oTracking.event", {
-          detail: e,
+          detail: t,
           bubbles: !0,
           composed: !0
         })
       );
     };
   }
-  sendSpoorEvent(e, n) {
-    const o = {
+  sendSpoorEvent(t, e) {
+    const n = {
       category: "component",
       action: "act",
       context: {
@@ -1151,37 +222,37 @@ class Pe {
           subtype: this.subtype
         },
         teamName: this.teamName,
-        trigger_action: e,
-        custom: n
+        trigger_action: t,
+        custom: e
       },
       method: "ftCustomAnalytics"
     };
     document.body.dispatchEvent(
       new CustomEvent("oTracking.event", {
-        detail: o,
+        detail: n,
         bubbles: !0,
         composed: !0
       })
     );
   }
-  init(e) {
-    var n;
+  init(t) {
+    var e;
     if (!this.isInitialised) {
-      this.isInitialised = !0, this.cccId = e || this.cccId, k.init({ queue: !0 });
-      const o = {
+      this.isInitialised = !0, this.cccId = t || this.cccId;
+      const n = {
         action: "click",
         category: this.category
-      }, r = (n = this.shadowRoot) == null ? void 0 : n.querySelector("[data-component-root]");
-      this.shadowRoot && new w(r).on(
+      }, s = (e = this.shadowRoot) == null ? void 0 : e.querySelector("[data-component-root]");
+      this.shadowRoot && new d(s).on(
         "click",
         this.elements,
-        this.handleClickEvent(o, r),
+        this.handleClickEvent(n, s),
         !0
       );
     }
   }
 }
-class _e extends HTMLElement {
+class O extends HTMLElement {
   constructor() {
     super(...arguments), this.RESERVED_ATTRS = /* @__PURE__ */ new Set([
       "iframe",
@@ -1192,119 +263,120 @@ class _e extends HTMLElement {
       "shadow-open",
       "env",
       "load-timeout"
-    ]), this.unmount = (e) => {
+    ]), this.unmount = (t) => {
     }, this.channel = new MessageChannel();
   }
   async mount() {
     if (!this.app)
       throw new Error("CCC mounted without App");
-    const e = this.shadowRoot ?? this.attachShadow({ mode: this.mode }), n = this.app, o = JSON.parse(this.getAttribute("data-component-props")), r = Object.fromEntries(
-      [...this.attributes].filter((c) => !this.RESERVED_ATTRS.has(c.name)).map((c) => [c.name, c.value])
+    const t = this.shadowRoot ?? this.attachShadow({ mode: this.mode }), e = this.app, n = JSON.parse(this.getAttribute("data-component-props")), s = Object.fromEntries(
+      [...this.attributes].filter((r) => !this.RESERVED_ATTRS.has(r.name)).map((r) => [r.name, r.value])
     );
-    this.tracking = new Pe({
+    this.tracking = new M({
       name: `${this.getAttribute("path")}@${this.getAttribute("version")}`,
       subtype: "interactive",
       teamName: "djd",
       shadowRoot: this.shadowRoot
     });
-    const { unmount: i, onmessage: s } = n(
-      e,
+    const { unmount: i, onmessage: a } = e(
+      t,
       {
-        ...r,
-        data: o,
+        ...s,
+        data: n,
         port: this.channel.port2,
         tracking: this.tracking
       },
       ...this.children
     ) || {};
-    i && (this.unmount = i), s && (this.onmessage = s);
+    i && (this.unmount = i), a && (this.onmessage = a);
   }
   async connectedCallback() {
-    var a;
-    const e = this.getAttribute("path"), n = this.getAttribute("version"), o = this.getAttribute("load-timeout") ?? 2e3, r = (a = this.getAttribute("env")) == null ? void 0 : a.toLowerCase().startsWith("d");
-    if (!e)
+    var c;
+    const t = this.getAttribute("path"), e = this.getAttribute("version"), n = this.getAttribute("load-timeout") ?? 2e3, s = (c = this.getAttribute("env")) == null ? void 0 : c.toLowerCase().startsWith("d");
+    if (!t)
       throw new Error(
         "path attribute not specified in <custom-code-component>"
       );
-    const [i, s, c] = e.split("/").reverse();
-    if (!(!i || !s || !c)) {
-      this.source = r ? `http://localhost:5173/src/${i}/index.jsx` : `https://www.ft.com/__component/${c}/${s}${n ? `@${n}` : "@latest"}/${i}/${i}.js`;
-      try {
-        this.app = await new Promise((u, l) => {
-          const f = setTimeout(() => {
-            this.dispatchEvent(
-              new CustomEvent("ccc-timeout", {
-                bubbles: !0,
-                cancelable: !0,
-                detail: {
-                  component: `${e}@${n}`,
-                  source: this.source
-                }
-              })
-            ), this.dataset.cccError = "import-timeout", delete this.dataset.cccReady;
-          }, Number(o));
-          import(
-            /* webpackIgnore: true */
-            this.source
-            /* @vite-ignore */
-          ).then(({ default: d }) => {
-            if (d)
-              clearTimeout(f), u(d);
-            else
-              throw new D(
-                "No component renderer default export found"
-              );
-          }).catch((d) => l(new D(d)));
-        });
-      } catch (u) {
-        console.error(
-          `<custom-code-component> error during import from ${e}@${n}`
-        ), delete this.dataset.cccReady, this.dataset.cccError = "import-failure", this.dispatchEvent(new ErrorEvent("error", u)), console.error(u);
-        return;
-      }
-      try {
-        this.mode = this.getAttribute("shadow-open") == "false" ? "closed" : "open", await this.mount(), this.dispatchEvent(
-          new CustomEvent("ccc-connected", {
-            bubbles: !0,
-            cancelable: !0,
-            detail: {
-              component: `${e}@${n}`,
-              source: this.source
-            }
-          })
-        ), this.dataset.cccReady = "true", delete this.dataset.cccError;
-      } catch (u) {
-        console.info(
-          `<custom-code-component> uncaught error during mount from ${e}@${n}`
-        ), console.error(u), this.dispatchEvent(new ErrorEvent("error", u)), this.dataset.cccError = "mount-error", delete this.dataset.cccReady;
-      }
-      try {
-        this.tracking.init(this.id);
-      } catch (u) {
-        console.info(
-          `Error initialising tracking on <custom-code-component> ${e}@${n}`
-        ), console.error(u);
-      }
+    const [i, a, r] = t.split("/").reverse();
+    if (!i || !a || !r)
+      return;
+    const h = this.getAttribute("id");
+    this.source = s ? `http://localhost:5173/src/${i}/index.jsx?id=${h}` : `https://www.ft.com/__component/${r}/${a}${e ? `@${e}` : "@latest"}/${i}/${i}.js?id=${h}`;
+    try {
+      this.app = await new Promise((l, u) => {
+        const m = setTimeout(() => {
+          this.dispatchEvent(
+            new CustomEvent("ccc-timeout", {
+              bubbles: !0,
+              cancelable: !0,
+              detail: {
+                component: `${t}@${e}`,
+                source: this.source
+              }
+            })
+          ), this.dataset.cccError = "import-timeout", delete this.dataset.cccReady;
+        }, Number(n));
+        import(
+          /* webpackIgnore: true */
+          this.source
+          /* @vite-ignore */
+        ).then(({ default: p }) => {
+          if (p)
+            clearTimeout(m), l(p);
+          else
+            throw new f(
+              "No component renderer default export found"
+            );
+        }).catch((p) => u(new f(p)));
+      });
+    } catch (l) {
+      console.error(
+        `<custom-code-component> error during import from ${t}@${e}`
+      ), delete this.dataset.cccReady, this.dataset.cccError = "import-failure", this.dispatchEvent(new ErrorEvent("error", l)), console.error(l);
+      return;
+    }
+    try {
+      this.mode = this.getAttribute("shadow-open") == "false" ? "closed" : "open", await this.mount(), this.dispatchEvent(
+        new CustomEvent("ccc-connected", {
+          bubbles: !0,
+          cancelable: !0,
+          detail: {
+            component: `${t}@${e}`,
+            source: this.source
+          }
+        })
+      ), this.dataset.cccReady = "true", delete this.dataset.cccError;
+    } catch (l) {
+      console.info(
+        `<custom-code-component> uncaught error during mount from ${t}@${e}`
+      ), console.error(l), this.dispatchEvent(new ErrorEvent("error", l)), this.dataset.cccError = "mount-error", delete this.dataset.cccReady;
+    }
+    try {
+      this.tracking.init(this.id);
+    } catch (l) {
+      console.info(
+        `Error initialising tracking on <custom-code-component> ${t}@${e}`
+      ), console.error(l);
     }
   }
   disconnectedCallback() {
-    const e = this.getAttribute("path");
-    console.info(`<custom-code-component:${e}> disconnected`), typeof this.unmount == "function" && this.unmount();
+    const t = this.getAttribute("path");
+    console.info(`<custom-code-component:${t}> disconnected`), typeof this.unmount == "function" && this.unmount();
   }
   onmessage() {
   }
   // I'm honestly not sure what to do with this
-  postMessage(e) {
-    this.channel.port1.postMessage(e);
+  postMessage(t) {
+    this.channel.port1.postMessage(t);
   }
 }
-const Ne = () => customElements.define("custom-code-component", _e);
-customElements && !customElements.get("custom-code-component") && Ne();
-class D extends Error {
-  constructor(...e) {
-    super(...e), Error.captureStackTrace && Error.captureStackTrace(this, D), this.name = "CCCImportError";
+const R = () => customElements.define("custom-code-component", O);
+customElements && !customElements.get("custom-code-component") && R();
+class f extends Error {
+  constructor(...t) {
+    super(...t), Error.captureStackTrace && Error.captureStackTrace(this, f), this.name = "CCCImportError";
   }
 }
 export {
-  Ne as init
+  R as init
 };