@financial-times/custom-code-component 1.9.1 → 1.9.3

package/dist/custom-code-component.js

@@ -1,4 +1,1173 @@
-class d extends HTMLElement {
+function w(t) {
+  this.listenerMap = [{}, {}], t && this.root(t), this.handle = w.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, a, 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, a = kt) : /^#[a-z0-9\-_]+$/i.test(e) ? (c = e.slice(1), a = Ct) : (c = e, a = Element.prototype.matches) : (c = null, a = Ot.bind(this)), i[t].push({
+    selector: e,
+    handler: n,
+    matcher: a,
+    matcherParam: c
+  }), this;
+};
+w.prototype.off = function(t, e, n, o) {
+  let r, i, a, c, s;
+  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 (a = this.listenerMap[o ? 1 : 0], !t) {
+    for (s in a)
+      a.hasOwnProperty(s) && this.off(s, e, n);
+    return this;
+  }
+  if (c = a[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 a[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, a, c, s = [], f;
+  const l = "ftLabsDelegateIgnore";
+  if (t[l] === !0)
+    return;
+  switch (f = t.target, f.nodeType === 3 && (f = f.parentNode), f.correspondingUseElement && (f = f.correspondingUseElement), r = this.rootElement, i = t.eventPhase || (t.target !== t.currentTarget ? 3 : 2), i) {
+    case 1:
+      s = this.listenerMap[1][o];
+      break;
+    case 2:
+      this.listenerMap[0] && this.listenerMap[0][o] && (s = s.concat(this.listenerMap[0][o])), this.listenerMap[1] && this.listenerMap[1][o] && (s = s.concat(this.listenerMap[1][o]));
+      break;
+    case 3:
+      s = this.listenerMap[0][o];
+      break;
+  }
+  let u = [];
+  for (n = s.length; f && n; ) {
+    for (e = 0; e < n && (a = s[e], !!a); e++)
+      f.tagName && ["button", "input", "select", "textarea"].indexOf(f.tagName.toLowerCase()) > -1 && f.hasAttribute("disabled") ? u = [] : a.matcher.call(f, a.matcherParam, f) && u.push([t, f, a]);
+    if (f === r || (n = s.length, f = f.parentElement || f.parentNode, f instanceof HTMLDocument))
+      break;
+  }
+  let d;
+  for (e = 0; e < u.length; e++)
+    if (!(this._removedListeners.indexOf(u[e][2]) > -1) && (c = this.fire.apply(this, u[e]), c === !1)) {
+      u[e][0][l] = !0, u[e][0].preventDefault(), d = !1;
+      break;
+    }
+  return d;
+};
+w.prototype.fire = function(t, e, n) {
+  return n.handler.call(e, t, e);
+};
+function kt(t, e) {
+  return t.toLowerCase() === e.tagName.toLowerCase();
+}
+function Ot(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 Ct(t, e) {
+  return t === e.id;
+}
+w.prototype.destroy = function() {
+  this.off(), this.root();
+};
+const z = { config: {} };
+function ot(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 St(t, e) {
+  z[t] = ot(e);
+}
+function At(t) {
+  return ot(z[t]);
+}
+function G(t) {
+  delete z[t];
+}
+const C = St, h = At;
+let P = 0;
+const W = 4, N = 36, rt = Math.pow(N, W), Q = function(e, n) {
+  const o = "000000000" + e;
+  return o.substr(o.length - n);
+}, B = function() {
+  return Q((Math.random() * rt << 0).toString(N), W);
+}, it = () => (P = P < rt ? P : 0, P++, P - 1), p = function() {
+  const e = "c", n = (/* @__PURE__ */ new Date()).getTime().toString(N), o = p.fingerprint(), r = B() + B(), i = Q(it().toString(N), W);
+  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 = B().slice(-2), r = it().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 Q((navigator.mimeTypes.length + navigator.userAgent.length).toString(36) + p.globalCount().toString(36), 4);
+};
+const Z = [];
+function _(...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 K(t) {
+  return window.encodeURIComponent ? window.encodeURIComponent(t) : window.escape(t);
+}
+function Pt(t) {
+  return window.decodeURIComponent ? window.decodeURIComponent(t) : window.unescape(t);
+}
+function X(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 _t() {
+  for (let t = 0; t < Z.length; t++)
+    Z[t]();
+}
+function tt(t) {
+  return document.cookie.match(t) && RegExp.$1 !== "" && RegExp.$1 !== "null" ? RegExp.$1 : null;
+}
+function $t(t, e) {
+  const n = {};
+  for (const o of e)
+    t[o] && (n[o] = t[o]);
+  return n;
+}
+function j(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 st(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 [a, c] of Object.entries(r))
+        c instanceof Object && (Array.isArray(r) ? o(c, `${i}[${a}]`) : o(c, `${i}.${a}`));
+    }
+  }
+  return o(t, ""), n;
+}
+function at(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 H(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 (!H(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 (!H(t[i], e[i]))
+        return !1;
+    }
+    return !0;
+  }
+}
+const A = function(t, e = {}) {
+  const n = "o-tracking";
+  if (typeof t != "string" || t === "") {
+    const s = new Error("You must specify a name for the store.");
+    throw v("oErrors", "log", {
+      error: s.message,
+      info: { module: "o-tracking" }
+    }), s;
+  }
+  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(s) {
+      return window.localStorage.getItem(s);
+    },
+    save: function(s, f) {
+      return window.localStorage.setItem(s, f);
+    },
+    remove: function(s) {
+      return i(s), window.localStorage.removeItem(s);
+    }
+  };
+  function o(s) {
+    s = s + "=";
+    const f = window.document.cookie.split(";");
+    let l, u;
+    for (l = 0; l < f.length; l = l + 1)
+      if (u = f[l].replace(/^\s+|\s+$/g, ""), u.indexOf(s) === 0)
+        return Pt(u.substring(s.length, u.length));
+    return null;
+  }
+  function r(s, f, l) {
+    let u, d = "";
+    y(l, "number") && (u = /* @__PURE__ */ new Date(), u.setTime(u.getTime() + l), d = "expires=" + u.toUTCString() + ";");
+    const xt = K(s) + "=" + K(f) + ";" + d + "path=/;" + (e.domain ? "domain=." + e.domain + ";" : "");
+    window.document.cookie = xt;
+  }
+  function i(s) {
+    r(s, "", -1);
+  }
+  const a = this.storage.load(this.storageKey);
+  if (a)
+    try {
+      this.data = JSON.parse(a);
+    } catch (s) {
+      v("oErrors", "log", {
+        error: s.message,
+        module: "o-tracking"
+      }), this.data = a;
+    }
+  const c = o(this.storageKey);
+  if (c)
+    try {
+      if (this.storageKey === "spoor-id")
+        this.data = c;
+      else {
+        const s = JSON.parse(c);
+        this.data ? Object.assign(this.data, s) : this.data = s;
+        for (const f of Object.keys(s))
+          f !== "spoor-id" && i(f);
+      }
+    } catch (s) {
+      v("oErrors", "log", {
+        error: s.message,
+        module: "o-tracking"
+      }), this.data = a;
+    }
+  return this;
+};
+A.prototype.read = function() {
+  return this.data;
+};
+A.prototype.write = function(t) {
+  this.data = t;
+  let e;
+  if (typeof this.data == "string")
+    e = this.data;
+  else {
+    if (at(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(st(this.data), void 0, 4);
+      throw new Error(n);
+    }
+    e = JSON.stringify(this.data);
+  }
+  return this.storage.save(this.storageKey, e), this;
+};
+A.prototype.destroy = function() {
+  return this.data = null, this.storage.remove(this.storageKey), this;
+};
+let O, F;
+function Nt(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), F = new A(n.name, n);
+  let o = F.read();
+  return o || (o = t), ct(o);
+}
+function ct(t) {
+  return O = t, O || (O = p()), F.write(O), O;
+}
+function Lt() {
+  return O;
+}
+let L;
+const It = {
+  storage: "best",
+  name: "session",
+  expires: 30 * 60 * 1e3
+  // 30 minutes
+};
+function Dt(t) {
+  const e = /* @__PURE__ */ new Date();
+  e.setTime(e.getTime() + L.config.expires), L.write({
+    value: t,
+    expiry: e.valueOf()
+  });
+}
+function ft() {
+  const t = L.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), Dt(e), {
+    id: e,
+    isNew: n
+  };
+}
+function Tt(t) {
+  y(t, "string") && (t = { name: t }), y(t) && (t = {});
+  const e = m(It, t);
+  return e.storage === "cookie" && t.name && (e.nameOverride = e.name), L = new A(e.name, e), ft();
+}
+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 A(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 Mt() {
+  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 Rt() {
+  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 jt() {
+  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=" + K(n);
+    },
+    complete: function(e) {
+      t.addEventListener ? (t.addEventListener("error", e), t.addEventListener("load", () => e())) : (t.attachEvent("onerror", e), t.attachEvent("onload", () => e()));
+    }
+  };
+}
+const et = {};
+function V(t) {
+  if (et.transport)
+    return et.transport;
+  switch (t) {
+    case "xhr":
+      return Mt;
+    case "sendBeacon":
+      return Rt;
+    case "image":
+      return jt;
+    default:
+      return;
+  }
+}
+let g;
+function ut() {
+  return (h("config") || {}).queue === !0 ? !1 : !!navigator.sendBeacon;
+}
+function lt(t, e) {
+  const n = t.queueTime, o = (/* @__PURE__ */ new Date()).getTime() - n, r = ut() ? V("sendBeacon")() : window.XMLHttpRequest && "withCredentials" in new window.XMLHttpRequest() ? V("xhr")() : V("image")(), i = t.callback, a = h("config") && h("config").system || {}, c = m(a, {
+    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, _("user_callback", i), _("PreSend", t), at(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(st(t), void 0, 4);
+    throw new Error(l);
+  }
+  const s = JSON.stringify(t);
+  r.complete(function(l) {
+    y(i, "function") && (i.call(t), _("calling user_callback")), l ? (t.queueTime = n, g.add(t).save(), v("oErrors", "log", {
+      error: l.message,
+      info: { module: "o-tracking" }
+    })) : e && e();
+  });
+  let f = "https://spoor-api.ft.com/ingest";
+  t && t.category && t.action && (f += `?type=${t.category}:${t.action}`), r.send(f, s);
+}
+function Jt(t) {
+  t.queueTime = (/* @__PURE__ */ new Date()).getTime(), ut() ? lt(t) : g.add(t).save(), _("AddedToQueue", g);
+}
+function I(t = function() {
+}) {
+  const e = g.all();
+  if (e.length > 200) {
+    const r = {};
+    e.forEach(function(i) {
+      const a = [i.category, i.action].join(":");
+      Object.prototype.hasOwnProperty.call(r, a) || (r[a] = 0), r[a] += 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 ? lt(o, n) : t();
+}
+function Ut(t) {
+  Jt(t), I();
+}
+function Vt() {
+  return g = new b("requests"), X(window, "online", function() {
+    I();
+  }), I(), g;
+}
+let D;
+function dt() {
+  return D = p(), D;
+}
+function ht() {
+  return D || dt(), D;
+}
+function qt(t, e = function() {
+}) {
+  const n = ft(), o = {
+    callback: e,
+    context: {
+      id: t.id || p(),
+      // Use a supplied id or generate one for this request
+      root_id: ht()
+    },
+    user: {
+      ft_session: tt(/FTSession=([^;]+)/),
+      ft_session_s: tt(/FTSession_s=([^;]+)/)
+    },
+    device: {
+      spoor_session: n.id,
+      spoor_session_is_new: n.isNew,
+      spoor_id: Lt()
+    }
+  }, 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), _("Core.Track", o), Ut(o), o;
+}
+const x = {
+  setRootID: dt,
+  getRootID: ht,
+  track: qt
+}, Bt = function() {
+  return {
+    category: "event",
+    action: "generic",
+    context: {}
+  };
+};
+function J(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(Bt(), {
+    category: t.detail.category,
+    action: t.detail.action,
+    context: t.detail
+  });
+  delete n.context.category, delete n.context.action;
+  const o = Kt(t);
+  o && (n.context.component_name = o.getAttribute("data-o-component"), n.context.component_id = n.context.component_id || Ht(o)), x.track(n, e);
+}
+function Kt(t) {
+  const e = t.target || t.srcElement;
+  if (e && e.getAttribute("data-o-component"))
+    return e;
+}
+function Ht(t) {
+  const e = Ft(t);
+  if (typeof e > "u")
+    return;
+  const n = e[0], o = function(a) {
+    const c = a.parentElement;
+    if (c) {
+      for (let s = 0; s < c.childNodes.length; s++)
+        if (c.childNodes[s] === n)
+          return s;
+      return -1;
+    } else
+      return 0;
+  }(n), r = e.reduceRight(function(i, a) {
+    if (!a.nodeName)
+      return i + " - " + a.constructor.name + `
+`;
+    const c = a.nodeName.toLowerCase();
+    return c.indexOf("#") === 0 ? i + "<" + c + ">" : i + "<" + c + ' id="' + (a.id || "") + '">';
+  }, "");
+  return zt(r + "_siblingIndex=" + o);
+}
+function Ft(t) {
+  const e = [];
+  for (; t; )
+    e.push(t), t = t.parentElement;
+  return e;
+}
+function zt(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 Wt = function() {
+  X(window, "oTracking.event", J);
+};
+J.init = Wt;
+C("page_has_already_been_viewed", !1);
+const Qt = function() {
+  return {
+    category: "page",
+    action: "view",
+    context: {
+      url: document.URL,
+      referrer: document.referrer
+    }
+  };
+};
+function U(t, e) {
+  t = m(Qt(), {
+    context: t
+  }), h("page_has_already_been_viewed") && x.setRootID(), C("page_has_already_been_viewed", !0), Xt(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), _t());
+}
+let nt = {};
+function Xt(t) {
+  const e = JSON.parse(JSON.stringify(t));
+  return delete e.context.id, delete e.context.root_id, H(nt, e) ? !0 : (nt = e, !1);
+}
+function Yt(t) {
+  U(t.detail);
+}
+const Gt = function() {
+  X(window, "oTracking.page", Yt);
+};
+U.init = Gt;
+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);
+  }
+  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;
+};
+E.prototype.captureForType = function(t) {
+  return ["blur", "error", "focus", "load", "resize", "scroll"].indexOf(t) !== -1;
+};
+E.prototype.on = function(t, e, n, o) {
+  let r, i, a, 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, a = Zt) : /^#[a-z0-9\-_]+$/i.test(e) ? (c = e.slice(1), a = ee) : (c = e, a = Element.prototype.matches) : (c = null, a = te.bind(this)), i[t].push({
+    selector: e,
+    handler: n,
+    matcher: a,
+    matcherParam: c
+  }), this;
+};
+E.prototype.off = function(t, e, n, o) {
+  let r, i, a, c, s;
+  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 (a = this.listenerMap[o ? 1 : 0], !t) {
+    for (s in a)
+      a.hasOwnProperty(s) && this.off(s, e, n);
+    return this;
+  }
+  if (c = a[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 a[t], this.rootElement && this.rootElement.removeEventListener(t, this.handle, o)), this;
+};
+E.prototype.handle = function(t) {
+  let e, n;
+  const o = t.type;
+  let r, i, a, c, s = [], f;
+  const l = "ftLabsDelegateIgnore";
+  if (t[l] === !0)
+    return;
+  switch (f = t.target, f.nodeType === 3 && (f = f.parentNode), f.correspondingUseElement && (f = f.correspondingUseElement), r = this.rootElement, i = t.eventPhase || (t.target !== t.currentTarget ? 3 : 2), i) {
+    case 1:
+      s = this.listenerMap[1][o];
+      break;
+    case 2:
+      this.listenerMap[0] && this.listenerMap[0][o] && (s = s.concat(this.listenerMap[0][o])), this.listenerMap[1] && this.listenerMap[1][o] && (s = s.concat(this.listenerMap[1][o]));
+      break;
+    case 3:
+      s = this.listenerMap[0][o];
+      break;
+  }
+  let u = [];
+  for (n = s.length; f && n; ) {
+    for (e = 0; e < n && (a = s[e], !!a); e++)
+      f.tagName && ["button", "input", "select", "textarea"].indexOf(f.tagName.toLowerCase()) > -1 && f.hasAttribute("disabled") ? u = [] : a.matcher.call(f, a.matcherParam, f) && u.push([t, f, a]);
+    if (f === r || (n = s.length, f = f.parentElement || f.parentNode, f instanceof HTMLDocument))
+      break;
+  }
+  let d;
+  for (e = 0; e < u.length; e++)
+    if (!(this._removedListeners.indexOf(u[e][2]) > -1) && (c = this.fire.apply(this, u[e]), c === !1)) {
+      u[e][0][l] = !0, u[e][0].preventDefault(), d = !1;
+      break;
+    }
+  return d;
+};
+E.prototype.fire = function(t, e, n) {
+  return n.handler.call(e, t, e);
+};
+function Zt(t, e) {
+  return t.toLowerCase() === e.tagName.toLowerCase();
+}
+function te(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 ee(t, e) {
+  return t === e.id;
+}
+E.prototype.destroy = function() {
+  this.off(), this.root();
+};
+const ne = (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
+    };
+}, pt = [
+  "nodeName",
+  "className",
+  "id",
+  "href",
+  "text",
+  "role"
+], oe = (t) => {
+  const e = {};
+  for (const n of pt) {
+    const o = t[n] || t.getAttribute(n) || t.hasAttribute(n);
+    o !== void 0 && (typeof o == "boolean" ? e[n] = o : e[n] = j(o));
+  }
+  return e;
+}, re = (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];
+  }
+}, ie = (t) => {
+  const [e, n] = re(t);
+  return e ? n : t;
+}, se = (t, e) => (t.filter((n) => n.name.match(/^data-trackable|^data-o-|^aria-/i)).forEach((n) => {
+  e[n.name] = n.value;
+}), e), ae = (t, e, n) => {
+  const o = {};
+  return n && pt.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-", "")] = ie(r.value);
+  }), o;
+};
+function mt(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 a = oe(t), c = Array.from(t.attributes);
+    let s = se(c, a);
+    s["data-trackable"] && (s = Object.assign(
+      s,
+      ne(t, n, o)
+    )), r.push(s);
+    const f = ae(c, a, t === n);
+    $(f, i), t = t.parentNode;
+  }
+  return { trace: r, customContext: i };
+}
+let q;
+const ce = [
+  "ctrlKey",
+  "altKey",
+  "shiftKey",
+  "metaKey"
+], fe = (t) => {
+  const e = {};
+  for (const n of ce)
+    if (t[n])
+      try {
+        e[n] = j(t[n]);
+      } catch (o) {
+        console.log(o);
+      }
+  return e;
+}, ue = (t) => (e, n) => {
+  if (n.getAttribute("data-o-tracking-do-not-track") === "true")
+    return;
+  const o = fe(e), { trace: r, customContext: i } = mt(n);
+  o.domPathTokens = r, o.url = window.document.location.href || null, o.source_id = x.getRootID(), $(i, o), t.context = o;
+  const a = m(h("config"), t);
+  x.track(a);
+}, le = (t, e) => {
+  e = e || 'a, button, input, [role="button"]';
+  const n = {
+    action: "click",
+    category: t || "o-tracking"
+  };
+  q = q || new E(document.body), q.on("click", e, ue(n), !0);
+  const o = new b("clicks");
+  gt(o);
+};
+function gt(t) {
+  const e = t.shift();
+  e && x.track(e, () => gt(t));
+}
+const de = {
+  init: le
+}, he = [
+  "componentContentId",
+  "type",
+  "subtype",
+  "component"
+], pe = (t, e, n) => {
+  const { trace: o, customContext: r } = mt(e);
+  let i;
+  if (n.getContextData) {
+    if (typeof n.getContextData != "function")
+      throw new Error("opts.getContextData is not a function");
+    const a = n.getContextData(e);
+    if (typeof a != "object")
+      throw new Error("opts.getContextData function should return {object}");
+    i = $t(a, he);
+  } else
+    i = {};
+  i.domPathTokens = o, i.url = window.document.location.href || null, $(r, i), t.context = i;
+}, me = (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((a) => {
+      if (a.isIntersecting || a.intersectionRatio > 0) {
+        const c = {
+          action: t.action || "view",
+          category: t.category || "component"
+        }, s = a.target;
+        pe(c, s, t), x.track(c), r.unobserve(s);
+      }
+    });
+  }
+  const r = new IntersectionObserver(o, { threshold: [1] });
+  n.forEach((i) => r.observe(i));
+}, ge = {
+  init: me
+}, ye = J.init, we = U.init, Y = "4.5.4", yt = "o-tracking";
+function wt(t) {
+  let e = h("config") || {};
+  e = m(e, t), C("config", e), e.user && e.user.user_id && ct(e.user.user_id);
+}
+function be() {
+  k.initialised = !1, G("config"), G("page_sent");
+}
+function Ee() {
+  return "oTracking version " + Y;
+}
+function ve(t = {}) {
+  if (k.initialised)
+    return k;
+  if (!!bt() && (t = xe(t)), Object.keys(t).length === 0 && t.constructor === Object)
+    return null;
+  C("version", Y), C("source", yt), C("page_sent", !1);
+  const n = t ? t.cookieDomain : "";
+  return Nt("", n), wt(t), Tt(t.session), Vt(), ye(), we(), k.initialised = !0, k;
+}
+function bt() {
+  return document.querySelector("script[data-o-tracking-config]");
+}
+function xe(t) {
+  const e = bt();
+  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: Y,
+  updateConfig: wt,
+  source: yt,
+  destroy: be,
+  toString: Ee,
+  init: ve,
+  click: de,
+  event: J,
+  page: U,
+  view: ge,
+  getRootID: x.getRootID
+};
+function Et() {
+  k.init(), document.removeEventListener("o.DOMContentLoaded", Et);
+}
+typeof document < "u" && document.addEventListener("o.DOMContentLoaded", Et);
+const ke = (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
+    };
+}, vt = [
+  "nodeName",
+  "className",
+  "id",
+  "href",
+  "text",
+  "role"
+], Oe = (t) => {
+  const e = {};
+  for (const n of vt) {
+    const o = t[n] || t.getAttribute(n) || t.hasAttribute(n);
+    o !== void 0 && (typeof o == "boolean" ? e[n] = o : e[n] = j(o));
+  }
+  return e;
+}, Ce = (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];
+  }
+}, Se = (t) => {
+  const [e, n] = Ce(t);
+  return e ? n : t;
+}, Ae = (t, e) => (t.filter(
+  (n) => n.name.match(/^data-trackable|^data-o-|^aria-/i)
+).forEach((n) => {
+  e[n.name] = n.value;
+}), e), Pe = (t, e, n) => {
+  const o = {};
+  return n && vt.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-", "")] = Se(r.value);
+  }), o;
+};
+function _e(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 a = Oe(t), c = Array.from(t.attributes);
+    let s = Ae(c, a);
+    s["data-trackable"] && (s = Object.assign(
+      s,
+      ke(t, n, o)
+    )), r.push(s);
+    const f = Pe(c, a, t === n);
+    $(f, i), t = t.parentNode;
+  }
+  return { trace: r, customContext: i };
+}
+let S = "ccc-component", T = "interactive";
+const $e = ["ctrlKey", "altKey", "shiftKey", "metaKey"], Ne = (t) => {
+  const e = {};
+  for (const n of $e)
+    if (t[n])
+      try {
+        e[n] = j(t[n]);
+      } catch (o) {
+        console.log(o);
+      }
+  return e;
+}, Le = (t, e) => (n, o) => {
+  const r = Ne(n), { trace: i, customContext: a } = _e(o, e);
+  r.custom = o.dataset && o.dataset.custom ? JSON.parse(o.dataset.custom) : null, r.domPathTokens = i, r.component = {
+    id: S,
+    name: S,
+    type: "custom-code-component",
+    subtype: T
+  }, r.teamName = "djd", $(a, r), t.context = r, t.method = "ftCustomAnalytics", document.body.dispatchEvent(
+    new CustomEvent("oTracking.event", {
+      detail: t,
+      bubbles: !0,
+      composed: !0
+    })
+  );
+};
+function Ie(t, e) {
+  const n = {
+    category: "component",
+    action: "act",
+    context: {
+      component: {
+        id: S,
+        name: S,
+        type: "custom-code-component",
+        subtype: T
+      },
+      teamName: "djd",
+      trigger_action: t,
+      custom: e
+    },
+    method: "ftCustomAnalytics"
+  };
+  document.body.dispatchEvent(
+    new CustomEvent("oTracking.event", {
+      detail: n,
+      bubbles: !0,
+      composed: !0
+    })
+  );
+}
+function De(t, e, n, o) {
+  if (!M.isInitialised) {
+    M.isInitialised = !0, t && (S = t.id || S, T = t.subtype || T), k.init({ queue: !0, test: !0 });
+    const r = o || 'a, button, input, [role="button"]', i = {
+      action: "click",
+      category: n || "cta"
+    }, a = e == null ? void 0 : e.querySelector("#component-root");
+    e && new w(a).on(
+      "click",
+      r,
+      Le(i, a),
+      !0
+    );
+  }
+}
+const M = {
+  init: De,
+  isInitialised: !1,
+  sendSpoorEvent: Ie
+};
+class Te extends HTMLElement {
   constructor() {
     super(...arguments), this.RESERVED_ATTRS = /* @__PURE__ */ new Set([
       "iframe",
@@ -9,65 +1178,70 @@ class d extends HTMLElement {
       "shadow-open",
       "env",
       "load-timeout"
-    ]), this.unmount = (t) => {
+    ]), this.unmount = (e) => {
     }, this.channel = new MessageChannel();
   }
   async mount() {
     var c;
     if (!this.app)
       throw new Error("CCC mounted without App");
-    const t = this.shadowRoot ?? this.attachShadow({ mode: this.mode }), e = this.app, h = JSON.parse(this.getAttribute("data-component-props")), u = Object.fromEntries(
+    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((s) => !this.RESERVED_ATTRS.has(s.name)).map((s) => [s.name, s.value])
     );
     (c = this.shadowRoot) == null || c.replaceChildren();
-    const { unmount: o, onmessage: r } = e(
-      t,
-      { ...u, data: h, port: this.channel.port2 },
+    const { unmount: i, onmessage: a } = n(
+      e,
+      {
+        ...r,
+        data: o,
+        port: this.channel.port2,
+        tracking: M
+      },
       ...this.children
     ) || {};
-    o && (this.unmount = o), r && (this.onmessage = r);
+    i && (this.unmount = i), a && (this.onmessage = a);
   }
   async connectedCallback() {
     var s;
-    const t = this.getAttribute("path"), e = this.getAttribute("version"), h = this.getAttribute("load-timeout") ?? 2e3, u = (s = this.getAttribute("env")) == null ? void 0 : s.toLowerCase().startsWith("d");
-    if (!t)
+    const e = this.getAttribute("path"), n = this.getAttribute("version"), o = this.getAttribute("load-timeout") ?? 2e3, r = (s = this.getAttribute("env")) == null ? void 0 : s.toLowerCase().startsWith("d");
+    if (!e)
       throw new Error(
         "path attribute not specified in <custom-code-component>"
       );
-    const [o, r, c] = t.split("/").reverse();
-    if (!(!o || !r || !c)) {
-      this.source = u ? `http://localhost:5173/src/${o}/index.jsx` : `https://www.ft.com/__component/${c}/${r}${e ? `@${e}` : "@latest"}/${o}/${o}.js`;
+    const [i, a, c] = e.split("/").reverse();
+    if (!(!i || !a || !c)) {
+      this.source = r ? `http://localhost:5173/src/${i}/index.jsx` : `https://www.ft.com/__component/${c}/${a}${n ? `@${n}` : "@latest"}/${i}/${i}.js`;
       try {
-        this.app = await new Promise((n, m) => {
-          const p = setTimeout(() => {
+        this.app = await new Promise((f, l) => {
+          const u = setTimeout(() => {
             this.dispatchEvent(
               new CustomEvent("ccc-timeout", {
                 bubbles: !0,
                 cancelable: !0,
                 detail: {
-                  component: `${t}@${e}`,
+                  component: `${e}@${n}`,
                   source: this.source
                 }
               })
             ), this.dataset.cccError = "import-timeout", delete this.dataset.cccReady;
-          }, Number(h));
+          }, Number(o));
           import(
             /* webpackIgnore: true */
             this.source
             /* @vite-ignore */
-          ).then(({ default: a }) => {
-            if (a)
-              clearTimeout(p), n(a);
+          ).then(({ default: d }) => {
+            if (d)
+              clearTimeout(u), f(d);
             else
-              throw new i(
+              throw new R(
                 "No component renderer default export found"
               );
-          }).catch((a) => m(new i(a)));
+          }).catch((d) => l(new R(d)));
         });
-      } catch (n) {
+      } catch (f) {
         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", n)), console.error(n);
+          `<custom-code-component> error during import from ${e}@${n}`
+        ), delete this.dataset.cccReady, this.dataset.cccError = "import-failure", this.dispatchEvent(new ErrorEvent("error", f)), console.error(f);
         return;
       }
       try {
@@ -76,36 +1250,49 @@ class d extends HTMLElement {
             bubbles: !0,
             cancelable: !0,
             detail: {
-              component: `${t}@${e}`,
+              component: `${e}@${n}`,
               source: this.source
             }
           })
         ), this.dataset.cccReady = "true", delete this.dataset.cccError;
-      } catch (n) {
+      } catch (f) {
+        console.info(
+          `<custom-code-component> uncaught error during mount from ${e}@${n}`
+        ), console.error(f), this.dispatchEvent(new ErrorEvent("error", f)), this.dataset.cccError = "mount-error", delete this.dataset.cccReady;
+      }
+      try {
+        M.init(
+          {
+            id: this.getAttribute("path"),
+            subtype: "interactive"
+          },
+          this.shadowRoot
+        );
+      } catch (f) {
         console.info(
-          `<custom-code-component> uncaught error during mount from ${t}@${e}`
-        ), console.error(n), this.dispatchEvent(new ErrorEvent("error", n)), this.dataset.cccError = "mount-error", delete this.dataset.cccReady;
+          `Error initialising tracking on <custom-code-component> ${e}@${n}`
+        ), console.error(f);
       }
     }
   }
   disconnectedCallback() {
-    const t = this.getAttribute("path");
-    console.info(`<custom-code-component:${t}> disconnected`), typeof this.unmount == "function" && this.unmount();
+    const e = this.getAttribute("path");
+    console.info(`<custom-code-component:${e}> disconnected`), typeof this.unmount == "function" && this.unmount();
   }
   onmessage() {
   }
   // I'm honestly not sure what to do with this
-  postMessage(t) {
-    this.channel.port1.postMessage(t);
+  postMessage(e) {
+    this.channel.port1.postMessage(e);
   }
 }
-const l = () => customElements.define("custom-code-component", d);
-customElements && !customElements.get("custom-code-component") && l();
-class i extends Error {
-  constructor(...t) {
-    super(...t), Error.captureStackTrace && Error.captureStackTrace(this, i), this.name = "CCCImportError";
+const Me = () => customElements.define("custom-code-component", Te);
+customElements && !customElements.get("custom-code-component") && Me();
+class R extends Error {
+  constructor(...e) {
+    super(...e), Error.captureStackTrace && Error.captureStackTrace(this, R), this.name = "CCCImportError";
   }
 }
 export {
-  l as init
+  Me as init
 };