npm - @financial-times/custom-code-component - Versions diffs - 2.0.5 → 2.0.6-beta.2 - Mend

@financial-times/custom-code-component 2.0.5 → 2.0.6-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/README.md +2 -2
package/dist/custom-element.d.ts +3 -3
package/dist/custom-element.js +141 -130
package/dist/custom-element.js.map +1 -1
package/package.json +3 -3
package/src/custom-code-component.ts +54 -23

package/README.md CHANGED Viewed

@@ -82,13 +82,13 @@ Initialise the ClientMetrics Adaptor in your project to start listening to CCC E
 ```js
 import { MetricsClient } from '@dotcom-reliability-kit/client-metrics-web';
-import * as ClientMetricsAdaptor from '@financial-times/custom-code-component';
+import * as clientMetricsAdaptor from '@financial-times/custom-code-component/client-metrics-adaptor';
 const client = new MetricsClient({
     // Options go here
 });
-ClientMetricsAdaptor.init(client, {
+clientMetricsAdaptor.init(client, {
   enrichEventCb: enrichCCCEventWithHomepageContext,
   shouldIgnoreEventCb: shouldIgnoreCCCEvent,
 });

package/dist/custom-element.d.ts CHANGED Viewed

@@ -51,15 +51,15 @@ declare class FTCustomCodeComponent extends HTMLElement {
     connectedCallback(): Promise<void>;
     emitError(error: Error): void;
     disconnectedCallback(): void;
+    connectedMoveCallback(): void;
     channel: MessageChannel;
     onmessage(): void;
-    onunmount(root?: any): void;
+    onunmount(e: Error): void;
     onready(app: Promise<void>): Promise<void>;
     postMessage(event: any): void;
     mount(prerendered?: ShadowRoot | null): Promise<void>;
     unmount(e: Error): void;
-    load(): Promise<(shadowRoot: ShadowRoot, props: any, ssr?: boolean) => {
-        unmount: (root: any) => void;
+    load(): Promise<(shadowRoot: ShadowRoot, props: any, ssr?: boolean, onErrorCallback?: Function) => {
         onmessage: {
             (...data: any[]): void;
             (message?: any, ...optionalParams: any[]): void;

package/dist/custom-element.js CHANGED Viewed

@@ -1,7 +1,7 @@
-function l(o) {
-  this.listenerMap = [{}, {}], o && this.root(o), this.handle = l.prototype.handle.bind(this), this._removedListeners = [];
+function m(o) {
+  this.listenerMap = [{}, {}], o && this.root(o), this.handle = m.prototype.handle.bind(this), this._removedListeners = [];
 }
-l.prototype.root = function(o) {
+m.prototype.root = function(o) {
   const t = this.listenerMap;
   let e;
   if (this.rootElement) {
@@ -19,23 +19,23 @@ l.prototype.root = function(o) {
     t[0].hasOwnProperty(e) && this.rootElement.addEventListener(e, this.handle, !1);
   return this;
 };
-l.prototype.captureForType = function(o) {
+m.prototype.captureForType = function(o) {
   return ["blur", "error", "focus", "load", "resize", "scroll"].indexOf(o) !== -1;
 };
-l.prototype.on = function(o, t, e, n) {
+m.prototype.on = function(o, t, e, n) {
   let r, s, i, c;
   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, s = this.listenerMap[n ? 1 : 0], s[o] || (r && r.addEventListener(o, this.handle, n), s[o] = []), t ? /^[a-z]+$/i.test(t) ? (c = t, i = x) : /^#[a-z0-9\-_]+$/i.test(t) ? (c = t.slice(1), i = U) : (c = t, i = Element.prototype.matches) : (c = null, i = P.bind(this)), s[o].push({
+  return r = this.rootElement, s = this.listenerMap[n ? 1 : 0], s[o] || (r && r.addEventListener(o, this.handle, n), s[o] = []), t ? /^[a-z]+$/i.test(t) ? (c = t, i = P) : /^#[a-z0-9\-_]+$/i.test(t) ? (c = t.slice(1), i = I) : (c = t, i = Element.prototype.matches) : (c = null, i = U.bind(this)), s[o].push({
     selector: t,
     handler: e,
     matcher: i,
     matcherParam: c
   }), this;
 };
-l.prototype.off = function(o, t, e, n) {
+m.prototype.off = function(o, t, e, n) {
   let r, s, i, c, a;
   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;
@@ -50,12 +50,12 @@ l.prototype.off = function(o, t, e, n) {
     s = c[r], (!t || t === s.selector) && (!e || e === s.handler) && (this._removedListeners.push(s), c.splice(r, 1));
   return c.length || (delete i[o], this.rootElement && this.rootElement.removeEventListener(o, this.handle, n)), this;
 };
-l.prototype.handle = function(o) {
+m.prototype.handle = function(o) {
   let t, e;
   const n = o.type;
   let r, s, i, c, a = [], h;
-  const m = "ftLabsDelegateIgnore";
-  if (o[m] === !0)
+  const u = "ftLabsDelegateIgnore";
+  if (o[u] === !0)
     return;
   switch (h = o.target, h.nodeType === 3 && (h = h.parentNode), h.correspondingUseElement && (h = h.correspondingUseElement), r = this.rootElement, s = o.eventPhase || (o.target !== o.currentTarget ? 3 : 2), s) {
     case 1:
@@ -68,28 +68,28 @@ l.prototype.handle = function(o) {
       a = this.listenerMap[0][n];
       break;
   }
-  let p = [];
+  let l = [];
   for (e = a.length; h && e; ) {
     for (t = 0; t < e && (i = a[t], !!i); t++)
-      h.tagName && ["button", "input", "select", "textarea"].indexOf(h.tagName.toLowerCase()) > -1 && h.hasAttribute("disabled") ? p = [] : i.matcher.call(h, i.matcherParam, h) && p.push([o, h, i]);
+      h.tagName && ["button", "input", "select", "textarea"].indexOf(h.tagName.toLowerCase()) > -1 && h.hasAttribute("disabled") ? l = [] : i.matcher.call(h, i.matcherParam, h) && l.push([o, h, i]);
     if (h === r || (e = a.length, h = h.parentElement || h.parentNode, h instanceof HTMLDocument))
       break;
   }
-  let L;
-  for (t = 0; t < p.length; t++)
-    if (!(this._removedListeners.indexOf(p[t][2]) > -1) && (c = this.fire.apply(this, p[t]), c === !1)) {
-      p[t][0][m] = !0, p[t][0].preventDefault(), L = !1;
+  let A;
+  for (t = 0; t < l.length; t++)
+    if (!(this._removedListeners.indexOf(l[t][2]) > -1) && (c = this.fire.apply(this, l[t]), c === !1)) {
+      l[t][0][u] = !0, l[t][0].preventDefault(), A = !1;
       break;
     }
-  return L;
+  return A;
 };
-l.prototype.fire = function(o, t, e) {
+m.prototype.fire = function(o, t, e) {
   return e.handler.call(t, o, t);
 };
-function x(o, t) {
+function P(o, t) {
   return o.toLowerCase() === t.tagName.toLowerCase();
 }
-function P(o, t) {
+function U(o, t) {
   return this.rootElement === window ? (
     // Match the outer document (dispatched from document)
     t === document || // The <html> element (dispatched from document.body or document.documentElement)
@@ -97,20 +97,20 @@ function P(o, t) {
     t === window
   ) : this.rootElement === t;
 }
-function U(o, t) {
+function I(o, t) {
   return o === t.id;
 }
-l.prototype.destroy = function() {
+m.prototype.destroy = function() {
   this.off(), this.root();
 };
 function $(o) {
   return typeof o == "string" ? o.trim() : o;
 }
-function C(o, t) {
+function N(o, t) {
   for (const e in o)
     t[e] ? console.warn(`You can't set a custom property called ${e}`) : t[e] = o[e];
 }
-const u = Object.freeze({
+const p = Object.freeze({
   DEBUG: 0,
   INFO: 1,
   WARN: 2,
@@ -118,27 +118,27 @@ const u = Object.freeze({
   TEST: 4,
   DEFAULT: 2
 });
-function I(o) {
+function M(o) {
   const t = o == null ? void 0 : o.toLowerCase();
-  return t === "debug" ? u.DEBUG : t === "info" ? u.INFO : t === "warn" ? u.WARN : t === "error" ? u.ERROR : t === "test" ? u.TEST : u.DEFAULT;
+  return t === "debug" ? p.DEBUG : t === "info" ? p.INFO : t === "warn" ? p.WARN : t === "error" ? p.ERROR : t === "test" ? p.TEST : p.DEFAULT;
 }
-class N {
-  constructor({ level: t = u.DEFAULT } = {
-    level: u.DEFAULT
+class O {
+  constructor({ level: t = p.DEFAULT } = {
+    level: p.DEFAULT
   }) {
     this.log = this.debug, this.level = t;
   }
   debug(...t) {
-    this.level <= u.DEBUG && console.info(...t);
+    this.level <= p.DEBUG && console.info(...t);
   }
   info(...t) {
-    this.level <= u.INFO && console.info(...t);
+    this.level <= p.INFO && console.info(...t);
   }
   warn(...t) {
-    this.level <= u.WARN && console.warn(...t);
+    this.level <= p.WARN && console.warn(...t);
   }
   error(...t) {
-    this.level <= u.ERROR && console.error(...t);
+    this.level <= p.ERROR && console.error(...t);
   }
 }
 const D = (o, t, e) => {
@@ -148,53 +148,53 @@ const D = (o, t, e) => {
       siblings: n.length,
       position: r
     };
-}, O = [
+}, x = [
   "nodeName",
   "className",
   "id",
   "href",
   "text",
   "role"
-], M = (o) => {
+], j = (o) => {
   const t = {};
-  for (const e of O) {
+  for (const e of x) {
     const n = o[e] || o.getAttribute(e) || o.hasAttribute(e);
     n !== void 0 && (typeof n == "boolean" ? t[e] = n : t[e] = $(n));
   }
   return t;
-}, j = (o) => {
+}, _ = (o) => {
   try {
     const t = JSON.parse(o), e = Object.prototype.toString.call(t);
     return [e === "[object Object]" || e === "[object Array]", t];
   } catch {
     return [!1, null];
   }
-}, _ = (o) => {
-  const [t, e] = j(o);
+}, F = (o) => {
+  const [t, e] = _(o);
   return t ? e : o;
-}, F = (o, t) => (o.filter(
+}, H = (o, t) => (o.filter(
   (e) => e.name.match(/^data-trackable|^data-o-|^aria-/i)
 ).forEach((e) => {
   t[e.name] = e.value;
-}), t), H = (o, t, e) => {
+}), t), z = (o, t, e) => {
   const n = {};
-  return e && O.forEach((r) => {
+  return e && x.forEach((r) => {
     typeof t[r] < "u" && r !== "id" && (n[r] = t[r]);
   }), o.filter((r) => r.name.match(/^data-trackable-context-/i)).forEach((r) => {
-    n[r.name.replace("data-trackable-context-", "")] = _(r.value);
+    n[r.name.replace("data-trackable-context-", "")] = F(r.value);
   }), n;
 };
-function z(o, t) {
+function q(o, t) {
   const e = o, n = e != null && e.getAttribute("data-trackable") ? `[data-trackable="${e.getAttribute("data-trackable")}"]` : e == null ? void 0 : e.nodeName, r = [], s = {};
   for (; o && o !== t; ) {
-    const i = M(o), c = Array.from(o.attributes);
-    let a = F(c, i);
+    const i = j(o), c = Array.from(o.attributes);
+    let a = H(c, i);
     a["data-trackable"] && (a = Object.assign(
       a,
       D(o, e, n)
     )), r.push(a);
-    const h = H(c, i, o === e);
-    C(h, s), o = o.parentNode;
+    const h = z(c, i, o === e);
+    N(h, s), o = o.parentNode;
   }
   return { trace: r, customContext: s };
 }
@@ -210,7 +210,7 @@ class Y {
     elements: c = 'a, button, input, [role="button"]',
     logger: a
   }) {
-    this.cccId = t, this.cccName = e, this.subtype = n, this.teamName = r, this.shadowRoot = s, this.category = i, this.elements = c, this.isInitialised = !1, this.log = a ?? new N();
+    this.cccId = t, this.cccName = e, this.subtype = n, this.teamName = r, this.shadowRoot = s, this.category = i, this.elements = c, this.isInitialised = !1, this.log = a ?? new O();
   }
   // Get properties for the event (as opposed to properties of the clicked element)
   getEventProperties(t) {
@@ -227,13 +227,13 @@ class Y {
   // Controller for handling click events
   handleClickEvent(t, e) {
     return (n, r) => {
-      const s = this.getEventProperties(n), { trace: i, customContext: c } = z(r, e);
+      const s = this.getEventProperties(n), { trace: i, customContext: c } = q(r, e);
       s.custom = r.dataset && r.dataset.custom ? JSON.parse(r.dataset.custom) : null, s.domPathTokens = i, s.component = {
         id: this.cccId,
         name: this.cccName,
         type: "custom-code-component",
         subtype: this.subtype
-      }, s.teamName = this.teamName, s.url = document.URL, C(c, s), s.method = "ftCustomAnalytics", t = { ...t, ...s }, document.body.dispatchEvent(
+      }, s.teamName = this.teamName, s.url = document.URL, N(c, s), s.method = "ftCustomAnalytics", t = { ...t, ...s }, document.body.dispatchEvent(
         new CustomEvent("oTracking.event", {
           detail: t,
           bubbles: !0,
@@ -273,7 +273,7 @@ class Y {
         action: "click",
         category: this.category
       }, r = (e = this.shadowRoot) == null ? void 0 : e.querySelector("[data-component-root]");
-      r && new l(r).on(
+      r && new m(r).on(
         "click",
         this.elements,
         this.handleClickEvent(n, r),
@@ -282,14 +282,14 @@ class Y {
     }
   }
 }
-class f {
+class d {
   constructor(t) {
     this.org = "local", this.repo = "dev";
-    const { org: e, repo: n, name: r, versionRange: s } = S(t) ? t : f.fromString(t);
+    const { org: e, repo: n, name: r, versionRange: s } = v(t) ? t : d.fromString(t);
     e && (this.org = e), n && (this.repo = n), this.name = r, this.versionRange = s;
   }
   set path(t) {
-    const { org: e, repo: n, name: r, versionRange: s } = S(t) ? t : f.fromString(t);
+    const { org: e, repo: n, name: r, versionRange: s } = v(t) ? t : d.fromString(t);
     this.org = e, this.repo = n, this.name = r, this.versionRange = s;
   }
   get path() {
@@ -306,42 +306,42 @@ class f {
   static fromString(t, e) {
     var a;
     const n = t ?? "unknown/unknown/unknown", [r, s, i] = n.replace(/@[^\/]+/, "").split("/").reverse(), c = e ?? ((a = n.match(/@[^\/]+/)) == null ? void 0 : a.toString().replace("@", "")) ?? "unknown";
-    if (s && !c) throw new d("No version specified");
-    return new f({ org: i, repo: s, name: r, versionRange: c });
+    if (s && !c) throw new f("No version specified");
+    return new d({ org: i, repo: s, name: r, versionRange: c });
   }
 }
-function S(o) {
+function v(o) {
   return typeof o == "object" && o !== null ? "org" in o && "repo" in o && "name" in o : !1;
 }
-class d extends Error {
+class f extends Error {
   constructor(t, e) {
     var n;
     !e && t ? (super(t), this.component = null) : typeof (e == null ? void 0 : e.component) == "string" ? (super(
       t ?? `${e.cause ?? "Unknown error"} in ${e.component} imported from ${e.source ?? "an undefined source"}.`
-    ), this.component = f.fromString(e.component)) : S(e == null ? void 0 : e.component) ? (super(
+    ), this.component = d.fromString(e.component)) : v(e == null ? void 0 : e.component) ? (super(
       t ?? `${e.cause ?? "Unknown error"} in ${e.component.org}/${e.component.repo}/${e.component.name}@${e.component.versionRange} imported from ${e.source ?? "an undefined source"}.`
-    ), this.component = new f(e.component)) : (super(
+    ), this.component = new d(e.component)) : (super(
       `${(e == null ? void 0 : e.cause) ?? "Unknown error"} in unknown component imported from ${(e == null ? void 0 : e.source) ?? "unknown source"}.`
-    ), this.component = null), this.source = (e == null ? void 0 : e.source) ?? "unknown source", this.errors = [], e != null && e.error && ((n = this.errors) == null || n.push(e == null ? void 0 : e.error)), Error.captureStackTrace && Error.captureStackTrace(this, d), this.name = "CCCError";
+    ), this.component = null), this.source = (e == null ? void 0 : e.source) ?? "unknown source", this.errors = [], e != null && e.error && ((n = this.errors) == null || n.push(e == null ? void 0 : e.error)), Error.captureStackTrace && Error.captureStackTrace(this, f), this.name = "CCCError";
   }
 }
-class w extends d {
+class b extends f {
   constructor(t, e) {
     super(t, { ...e, cause: "Import error" }), this.name = "CCCImportError";
   }
 }
-class q extends d {
+class L extends f {
   constructor(t, e) {
     super(t, { ...e, cause: "Render error" }), this.name = "CCCRenderError";
   }
 }
-class J extends d {
+class J extends f {
   constructor(t) {
     super(null, { ...t, cause: "Timeout error" }), this.name = "CCCTimeoutError";
   }
 }
-const b = class b extends Event {
-  constructor(t = b.eventType, e, n) {
+const w = class w extends Event {
+  constructor(t = w.eventType, e, n) {
     super(t, {
       bubbles: !0,
       cancelable: !1,
@@ -350,54 +350,54 @@ const b = class b extends Event {
     }), this.component = e.component, this.source = e.source;
   }
 };
-b.eventType = "ccc:event";
-let g = b;
+w.eventType = "ccc:event";
+let g = w;
 const y = class y extends g {
   constructor(t, e) {
     super(y.eventType, t, e);
   }
 };
 y.eventType = "ccc:connected";
-let T = y;
+let S = y;
 const E = class E extends g {
   constructor(t, e) {
     super(E.eventType, t, e);
   }
 };
 E.eventType = "ccc:ready";
-let k = E;
-const v = class v extends g {
+let T = E;
+const C = class C extends g {
   constructor(t, e) {
-    super(v.eventType, t, e), this.intersecting = !1, this.intersecting = t.intersecting, this.entry = t.entry;
+    super(C.eventType, t, e), this.intersecting = !1, this.intersecting = t.intersecting, this.entry = t.entry;
   }
 };
-v.eventType = "ccc:viewport";
-let R = v;
+C.eventType = "ccc:viewport";
+let k = C;
 const W = (o) => o.replace(
   /[A-Z]+(?![a-z])|[A-Z]/g,
   (t, e) => (e ? "-" : "") + t.toLowerCase()
 );
-function G(o) {
-  return A([
+function B(o) {
+  return R([
     "localhost",
     "local.ft.com",
     /^.*\.apps\.in\.ft\.com$/
   ], o);
 }
-function K() {
-  return A([
+function G() {
+  return R([
     "localhost",
     "local.ft.com",
     /^.*\.in\.ft\.com$/
   ], window.location.hostname);
 }
-function B() {
-  return A([
+function K() {
+  return R([
     "spark.ft.com",
     "spark-staging.ft.com"
   ], window.location.host);
 }
-function A(o, t) {
+function R(o, t) {
   return t ? o.some((e) => typeof e == "string" ? e === t : e.test(t)) : !1;
 }
 function Z(o) {
@@ -407,11 +407,11 @@ function Z(o) {
   const e = new URL("http://localhost:5173");
   try {
     if (typeof o == "string") {
-      if ((o === "" || o.toLowerCase() === "true") && K())
+      if ((o === "" || o.toLowerCase() === "true") && G())
         t = e;
-      else if (t = o.startsWith("http://") || o.startsWith("https://") ? new URL(o) : void 0, t && !G(t == null ? void 0 : t.hostname))
+      else if (t = o.startsWith("http://") || o.startsWith("https://") ? new URL(o) : void 0, t && !B(t == null ? void 0 : t.hostname))
         throw new Error("Unsafe testing host override");
-    } else B() && (t = e);
+    } else K() && (t = e);
   } catch {
     return t;
   }
@@ -428,7 +428,7 @@ async function Q(o, t) {
 const X = ":host{width:var(--ccc-root-width, 100%);margin:var(--ccc-root-margin);padding:var(--ccc-root-padding);display:var(--ccc-root-display, block);font-size:var(--ccc-root-fontSize);box-sizing:var(--ccc-root-boxSizing);border:var(--ccc-root-border);grid:var(--ccc-root-grid);line-height:var(--ccc-root-lineHeight)}";
 class tt extends HTMLElement {
   constructor() {
-    super(), this.mode = "open", this.RESERVED_ATTRS = /* @__PURE__ */ new Set([
+    console.debug("CCC: constructor called"), super(), this.mode = "open", this.RESERVED_ATTRS = /* @__PURE__ */ new Set([
       "iframe",
       "path",
       "version",
@@ -437,10 +437,10 @@ class tt extends HTMLElement {
       "shadow-open",
       "env",
       "load-timeout"
-    ]), this.component = new f(), this.observer = new IntersectionObserver((e) => {
+    ]), this.component = new d(), this.observer = new IntersectionObserver((e) => {
       e.forEach((n) => {
         this.dispatchEvent(
-          new R({
+          new k({
             component: this.component,
             source: this.source,
             intersecting: n.isIntersecting,
@@ -471,8 +471,8 @@ class tt extends HTMLElement {
     `.trim(), document.head.appendChild(e);
       const n = document.createElement("script");
       n.type = "module", n.src = `${(s = this.testUrl) == null ? void 0 : s.origin}/@vite/client`, document.head.appendChild(n);
-    }, this.log = new N({
-      level: I(this.getAttribute("log"))
+    }, this.log = new O({
+      level: M(this.getAttribute("log"))
     });
     const t = HTMLElement.prototype.hasOwnProperty("attachInternals");
     try {
@@ -482,17 +482,19 @@ class tt extends HTMLElement {
     }
   }
   async connectedCallback() {
-    try {
-      const t = this.getAttribute("path"), e = this.getAttribute("version");
-      this.component = f.fromString(t, e), this.app = await this.load(), await this.mount(), await this.initTracking();
-    } catch (t) {
-      t instanceof Error && requestAnimationFrame(() => {
-        this.emitError(t);
-      }), this.unmount(t);
-    }
+    var t;
+    if (console.debug("CCC: connectedCallback() 1 dataset:", this.dataset), ((t = this.dataset) == null ? void 0 : t.cccReady) !== "true")
+      try {
+        const e = this.getAttribute("path"), n = this.getAttribute("version");
+        console.debug("CCC: before load connectedCallback() 2", { path: e, versionRange: n }), this.component = d.fromString(e, n), this.app = await this.load(), console.debug("CCC: after load connectedCallback() 3", { path: e, versionRange: n }), await this.mount(), await this.initTracking();
+      } catch (e) {
+        e instanceof Error && requestAnimationFrame(() => {
+          this.emitError(e);
+        }), this.unmount(e);
+      }
   }
   emitError(t) {
-    if (t instanceof d)
+    if (console.debug("CCC: ccc#emitError", t), t instanceof f)
       this.dispatchEvent(
         new ErrorEvent("ccc:error", {
           bubbles: !0,
@@ -503,7 +505,7 @@ class tt extends HTMLElement {
         })
       );
     else {
-      const e = new d(t.message, {
+      const e = new f(t.message, {
         component: this.component,
         error: t
       });
@@ -520,23 +522,35 @@ class tt extends HTMLElement {
   }
   disconnectedCallback() {
     const t = this.getAttribute("path");
-    this.log.info(`<custom-code-component:${t}> disconnected`), typeof this.onunmount == "function" && this.onunmount(), this.observer.disconnect();
+    console.debug("CCC: disconnectedCallback() called", { path: t }), this.log.info(`<custom-code-component:${t}> disconnected`), this.observer.disconnect();
+  }
+  connectedMoveCallback() {
+    console.debug("CCC: connectedMoveCallback() called");
   }
   onmessage() {
   }
   onunmount(t) {
+    if (console.debug("CCC: onunmount()", { e: t }), t instanceof Error) {
+      const e = new L(t.message, {
+        error: t,
+        component: this.component
+      });
+      requestAnimationFrame(() => {
+        this.emitError(e), this.unmount(e);
+      });
+    }
   }
   async onready(t) {
     try {
-      await t, this.dispatchEvent(
-        new k({
+      console.debug("CCC: onready() 1 "), await t, console.debug("CCC: onready() 2"), this.dispatchEvent(
+        new T({
           component: this.component,
           source: this.source
         })
       ), this.dataset.cccReady = "true", delete this.dataset.cccError, this.observer.observe(this);
     } catch (e) {
       if (e instanceof Error) {
-        const n = new q(e.message, {
+        const n = new L(e.message, {
           error: e,
           component: this.component
         });
@@ -552,23 +566,23 @@ class tt extends HTMLElement {
   async mount(t) {
     var e, n;
     try {
-      if (this.mode = this.getAttribute("shadow-open") == "false" ? "closed" : "open", this.component) {
+      if (console.debug("CCC: mount() "), this.mode = this.getAttribute("shadow-open") == "false" ? "closed" : "open", this.component) {
         if (!this.app)
           throw new Error("CCC mounted without App");
         const r = this.shadowRoot !== null, s = this.shadowRoot ?? this.attachShadow({ mode: this.mode });
         if (this.dispatchEvent(
-          new T({
+          new S({
             component: this.component,
             source: this.source
           })
         ), !s.querySelector('link[href~="custom-code-component.css"]') && !s.adoptedStyleSheets.length && (window.CCC_LAYOUT_STYLESHEET || (window.CCC_LAYOUT_STYLESHEET = new CSSStyleSheet(), window.CCC_LAYOUT_STYLESHEET.replaceSync(X)), s.adoptedStyleSheets = [window.CCC_LAYOUT_STYLESHEET]), !r) {
-          const p = document.createElement("template");
-          p.innerHTML = "<div data-component-root><slot></slot></div>", this.appendChild(p), s.appendChild(p.content.cloneNode(!0));
+          const u = document.createElement("template");
+          u.innerHTML = "<div data-component-root><slot></slot></div>", this.appendChild(u), s.appendChild(u.content.cloneNode(!0));
         }
         const i = JSON.parse(this.getAttribute("data-component-props")), c = Object.fromEntries(
           [...this.attributes].filter(
-            (p) => !this.RESERVED_ATTRS.has(p.name) && !p.name.startsWith("data-")
-          ).map((p) => [p.name, p.value])
+            (u) => !this.RESERVED_ATTRS.has(u.name) && !u.name.startsWith("data-")
+          ).map((u) => [u.name, u.value])
         );
         this.tracking = new Y({
           name: (e = this.component) == null ? void 0 : e.toString(),
@@ -585,11 +599,7 @@ class tt extends HTMLElement {
           "text-decoration: underline;",
           " attribute instead."
         ));
-        const {
-          unmount: a,
-          onmessage: h,
-          ready: m = Promise.resolve()
-        } = this.app(
+        const { onmessage: a, ready: h = Promise.resolve() } = this.app(
           s,
           {
             ...i ?? c,
@@ -599,9 +609,10 @@ class tt extends HTMLElement {
             prerendered: !!t,
             children: this.children
           },
-          r
+          r,
+          this.onunmount.bind(this)
         ) || {};
-        a && (this.onunmount = a), h && (this.onmessage = h), m && this.onready(m);
+        a && (this.onmessage = a), this.onready(h);
       }
     } catch (r) {
       throw this.log.info(
@@ -614,7 +625,7 @@ class tt extends HTMLElement {
   // slot on failure
   unmount(t) {
     var n;
-    this.onunmount(t);
+    console.debug("CCC: unmount()", { error: t });
     const e = this.querySelector(
       "template[data-component-fallback]"
     ) ?? this.querySelector("template");
@@ -622,7 +633,7 @@ class tt extends HTMLElement {
   }
   async load() {
     var c;
-    if (!this.component.isValid)
+    if (console.debug("CCC: load() 1"), !this.component.isValid)
       throw new Error("No path found");
     const t = this.getAttribute("path"), e = this.getAttribute("version"), n = Number(this.getAttribute("load-timeout") || 1e4), r = this.getAttribute("test-env");
     this.testUrl = Z(r);
@@ -632,9 +643,9 @@ class tt extends HTMLElement {
     ), i = this.getAttribute("id");
     s && this.testUrl && this.injectViteScripts(), this.source = s ? `${(c = this.testUrl) == null ? void 0 : c.origin}/src/${this.component.name}/index.jsx?id=${i}` : `https://www.ft.com/__component/${this.component.org}/${this.component.repo}${e ? `@${e}` : "@latest"}/${this.component.name}/${this.component.name}.js?id=${i}`;
     try {
-      return await new Promise(
+      return console.debug("CCC: load() 2 before BaseRenderer"), await new Promise(
         (a, h) => {
-          const m = setTimeout(() => {
+          const u = setTimeout(() => {
             this.log.error("CCC import timeout error"), h(
               new J({
                 component: this.component,
@@ -647,27 +658,27 @@ class tt extends HTMLElement {
               /* webpackIgnore: true */
               this.source
               /* @vite-ignore */
-            ).then(({ default: p }) => {
-              if (p)
-                clearTimeout(m), a(p);
+            ).then(({ default: l }) => {
+              if (console.debug("CCC: load() 4 inside promise Base Renderer", l), l)
+                clearTimeout(u), a(l);
               else
-                throw new w(
+                throw new b(
                   "No component renderer default export found",
                   {
                     component: this.component,
                     source: this.source
                   }
                 );
-            }).catch((p) => {
-              clearTimeout(m), this.log.error(p), p instanceof Error && !(p instanceof w) ? h(
-                new w(p.message, {
+            }).catch((l) => {
+              console.debug("CCC: load() catch", { error: l }), clearTimeout(u), this.log.error(l), l instanceof Error && !(l instanceof b) ? h(
+                new b(l.message, {
                   component: this.component,
                   source: this.source
                 })
-              ) : h(p);
+              ) : h(l);
             });
           else
-            throw clearTimeout(m), new w(`Unable to mount ${t}`, {
+            throw clearTimeout(u), new b(`Unable to mount ${t}`, {
               component: this.component,
               source: this.source
             });

package/dist/custom-element.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"custom-element.js","sources":["../node_modules/ftdomdelegate/main.js","../../node_modules/@financial-times/o-tracking/src/javascript/utils.js","../src/logger.ts","../src/get-trace.ts","../src/tracking.ts","../src/path.ts","../src/errors.ts","../src/events.ts","../src/util.ts","../src/environment.ts","../src/custom-code-component.ts"],"sourcesContent":["/*\n DOM event delegator\n \n The delegator will listen\n * for events that bubble up\n * to the root node.\n \n @constructor\n * @param {Node\|string} [root] The root node or a selector string matching the root node\n /\nfunction Delegate(root) {\n\n\t/\n\t Maintain a map of listener\n\t * lists, keyed by event name.\n\t \n\t @type Object\n\t /\n\tthis.listenerMap = [{}, {}];\n\tif (root) {\n\t\tthis.root(root);\n\t}\n\n\t/* @type function() /\n\tthis.handle = Delegate.prototype.handle.bind(this);\n\n\t// Cache of event listeners removed during an event cycle\n\tthis._removedListeners = [];\n}\n\n/\n Start listening for events\n * on the provided DOM element\n \n @param {Node\|string} [root] The root node or a selector string matching the root node\n * @returns {Delegate} This method is chainable\n /\nDelegate.prototype.root = function (root) {\n\tconst listenerMap = this.listenerMap;\n\tlet eventType;\n\n\t// Remove master event listeners\n\tif (this.rootElement) {\n\t\tfor (eventType in listenerMap[1]) {\n\t\t\tif (listenerMap[1].hasOwnProperty(eventType)) {\n\t\t\t\tthis.rootElement.removeEventListener(eventType, this.handle, true);\n\t\t\t}\n\t\t}\n\t\tfor (eventType in listenerMap[0]) {\n\t\t\tif (listenerMap[0].hasOwnProperty(eventType)) {\n\t\t\t\tthis.rootElement.removeEventListener(eventType, this.handle, false);\n\t\t\t}\n\t\t}\n\t}\n\n\t// If no root or root is not\n\t// a dom node, then remove internal\n\t// root reference and exit here\n\tif (!root \|\| !root.addEventListener) {\n\t\tif (this.rootElement) {\n\t\t\tdelete this.rootElement;\n\t\t}\n\t\treturn this;\n\t}\n\n\t/\n\t The root node at which\n\t * listeners are attached.\n\t \n\t @type Node\n\t /\n\tthis.rootElement = root;\n\n\t// Set up master event listeners\n\tfor (eventType in listenerMap[1]) {\n\t\tif (listenerMap[1].hasOwnProperty(eventType)) {\n\t\t\tthis.rootElement.addEventListener(eventType, this.handle, true);\n\t\t}\n\t}\n\tfor (eventType in listenerMap[0]) {\n\t\tif (listenerMap[0].hasOwnProperty(eventType)) {\n\t\t\tthis.rootElement.addEventListener(eventType, this.handle, false);\n\t\t}\n\t}\n\n\treturn this;\n};\n\n/\n @param {string} eventType\n * @returns boolean\n /\nDelegate.prototype.captureForType = function (eventType) {\n\treturn ['blur', 'error', 'focus', 'load', 'resize', 'scroll'].indexOf(eventType) !== -1;\n};\n\n/\n Attach a handler to one\n * event for all elements\n * that match the selector,\n * now or in the future\n \n The handler function receives\n * three arguments: the DOM event\n * object, the node that matched\n * the selector while the event\n * was bubbling and a reference\n * to itself. Within the handler,\n * 'this' is equal to the second\n * argument.\n \n The node that actually received\n * the event can be accessed via\n * 'event.target'.\n \n @param {string} eventType Listen for these events\n * @param {string\|undefined} selector Only handle events on elements matching this selector, if undefined match root element\n * @param {function()} handler Handler function - event data passed here will be in event.data\n * @param {boolean} [useCapture] see 'useCapture' in <https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener>\n * @returns {Delegate} This method is chainable\n /\nDelegate.prototype.on = function (eventType, selector, handler, useCapture) {\n\tlet root;\n\tlet listenerMap;\n\tlet matcher;\n\tlet matcherParam;\n\n\tif (!eventType) {\n\t\tthrow new TypeError('Invalid event type: ' + eventType);\n\t}\n\n\t// handler can be passed as\n\t// the second or third argument\n\tif (typeof selector === 'function') {\n\t\tuseCapture = handler;\n\t\thandler = selector;\n\t\tselector = null;\n\t}\n\n\t// Fallback to sensible defaults\n\t// if useCapture not set\n\tif (useCapture === undefined) {\n\t\tuseCapture = this.captureForType(eventType);\n\t}\n\n\tif (typeof handler !== 'function') {\n\t\tthrow new TypeError('Handler must be a type of Function');\n\t}\n\n\troot = this.rootElement;\n\tlistenerMap = this.listenerMap[useCapture ? 1 : 0];\n\n\t// Add master handler for type if not created yet\n\tif (!listenerMap[eventType]) {\n\t\tif (root) {\n\t\t\troot.addEventListener(eventType, this.handle, useCapture);\n\t\t}\n\t\tlistenerMap[eventType] = [];\n\t}\n\n\tif (!selector) {\n\t\tmatcherParam = null;\n\n\t\t// COMPLEX - matchesRoot needs to have access to\n\t\t// this.rootElement, so bind the function to this.\n\t\tmatcher = matchesRoot.bind(this);\n\n\t\t// Compile a matcher for the given selector\n\t} else if (/^[a-z]+$/i.test(selector)) {\n\t\tmatcherParam = selector;\n\t\tmatcher = matchesTag;\n\t} else if (/^#[a-z0-9\\-_]+$/i.test(selector)) {\n\t\tmatcherParam = selector.slice(1);\n\t\tmatcher = matchesId;\n\t} else {\n\t\tmatcherParam = selector;\n\t\tmatcher = Element.prototype.matches;\n\t}\n\n\t// Add to the list of listeners\n\tlistenerMap[eventType].push({\n\t\tselector: selector,\n\t\thandler: handler,\n\t\tmatcher: matcher,\n\t\tmatcherParam: matcherParam\n\t});\n\n\treturn this;\n};\n\n/\n Remove an event handler\n * for elements that match\n * the selector, forever\n \n @param {string} [eventType] Remove handlers for events matching this type, considering the other parameters\n * @param {string} [selector] If this parameter is omitted, only handlers which match the other two will be removed\n * @param {function()} [handler] If this parameter is omitted, only handlers which match the previous two will be removed\n * @returns {Delegate} This method is chainable\n /\nDelegate.prototype.off = function (eventType, selector, handler, useCapture) {\n\tlet i;\n\tlet listener;\n\tlet listenerMap;\n\tlet listenerList;\n\tlet singleEventType;\n\n\t// Handler can be passed as\n\t// the second or third argument\n\tif (typeof selector === 'function') {\n\t\tuseCapture = handler;\n\t\thandler = selector;\n\t\tselector = null;\n\t}\n\n\t// If useCapture not set, remove\n\t// all event listeners\n\tif (useCapture === undefined) {\n\t\tthis.off(eventType, selector, handler, true);\n\t\tthis.off(eventType, selector, handler, false);\n\t\treturn this;\n\t}\n\n\tlistenerMap = this.listenerMap[useCapture ? 1 : 0];\n\tif (!eventType) {\n\t\tfor (singleEventType in listenerMap) {\n\t\t\tif (listenerMap.hasOwnProperty(singleEventType)) {\n\t\t\t\tthis.off(singleEventType, selector, handler);\n\t\t\t}\n\t\t}\n\n\t\treturn this;\n\t}\n\n\tlistenerList = listenerMap[eventType];\n\tif (!listenerList \|\| !listenerList.length) {\n\t\treturn this;\n\t}\n\n\t// Remove only parameter matches\n\t// if specified\n\tfor (i = listenerList.length - 1; i >= 0; i--) {\n\t\tlistener = listenerList[i];\n\n\t\tif ((!selector \|\| selector === listener.selector) && (!handler \|\| handler === listener.handler)) {\n\t\t\tthis._removedListeners.push(listener);\n\t\t\tlistenerList.splice(i, 1);\n\t\t}\n\t}\n\n\t// All listeners removed\n\tif (!listenerList.length) {\n\t\tdelete listenerMap[eventType];\n\n\t\t// Remove the main handler\n\t\tif (this.rootElement) {\n\t\t\tthis.rootElement.removeEventListener(eventType, this.handle, useCapture);\n\t\t}\n\t}\n\n\treturn this;\n};\n\n\n/\n Handle an arbitrary event.\n \n @param {Event} event\n /\nDelegate.prototype.handle = function (event) {\n\tlet i;\n\tlet l;\n\tconst type = event.type;\n\tlet root;\n\tlet phase;\n\tlet listener;\n\tlet returned;\n\tlet listenerList = [];\n\tlet target;\n\tconst eventIgnore = 'ftLabsDelegateIgnore';\n\n\tif (event[eventIgnore] === true) {\n\t\treturn;\n\t}\n\n\ttarget = event.target;\n\n\t// Hardcode value of Node.TEXT_NODE\n\t// as not defined in IE8\n\tif (target.nodeType === 3) {\n\t\ttarget = target.parentNode;\n\t}\n\n\t// Handle SVG <use> elements in IE\n\tif (target.correspondingUseElement) {\n\t\ttarget = target.correspondingUseElement;\n\t}\n\n\troot = this.rootElement;\n\n\tphase = event.eventPhase \|\| (event.target !== event.currentTarget ? 3 : 2);\n\n\t// eslint-disable-next-line default-case\n\tswitch (phase) {\n\t\tcase 1: //Event.CAPTURING_PHASE:\n\t\t\tlistenerList = this.listenerMap[1][type];\n\t\t\tbreak;\n\t\tcase 2: //Event.AT_TARGET:\n\t\t\tif (this.listenerMap[0] && this.listenerMap[0][type]) {\n\t\t\t\tlistenerList = listenerList.concat(this.listenerMap[0][type]);\n\t\t\t}\n\t\t\tif (this.listenerMap[1] && this.listenerMap[1][type]) {\n\t\t\t\tlistenerList = listenerList.concat(this.listenerMap[1][type]);\n\t\t\t}\n\t\t\tbreak;\n\t\tcase 3: //Event.BUBBLING_PHASE:\n\t\t\tlistenerList = this.listenerMap[0][type];\n\t\t\tbreak;\n\t}\n\n\tlet toFire = [];\n\n\t// Need to continuously check\n\t// that the specific list is\n\t// still populated in case one\n\t// of the callbacks actually\n\t// causes the list to be destroyed.\n\tl = listenerList.length;\n\twhile (target && l) {\n\t\tfor (i = 0; i < l; i++) {\n\t\t\tlistener = listenerList[i];\n\n\t\t\t// Bail from this loop if\n\t\t\t// the length changed and\n\t\t\t// no more listeners are\n\t\t\t// defined between i and l.\n\t\t\tif (!listener) {\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\ttarget.tagName &&\n\t\t\t\t[\"button\", \"input\", \"select\", \"textarea\"].indexOf(target.tagName.toLowerCase()) > -1 &&\n\t\t\t\ttarget.hasAttribute(\"disabled\")\n\t\t\t) {\n\t\t\t\t// Remove things that have previously fired\n\t\t\t\ttoFire = [];\n\t\t\t}\n\t\t\t// Check for match and fire\n\t\t\t// the event if there's one\n\t\t\t//\n\t\t\t// TODO:MCG:20120117: Need a way\n\t\t\t// to check if event#stopImmediatePropagation\n\t\t\t// was called. If so, break both loops.\n\t\t\telse if (listener.matcher.call(target, listener.matcherParam, target)) {\n\t\t\t\ttoFire.push([event, target, listener]);\n\t\t\t}\n\t\t}\n\n\t\t// TODO:MCG:20120117: Need a way to\n\t\t// check if event#stopPropagation\n\t\t// was called. If so, break looping\n\t\t// through the DOM. Stop if the\n\t\t// delegation root has been reached\n\t\tif (target === root) {\n\t\t\tbreak;\n\t\t}\n\n\t\tl = listenerList.length;\n\n\t\t// Fall back to parentNode since SVG children have no parentElement in IE\n\t\ttarget = target.parentElement \|\| target.parentNode;\n\n\t\t// Do not traverse up to document root when using parentNode, though\n\t\tif (target instanceof HTMLDocument) {\n\t\t\tbreak;\n\t\t}\n\t}\n\n\tlet ret;\n\n\tfor (i = 0; i < toFire.length; i++) {\n\t\t// Has it been removed during while the event function was fired\n\t\tif (this._removedListeners.indexOf(toFire[i][2]) > -1) {\n\t\t\tcontinue;\n\t\t}\n\t\treturned = this.fire.apply(this, toFire[i]);\n\n\t\t// Stop propagation to subsequent\n\t\t// callbacks if the callback returned\n\t\t// false\n\t\tif (returned === false) {\n\t\t\ttoFire[i][0][eventIgnore] = true;\n\t\t\ttoFire[i][0].preventDefault();\n\t\t\tret = false;\n\t\t\tbreak;\n\t\t}\n\t}\n\n\treturn ret;\n};\n\n/\n Fire a listener on a target.\n \n @param {Event} event\n * @param {Node} target\n * @param {Object} listener\n * @returns {boolean}\n /\nDelegate.prototype.fire = function (event, target, listener) {\n\treturn listener.handler.call(target, event, target);\n};\n\n/\n Check whether an element\n * matches a tag selector.\n \n Tags are NOT case-sensitive,\n * except in XML (and XML-based\n * languages such as XHTML).\n \n @param {string} tagName The tag name to test against\n * @param {Element} element The element to test with\n * @returns boolean\n /\nfunction matchesTag(tagName, element) {\n\treturn tagName.toLowerCase() === element.tagName.toLowerCase();\n}\n\n/\n Check whether an element\n * matches the root.\n \n @param {?String} selector In this case this is always passed through as null and not used\n * @param {Element} element The element to test with\n * @returns boolean\n /\nfunction matchesRoot(selector, element) {\n\tif (this.rootElement === window) {\n\t\treturn (\n\t\t\t// Match the outer document (dispatched from document)\n\t\t\telement === document \|\|\n\t\t\t// The <html> element (dispatched from document.body or document.documentElement)\n\t\t\telement === document.documentElement \|\|\n\t\t\t// Or the window itself (dispatched from window)\n\t\t\telement === window\n\t\t);\n\t}\n\treturn this.rootElement === element;\n}\n\n/\n Check whether the ID of\n * the element in 'this'\n * matches the given ID.\n \n IDs are case-sensitive.\n \n @param {string} id The ID to test against\n * @param {Element} element The element to test with\n * @returns boolean\n /\nfunction matchesId(id, element) {\n\treturn id === element.id;\n}\n\n/\n Short hand for off()\n * and root(), ie both\n * with no parameters\n \n @return void\n /\nDelegate.prototype.destroy = function () {\n\tthis.off();\n\tthis.root();\n};\n\nexport default Delegate;\n","/\n Shared 'internal' scope.\n /\nimport {get} from './core/settings.js';\n\n/\n CUID Generator\n /\nimport {api as cuid} from '../libs/browser-cuid.js';\n\n/\n Record of callbacks to call when a page is tracked.\n /\nconst page_callbacks = [];\n\n/\n Log messages to the browser console. Requires 'log' to be set on init.\n \n @param {} args items to log\n @returns {void}\n /\nfunction log(...args) {\n\tif (get('config').test && window.console) {\n\t\tfor (const arg of args) {\n\t\t\twindow.console.log(arg);\n\t\t}\n\t}\n}\n\n/\n Creates a logging function that logs messages to the console with a specified namespace.\n \n @function namedLog\n * @param {string} namespace - The namespace to be prefixed to each log message.\n * @returns {function} A function that logs messages to the console with the given namespace if the configuration allows.\n \n @example\n * const log = namedLog('MyNamespace');\n * log('This is a message'); \n * // Output: [MyNamespace]: This is a message\n /\nfunction namedLog(namespace) {\n\treturn function(...args) {\n\t\tif(get('config').test && window.console) {\n\t\t\twindow.console.log(`%c[${namespace}]:`, 'color: teal', ...args)\n\t\t}\n\t}\n}\n\n/\n Tests if variable is a certain type. Defaults to check for undefined if no type specified.\n \n @param {} variable - The variable to check.\n @param {string=} type - The type to test for. Defaults to undefined.\n \n @returns {boolean} - The answer for if the variable is of type.\n /\nfunction is(variable, type = 'undefined') {\n\treturn typeof variable === type;\n}\n\n/\n Merge objects together. Will remove undefined and null values.\n \n @param {object} target - The original object to merge in to.\n * @param {object} options - The object to merge into the target. If omitted, will merge target into a new empty Object.\n \n @returns {object} The merged object.\n /\nfunction merge(target, options) {\n\tif (!options) {\n\t\toptions = target;\n\t\ttarget = {};\n\t}\n\n\tlet name;\n\tlet src;\n\tlet copy;\n\n\t/ jshint -W089 /\n\t/ eslint guard-for-in: 0 /\n\tfor (name in options) {\n\t\tsrc = target[name];\n\t\tcopy = options[name];\n\n\t\t// Prevent never-ending loop\n\t\tif (target === copy) {\n\t\t\tcontinue;\n\t\t}\n\n\t\t// Gets rid of missing values too\n\t\tif (typeof copy !== 'undefined' && copy !== null) {\n\t\t\ttarget[name] = src === Object(src) && !is(src, 'function') ? merge(src, copy) : copy;\n\t\t}\n\t}\n\t/ jshint +W089 /\n\t/ jslint forin:true /\n\n\treturn target;\n}\n\n/\n URL encode a string.\n \n @param {string} str - The string to be encoded.\n * @returns {string} The encoded string.\n /\nfunction encode(str) {\n\tif (window.encodeURIComponent) {\n\t\treturn window.encodeURIComponent(str);\n\t} else {\n\t\treturn window.escape(str);\n\t}\n}\n\n/\n URL decode a string.\n \n @param {string} str - The string to be decoded.\n * @returns {string} The decoded string.\n /\nfunction decode(str) {\n\tif (window.decodeURIComponent) {\n\t\treturn window.decodeURIComponent(str);\n\t} else {\n\t\treturn window.unescape(str);\n\t}\n}\n\n/\n Utility to add event listeners.\n \n @param {Element} element\n * @param {string} event\n * @param {EventListenerOrEventListenerObject} listener\n * @returns {void}\n /\nfunction addEvent(element, event, listener) {\n\tif (element.addEventListener) {\n\t\telement.addEventListener(event, listener, false);\n\t} else {\n\t\telement.attachEvent('on' + event, listener);\n\t}\n}\n\n/\n Utility for dispatching custom events from window\n \n @param {string} namespace\n * @param {string} eventType\n * @param {object} detail\n * @returns {void}\n /\nfunction broadcast(namespace, eventType, detail) {\n\tdetail = detail \|\| {};\n\ttry {\n\t\twindow.dispatchEvent(new CustomEvent(namespace + '.' + eventType, {\n\t\t\tdetail: detail,\n\t\t\tbubbles: true\n\t\t}));\n\t} catch (error) {\n\t\t// empty\n\t}\n}\n\n/\n Listen for page tracking requests.\n \n @param {Function} cb - The callback to be called whenever a page is tracked.\n * @returns {void}\n /\nfunction onPage(cb) {\n\tif (is(cb, 'function') && !page_callbacks.includes(cb)) {\n\t\tpage_callbacks.push(cb);\n\t}\n}\n\n/\n Trigger the 'page' listeners.\n \n @returns {void}\n /\nfunction triggerPage() {\n\tfor (let i = 0; i < page_callbacks.length; i++) {\n\t\tpage_callbacks[i]();\n\t}\n}\n\n/\n Get a value from document.cookie matching the first match of the regexp you supply\n \n @param {RegExp} matcher - The Regex to match with\n * @returns {string} - The vale from the cookie\n /\nfunction getValueFromCookie(matcher) {\n\treturn document.cookie.match(matcher) && RegExp.$1 !== '' && RegExp.$1 !== 'null' ? RegExp.$1 : null;\n}\n\n/\n Filter an object to only have the properties which are listed in the `allowlist` parameter.\n \n @param {object} objectToFilter - An object whose props need to be filtered\n * @param {Array} allowedPropertyNames - The list of props to allow\n * @returns {object} An object containing only the allowed props\n /\nfunction filterProperties (objectToFilter, allowedPropertyNames) {\n\tconst filteredObject = {};\n\tfor (const allowedName of allowedPropertyNames) {\n\t\tif (objectToFilter[allowedName]) {\n\t\t\tfilteredObject[allowedName] = objectToFilter[allowedName];\n\t\t}\n\t}\n\treturn filteredObject;\n}\n\n/\n Trim strings\n \n @param {string} str - The string to trim.\n * @returns {string} The trimmed string.\n /\nfunction sanitise (str) {\n\treturn typeof str === 'string' ? str.trim() : str;\n}\n\n/\n Assign the subject value if the target properties are undefined\n \n @param {object} subject - assign the value\n * @param {object} target - be assigned the value\n * @returns {void}\n /\nfunction assignIfUndefined (subject, target) {\n\tfor (const prop in subject) {\n\t\tif (!target[prop]) {\n\t\t\ttarget[prop] = subject[prop];\n\t\t} else {\n\t\t\t// eslint-disable-next-line no-console\n\t\t\tconsole.warn(`You can't set a custom property called ${prop}`);\n\t\t}\n\t}\n}\n\n\n/\n Identify circular references in 'object', and replace them with a string representation\n * of the reference. Returns a succesfully serialised JSON string, and a list of circular\n * references which were removed.\n * \n * Inspired by https://github.com/sindresorhus/safe-stringify and \n * https://github.com/sindresorhus/decircular\n \n @param {} object The object we want to stringify, and search within for circular references\n @returns {Object: {jsonString: string, warnings: array}} The stringified object, and a warnings for each circular reference which was removed\n /\nfunction removeCircularReferences(object) {\n\n\t// WeakMaps release memory when all references are garbage-collected\n\tconst circularReferences = new WeakMap();\n\tconst paths = new WeakMap();\n\n\tconst warnings = [];\n\n\tfunction getPathFragment(parent, key) {\n\t\tif (!key) {\n\t\t\treturn '$';\n\t\t}\n\n\t\tif (Array.isArray(parent)) {\n\t\t\treturn `[${key}]`;\n\t\t}\n\n\t\treturn `.${key}`;\n\t}\n\n\tfunction formatCircularReferencesWarning(references) {\n\t\tconst paths = references.map(path => '`' + path.join('') + '`');\n\t\treturn 'Circular reference between ' + paths.join(' AND ');\n\t}\n\n\tfunction replacer(key, value) {\n\t\t// Scalars don't need to be inspected as they can't contain circular references\n\t\tif (!(value !== null && typeof value === 'object')) {\n\t\t\treturn value\n\t\t}\n\n\t\t// Record the path from the root ($) to the current object (value)\n\t\t// in order to print helpful circular reference warnings.\n\t\tconst path = [...paths.get(this) \|\| [], getPathFragment(this, key)];\n\t\tpaths.set(value, path);\n\n\t\t// If a reference to the current value is already in the list, we have\n\t\t// a circular reference. Add the current value to the list along with its path,\n\t\t// and return a useful error string rather than the unserialisable value.\n\t\tif (circularReferences.has(value)) {\n\t\t\tconst references = [...circularReferences.get(value), path];\n\t\t\tcircularReferences.set(value, references);\n\t\t\tconst warning = formatCircularReferencesWarning(references);\n\t\t\twarnings.push(warning);\n\t\t\treturn warning;\n\t\t}\n\n\t\t// This is the first time we've seen the current value in this branch \n\t\t// of the object. Record its path from the object root.\n\t\tcircularReferences.set(value, [path]);\n\n\t\t// Recurse into the value to proactively find circular references\n\t\t// before encountering a loop.\n\t\tconst newValue = Array.isArray(value) ? [] : {};\n\t\tfor (const [k, v] of Object.entries(value)) {\n\t\t\tnewValue[k] = replacer.call(value, k, v);\n\t\t}\n\n\t\t// All circular references to this object will have been identified,\n\t\t// so remove it from the list.\n\t\tcircularReferences.delete(value);\n\n\t\t// This branch of the object can now be safely serialised to a JSON string\n\t\treturn newValue;\n\t}\n\n\tconst jsonString = JSON.stringify(object, replacer);\n\treturn {jsonString, warnings};\n}\n\n\n/\n Stringify an object to JSON, removing any circular references. When circular references\n * are found, an error is thrown in a new event loop so that global error handlers can report it.\n \n @param {} object The object we want to stringify, and search within for circular references\n @returns {string} The safely stringified JSON string\n /\nfunction safelyStringifyJson(object) {\n\n\t// JSON.stringify throws on two cases:\n\t// - value contains a circular reference\n\t// - A BigInt value is encountered\n\t// Circular references are a real possibility in the way o-tracking is called (and saves a queue of \n\t// messages in a store), so we need to handle those gracefully.\n\t// \n\t// However, for performance reasons, we always attempt to do a basic JSON.stringify() first. The \n\t// recursion involved in removeCircularReferences() makes it about 20x slower to stringify a basic payload. \n\t// This performance hit will be exacerbated on slow devices (e.g. old Android phones) with lots of queued offline events.\n\ttry {\n\t\treturn JSON.stringify(object);\n\n\t// NB: error is discarded - we have more work to do in order to throw a useful message\n\t} catch (error) {\n\t\n\t\tconst {jsonString, warnings} = removeCircularReferences(object);\n\t\n\t\tif (warnings.length) {\n\t\t\t// Throw in a new event loop, as we always want to return JSON so the tracking payload is sent\n\t\t\tsetTimeout(() => {\n\t\t\t\tconst errorMessage = \"AssertionError: o-tracking does not support circular references in the analytics data.\\n\" +\n\t\t\t\t\"Please remove the circular references in the data.\\n\" +\n\t\t\t\t\"Here are the paths in the data which are circular:\\n\" +\n\t\t\t\twarnings.join('\\n');\n\t\t\t\tthrow new Error(errorMessage);\n\t\t\t});\n\t\t}\n\t\n\t\treturn jsonString;\n\t}\n\n\n};\n\n/\n Find out whether two objects are deeply equal to each other.\n \n @param {} a\n @param {} b\n @returns {boolean} - true if the two arguments are deeply equal\n /\nfunction isDeepEqual(a, b) {\n\tif (a === b) {\n\t\treturn true;\n\t}\n\n\tif (\n\t\ta &&\n\t\tb &&\n\t\ttypeof a === \"object\" &&\n\t\ttypeof b === \"object\"\n\t) {\n\t\tif (a.constructor !== b.constructor) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (Array.isArray(a)) {\n\t\t\tconst length = a.length;\n\t\t\tif (length !== b.length) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tfor (let i = length; i-- !== 0; ) {\n\t\t\t\tif (!isDeepEqual(a[i], b[i])) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn true;\n\t\t}\n\n\t\tif (a.constructor === RegExp) {\n\t\t\treturn (\n\t\t\t\ta.source === b.source && a.flags === b.flags\n\t\t\t);\n\t\t}\n\t\tif (a.valueOf !== Object.prototype.valueOf) {\n\t\t\treturn a.valueOf() === b.valueOf();\n\t\t}\n\t\tif (a.toString !== Object.prototype.toString) {\n\t\t\treturn a.toString() === b.toString();\n\t\t}\n\n\t\tconst keys = Object.keys(a);\n\t\tconst length = keys.length;\n\t\tif (length !== Object.keys(b).length) {\n\t\t\treturn false;\n\t\t}\n\n\t\tfor (let i = length; i-- !== 0; ) {\n\t\t\tif (!Object.prototype.hasOwnProperty.call(b, keys[i])) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\tfor (let i = length; i-- !== 0; ) {\n\t\t\tconst key = keys[i];\n\n\t\t\tif (!isDeepEqual(a[key], b[key])) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n}\n\nexport {\n\tlog,\n\tnamedLog,\n\tis,\n\tis as isUndefined,\n\tmerge,\n\tencode,\n\tdecode,\n\tcuid as guid,\n\taddEvent,\n\tbroadcast,\n\tonPage,\n\ttriggerPage,\n\tgetValueFromCookie,\n\tsanitise,\n\tassignIfUndefined,\n\tfilterProperties,\n\tremoveCircularReferences,\n\tsafelyStringifyJson,\n\tisDeepEqual\n};\n","export const LogLevel = Object.freeze({\n DEBUG: 0,\n INFO: 1,\n WARN: 2,\n ERROR: 3,\n TEST: 4,\n DEFAULT: 2,\n});\n\nexport function convertStringLogLevel(value: string \| null) {\n const level = value?.toLowerCase();\n\n if (level === \"debug\") {\n return LogLevel.DEBUG;\n }\n\n if (level === \"info\") {\n return LogLevel.INFO;\n }\n\n if (level === \"warn\") {\n return LogLevel.WARN;\n }\n\n if (level === \"error\") {\n return LogLevel.ERROR;\n }\n\n if (level === \"test\") {\n return LogLevel.TEST;\n }\n\n return LogLevel.DEFAULT;\n}\n\nexport class Logger {\n level: number;\n constructor(\n { level = LogLevel.DEFAULT }: { level: number } = {\n level: LogLevel.DEFAULT,\n }\n ) {\n this.level = level;\n }\n\n debug(...args: any[]) {\n if (this.level <= LogLevel.DEBUG) {\n console.info(...args);\n }\n }\n\n log = this.debug;\n\n info(...args: any[]) {\n if (this.level <= LogLevel.INFO) {\n console.info(...args);\n }\n }\n\n warn(...args: any[]) {\n if (this.level <= LogLevel.WARN) {\n console.warn(...args);\n }\n }\n\n error(...args: any[]) {\n if (this.level <= LogLevel.ERROR) {\n console.error(...args);\n }\n }\n}\n","// Trace the element and all of its parents, collecting properties as we go\nimport {\n sanitise,\n assignIfUndefined,\n} from \"@financial-times/o-tracking/src/javascript/utils\";\n\ntype PropMap = { [k: string]: any };\n// For a given container element, get the number of elements that match the\n// original element (siblings); and the index of the original element (position).\nconst getSiblingsAndPosition = (\n el: Element \| null,\n originalEl: Element,\n selector: string\n) => {\n const siblings = Array.from(el?.querySelectorAll(selector) ?? []);\n const position = siblings.findIndex((item) => item === originalEl);\n if (position === -1) {\n return;\n }\n return {\n siblings: siblings.length,\n position,\n };\n};\n\nconst elementPropertiesToCollect = [\n \"nodeName\",\n \"className\",\n \"id\",\n \"href\",\n \"text\",\n \"role\",\n];\n// Get all (sanitised) properties of a given element.\nconst getAllElementProperties = (element: any) => {\n const properties: PropMap = {};\n for (const property of elementPropertiesToCollect) {\n const value =\n element[property] \|\|\n element.getAttribute(property) \|\|\n element.hasAttribute(property);\n if (value !== undefined) {\n if (typeof value === \"boolean\") {\n properties[property] = value;\n } else {\n properties[property] = sanitise(value);\n }\n }\n }\n\n return properties;\n};\n\nconst parseRawValue = (rawValue: string) => {\n try {\n const parsedValue = JSON.parse(rawValue);\n const type = Object.prototype.toString.call(parsedValue);\n const isJSON = type === \"[object Object]\" \|\| type === \"[object Array]\";\n\n return [isJSON, parsedValue];\n } catch (error) {\n return [false, null];\n }\n};\n\nconst getAttributeValue = (rawValue: string) => {\n const [isJSON, value] = parseRawValue(rawValue);\n\n return isJSON ? value : rawValue;\n};\n\n// Get some properties of a given element.\nconst getDomPathProps = (attrs: Attr[], props: PropMap) => {\n // Collect any attribute that matches given strings.\n attrs\n .filter((attribute) =>\n attribute.name.match(/^data-trackable\|^data-o-\|^aria-/i)\n )\n .forEach((attribute) => {\n props[attribute.name] = attribute.value;\n });\n\n return props;\n};\n\n// Get only the custom data-trackable-context-? properties of a given element\nconst getContextProps = (\n attrs: Attr[],\n props: PropMap,\n isOriginalEl: boolean\n) => {\n const customProps: { [k: string]: any } = {};\n\n // for the original element collect properties like className, nodeName\n if (isOriginalEl) {\n elementPropertiesToCollect.forEach((name) => {\n if (typeof props[name] !== \"undefined\" && name !== \"id\") {\n customProps[name] = props[name];\n }\n });\n }\n\n // Collect any attribute that matches given strings.\n attrs\n .filter((attribute) => attribute.name.match(/^data-trackable-context-/i))\n .forEach((attribute) => {\n customProps[attribute.name.replace(\"data-trackable-context-\", \"\")] =\n getAttributeValue(attribute.value);\n });\n\n return customProps;\n};\n\nexport function getTrace(el: Element, rootEl: Element) {\n const originalEl = el;\n const selector = originalEl?.getAttribute(\"data-trackable\")\n ? `[data-trackable=\"${originalEl.getAttribute(\"data-trackable\")}\"]`\n : originalEl?.nodeName;\n const trace = [];\n const customContext = {};\n while (el && el !== rootEl) {\n const props = getAllElementProperties(el);\n const attrs = Array.from(el.attributes);\n let domPathProps = getDomPathProps(attrs, props);\n\n // If the element happens to have a data-trackable attribute, get the siblings\n // and position of the element (relative to the current element).\n if (domPathProps[\"data-trackable\"]) {\n domPathProps = Object.assign(\n domPathProps,\n getSiblingsAndPosition(el, originalEl, selector)\n );\n }\n\n trace.push(domPathProps);\n\n const contextProps = getContextProps(attrs, props, el === originalEl);\n\n assignIfUndefined(contextProps, customContext);\n\n el = el.parentNode as Element;\n }\n return { trace, customContext };\n}\n","import Delegate from \"ftdomdelegate/main\";\n\nimport {\n sanitise,\n assignIfUndefined,\n} from \"@financial-times/o-tracking/src/javascript/utils\";\nimport { Logger } from \"./logger\";\nimport { getTrace } from \"./get-trace\";\n\nconst eventPropertiesToCollect = [\"ctrlKey\", \"altKey\", \"shiftKey\", \"metaKey\"];\n\nclass Tracking {\n cccId: string;\n cccName: string;\n subtype: string;\n teamName: string;\n shadowRoot: ShadowRoot \| null;\n category: string;\n elements: string \| string[];\n isInitialised: boolean;\n log: Logger;\n\n constructor({\n id = \"00000000-0000-0000-0000-000000000000\",\n name = \"ccc-component\",\n subtype = \"interactive\",\n teamName = \"djd\",\n shadowRoot = null,\n category = \"cta\",\n elements = 'a, button, input, [role=\"button\"]',\n logger,\n }: {\n id?: string;\n name: string;\n subtype: string;\n teamName?: string;\n shadowRoot: ShadowRoot \| null;\n category?: string;\n elements?: string \| string[];\n logger: Logger;\n }) {\n this.cccId = id;\n this.cccName = name;\n this.subtype = subtype;\n this.teamName = teamName;\n this.shadowRoot = shadowRoot;\n this.category = category;\n this.elements = elements;\n this.isInitialised = false;\n this.log = logger ?? new Logger();\n }\n\n // Get properties for the event (as opposed to properties of the clicked element)\n getEventProperties(event: any) {\n const eventProperties: { [k: string]: any } = {};\n for (const property of eventPropertiesToCollect) {\n if (event[property]) {\n try {\n eventProperties[property] = sanitise(event[property]);\n } catch (e) {\n this.log.info(e);\n }\n }\n }\n return eventProperties;\n }\n\n // Controller for handling click events\n handleClickEvent(\n eventData: { action: string; category: string },\n root: Element\n ) {\n return (clickEvent: Event, clickElement: HTMLElement) => {\n const context: any = this.getEventProperties(clickEvent);\n const { trace, customContext } = getTrace(clickElement, root);\n context.custom =\n clickElement.dataset && clickElement.dataset.custom\n ? JSON.parse(clickElement.dataset.custom)\n : null;\n context.domPathTokens = trace;\n context.component = {\n id: this.cccId,\n name: this.cccName,\n type: \"custom-code-component\",\n subtype: this.subtype,\n };\n context.teamName = this.teamName;\n context.url = document.URL;\n\n assignIfUndefined(customContext, context);\n\n context.method = \"ftCustomAnalytics\";\n eventData = { ...eventData, ...context };\n\n // send spoor event\n document.body.dispatchEvent(\n new CustomEvent(\"oTracking.event\", {\n detail: eventData,\n bubbles: true,\n composed: true,\n })\n );\n };\n }\n\n sendSpoorEvent(triggerAction: any, extraDetail: any) {\n const eventData = {\n category: \"component\",\n action: \"act\",\n component: {\n id: this.cccId,\n name: this.cccName,\n type: \"custom-code-component\",\n subtype: this.subtype,\n },\n teamName: this.teamName,\n trigger_action: triggerAction,\n custom: extraDetail,\n method: \"ftCustomAnalytics\",\n };\n\n // send spoor event\n document.body.dispatchEvent(\n new CustomEvent(\"oTracking.event\", {\n detail: eventData,\n bubbles: true,\n composed: true,\n })\n );\n }\n\n init(id: string) {\n if (!this.isInitialised) {\n this.isInitialised = true;\n this.cccId = id ? id : this.cccId;\n\n const eventData = {\n action: \"click\",\n category: this.category,\n };\n\n const root = this.shadowRoot?.querySelector(\"[data-component-root]\");\n\n if (root) {\n const shadowDelegate = new Delegate(root);\n shadowDelegate.on(\n \"click\",\n this.elements,\n this.handleClickEvent(eventData, root),\n true\n );\n }\n }\n }\n}\n\nexport default Tracking;\n","import { CCCError } from \"./errors\";\n\nexport type ComponentPathType = {\n org: string;\n repo: string;\n name: string;\n versionRange: string;\n};\nexport class ComponentPath {\n org: string = \"local\";\n repo: string = \"dev\";\n name: string;\n versionRange: string;\n\n constructor(path?: ComponentPathType \| string) {\n const { org, repo, name, versionRange } = isValidComponentPathObject(path)\n ? path\n : ComponentPath.fromString(path);\n if (org) this.org = org;\n if (repo) this.repo = repo;\n this.name = name;\n this.versionRange = versionRange;\n }\n\n set path(path: ComponentPathType \| string) {\n const { org, repo, name, versionRange } = isValidComponentPathObject(path)\n ? path\n : ComponentPath.fromString(path);\n this.org = org;\n this.repo = repo;\n this.name = name;\n this.versionRange = versionRange;\n }\n\n get path(): string {\n return `${this.org}/${this.repo}@${this.versionRange}/${this.name}`;\n }\n\n get isValid(): boolean {\n return [this.org, this.repo, this.name].every(\n (value) => value !== \"unknown\"\n );\n }\n\n toString(): string {\n return this.path;\n }\n\n static fromString(p?: string \| null, v?: string \| null): ComponentPath {\n const path = p ?? \"unknown/unknown/unknown\";\n\n const [name, repo, org] = path\n .replace(/@[^\\/]+/, \"\")\n .split(\"/\")\n .reverse();\n\n const versionRange =\n v ??\n path\n .match(/@[^\\/]+/)\n ?.toString()\n .replace(\"@\", \"\") ??\n \"unknown\";\n\n if (repo && !versionRange) throw new CCCError(\"No version specified\");\n\n return new ComponentPath({ org, repo, name, versionRange });\n }\n}\n\nexport type DetailType = {\n component: ComponentPath;\n source?: string;\n cause?: string;\n error?: Error;\n};\n\nexport function isValidComponentPathObject(\n value: unknown\n): value is ComponentPathType {\n if (typeof value === \"object\" && value !== null) {\n return \"org\" in value && \"repo\" in value && \"name\" in value;\n }\n\n return false;\n}\n","/\n This is the base CCC component error class. These are raised when the component being loaded errors\n /\n\nimport { ComponentPath, DetailType, isValidComponentPathObject } from \"./path\";\n\nexport class CCCError extends Error {\n component: ComponentPath \| null;\n source?: string;\n errors?: Error[];\n constructor(message: string \| null, detail?: DetailType) {\n if (!detail && message) {\n super(message);\n this.component = null;\n } else if (typeof detail?.component === \"string\") {\n super(\n message ??\n `${detail.cause ?? \"Unknown error\"} in ${detail.component} imported from ${detail.source ?? \"an undefined source\"}.`\n );\n\n this.component = ComponentPath.fromString(detail.component);\n } else if (isValidComponentPathObject(detail?.component)) {\n super(\n message ??\n `${detail.cause ?? \"Unknown error\"} in ${detail.component.org}/${detail.component.repo}/${detail.component.name}@${detail.component.versionRange} imported from ${detail.source ?? \"an undefined source\"}.`\n );\n this.component = new ComponentPath(detail.component);\n } else {\n super(\n `${detail?.cause ?? \"Unknown error\"} in unknown component imported from ${detail?.source ?? \"unknown source\"}.`\n );\n this.component = null;\n }\n\n this.source = detail?.source ?? \"unknown source\";\n this.errors = [];\n if (detail?.error) {\n this.errors?.push(detail?.error);\n }\n if (Error.captureStackTrace) {\n // Maintains proper stack trace for where our error was thrown (only available on V8)\n Error.captureStackTrace(this, CCCError);\n }\n\n this.name = \"CCCError\";\n }\n}\n\n/\n This class is used to raise errors that occur during the import of the CCC component app\n /\nexport class CCCImportError extends CCCError {\n constructor(message: string, detail: DetailType) {\n super(message, { ...detail, cause: \"Import error\" });\n this.name = \"CCCImportError\";\n }\n}\n\n/\n This class is used to raise errors that occur during the rendering of the CCC component app\n /\nexport class CCCRenderError extends CCCError {\n constructor(message: string, detail: DetailType) {\n super(message, { ...detail, cause: \"Render error\" });\n this.name = \"CCCRenderError\";\n }\n}\n\n/\n This class is used to raise errors that occur as a result of the CCC component app timing out\n /\nexport class CCCTimeoutError extends CCCError {\n constructor(detail: DetailType) {\n super(null, { ...detail, cause: \"Timeout error\" });\n this.name = \"CCCTimeoutError\";\n }\n}\n","import { ComponentPath } from \"./path\";\n\nexport class CCCEvent extends Event {\n component: ComponentPath;\n source?: string;\n static eventType = \"ccc:event\";\n\n constructor(\n eventType: string = CCCEvent.eventType,\n detail: { component: ComponentPath; source?: string },\n opts?: EventInit\n ) {\n super(eventType, {\n bubbles: true,\n cancelable: false,\n composed: true,\n ...opts,\n });\n this.component = detail.component;\n this.source = detail.source;\n }\n}\n\nexport class CCCConnectedEvent extends CCCEvent {\n static eventType = \"ccc:connected\";\n\n constructor(\n detail: { component: ComponentPath; source?: string },\n opts?: EventInit\n ) {\n super(CCCConnectedEvent.eventType, detail, opts);\n }\n}\n\nexport class CCCReadyEvent extends CCCEvent {\n static eventType = \"ccc:ready\";\n\n constructor(\n detail: { component: ComponentPath; source?: string },\n opts?: EventInit\n ) {\n super(CCCReadyEvent.eventType, detail, opts);\n }\n}\n\nexport class CCCViewportEvent extends CCCEvent {\n static eventType = \"ccc:viewport\";\n intersecting = false;\n entry?: IntersectionObserverEntry;\n\n constructor(\n detail: {\n component: ComponentPath;\n source?: string;\n intersecting: boolean;\n entry?: IntersectionObserverEntry;\n },\n opts?: EventInit\n ) {\n super(CCCViewportEvent.eventType, detail, opts);\n this.intersecting = detail.intersecting;\n this.entry = detail.entry;\n }\n}\n","/\n Used to convert camelCase to kebab-case\n * @param str\n * @returns\n /\nexport const kebabize = (str: string) =>\n str.replace(\n /[A-Z]+(?![a-z])\|[A-Z]/g,\n ($, ofs) => (ofs ? \"-\" : \"\") + $.toLowerCase()\n );\n\n/\n Checks if the provided host is part of the allowed test environments.\n \n @param host - The hostname to check.\n * @returns True if the hostname is a safe test environment, false otherwise.\n /\nexport function isSafeTestEnv(host: string \| undefined) {\n return isAllowed([\n 'localhost',\n 'local.ft.com',\n /^.\\.apps\\.in\\.ft\\.com$/,\n ], host);\n}\n\n/*\n Checks if the current window location hostname is considered a local environment.\n \n @returns True if the hostname is local, false otherwise.\n /\nexport function isLocalEnv() {\n return isAllowed([\n 'localhost',\n 'local.ft.com',\n /^.\\.in\\.ft\\.com$/,\n ], window.location.hostname);\n}\n\n/*\n Checks if the current window location host is one of the Spark environments.\n \n @returns True if the host is spark.ft.com or spark-staging.ft.com, false otherwise.\n /\nexport function isSparkEnv() {\n return isAllowed([\n 'spark.ft.com',\n 'spark-staging.ft.com',\n ], window.location.host);\n}\n\n/\n Checks if the given hostname is in the provided allowlist.\n \n @param allowlist - A list of allowed hostnames or RegExp matchers.\n * @param hostname - The hostname to validate.\n * @returns True if the hostname matches any item in the allowlist, false otherwise.\n /\nexport function isAllowed(allowlist: (string\|RegExp)[], hostname: string \| undefined) {\n if (!hostname) return false;\n return allowlist.some(item => {\n if (typeof item === 'string') {\n return item === hostname;\n }\n return item.test(hostname);\n });\n} \n","import { isLocalEnv, isSafeTestEnv, isSparkEnv } from \"./util\";\n\n/\n Assigns a test URL based on the provided testEnv value.\n \n @param testEnv - A string indicating test environment setting\n * @returns A `URL` object if valid and safe, or `undefined` if invalid.\n /\nexport function assignTestURL(testEnv: string \| null): URL \| undefined {\n if (testEnv === null) {\n return;\n }\n\n let testUrl;\n const defaultTestUrl = new URL(\"http://localhost:5173\");\n\n try {\n if (typeof testEnv === \"string\") {\n if (\n (testEnv === \"\" \|\| testEnv.toLowerCase() === \"true\") &&\n isLocalEnv()\n ) {\n testUrl = defaultTestUrl;\n } else {\n const hasProtocol =\n testEnv.startsWith(\"http://\") \|\| testEnv.startsWith(\"https://\");\n testUrl = hasProtocol ? new URL(testEnv) : undefined;\n\n // Prevent script injection\n if (testUrl && !isSafeTestEnv(testUrl?.hostname)) {\n throw new Error(\"Unsafe testing host override\");\n }\n }\n } else if (isSparkEnv()) {\n testUrl = defaultTestUrl;\n }\n } catch (_) {\n return testUrl;\n }\n\n return testUrl;\n}\n\n/\n Checks whether the given test component exists on local dev server\n \n @param testUrl - The test environment URL to check.\n * @returns A promise that resolves to true if Vite is running, false otherwise.\n /\nexport async function useComponentTestEnv(\n componentName: string,\n testUrl?: URL\n): Promise<boolean> {\n if (!testUrl) {\n return false;\n }\n\n const localDevOnline = fetch(\n new URL(`src/${componentName}/config.yaml`, testUrl),\n {\n method: \"HEAD\",\n }\n )\n .then(() => true)\n .catch(() => false);\n\n return localDevOnline;\n}\n","/\n @file\n * Main component definition for custom-code-component\n /\n\nimport type { ContentTree } from \"@financial-times/content-tree\";\nimport { BaseRenderer } from \"../../ccc-sdk/src/renderers/BaseRenderer\";\nimport Tracking from \"./tracking\";\nimport { convertStringLogLevel, Logger } from \"./logger\";\nimport {\n CCCError,\n CCCImportError,\n CCCRenderError,\n CCCTimeoutError,\n} from \"./errors\";\nimport { CCCConnectedEvent, CCCReadyEvent, CCCViewportEvent } from \"./events\";\nimport { ComponentPath } from \"./path\";\nimport { kebabize } from \"./util\";\nimport { assignTestURL, useComponentTestEnv } from \"./environment\";\nimport styles from \"./custom-code-component.css?inline\";\n\nexport class FTCustomCodeComponent extends HTMLElement {\n app?: typeof BaseRenderer.prototype.render;\n mode: \"closed\" \| \"open\" = \"open\";\n RESERVED_ATTRS = new Set([\n \"iframe\",\n \"path\",\n \"version\",\n \"data-component-props\",\n \"data-asset-type\",\n \"shadow-open\",\n \"env\",\n \"load-timeout\",\n ]);\n\n source?: string;\n tracking?: Tracking;\n testUrl?: URL;\n component = new ComponentPath();\n\n log: Logger;\n\n observer = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n this.dispatchEvent(\n new CCCViewportEvent({\n component: this.component,\n source: this.source,\n intersecting: entry.isIntersecting,\n entry,\n })\n );\n });\n });\n\n constructor() {\n super();\n this.log = new Logger({\n level: convertStringLogLevel(this.getAttribute(\"log\")),\n });\n\n const supportsDeclarative =\n HTMLElement.prototype.hasOwnProperty(\"attachInternals\");\n\n try {\n const internals = supportsDeclarative && this.attachInternals();\n } catch (e) {\n this.log.error(e);\n }\n }\n\n async connectedCallback() {\n try {\n const path = this.getAttribute(\"path\");\n const versionRange = this.getAttribute(\"version\");\n this.component = ComponentPath.fromString(path, versionRange);\n\n this.app = await this.load();\n await this.mount();\n await this.initTracking();\n } catch (e) {\n if (e instanceof Error) {\n requestAnimationFrame(() => {\n this.emitError(e);\n });\n }\n\n this.unmount(e as Error);\n }\n }\n\n emitError(error: Error) {\n if (error instanceof CCCError) {\n this.dispatchEvent(\n new ErrorEvent(\"ccc:error\", {\n bubbles: true,\n cancelable: false,\n composed: true,\n error,\n message: error.message,\n })\n );\n } else {\n // Wrap original error with generic CCC error class\n const wrappedError = new CCCError(error.message, {\n component: this.component,\n error: error,\n });\n\n this.dispatchEvent(\n new ErrorEvent(\"ccc:error\", {\n bubbles: true,\n cancelable: false,\n composed: true,\n error: wrappedError,\n message: wrappedError.message,\n })\n );\n }\n }\n\n disconnectedCallback() {\n const path = this.getAttribute(\"path\");\n this.log.info(`<custom-code-component:${path}> disconnected`);\n if (typeof this.onunmount === \"function\") this.onunmount();\n this.observer.disconnect();\n }\n\n channel = new MessageChannel();\n\n onmessage() {}\n\n onunmount(root?: any) {}\n\n async onready(app: Promise<void>) {\n try {\n await app;\n\n this.dispatchEvent(\n new CCCReadyEvent({\n component: this.component,\n source: this.source,\n })\n );\n\n this.dataset.cccReady = \"true\";\n delete this.dataset.cccError;\n\n this.observer.observe(this);\n } catch (e) {\n if (e instanceof Error) {\n const renderError = new CCCRenderError(e.message, {\n error: e,\n component: this.component,\n });\n requestAnimationFrame(() => {\n this.emitError(renderError);\n this.unmount(renderError);\n });\n }\n }\n }\n\n postMessage(event: any) {\n this.channel.port1.postMessage(event);\n }\n\n async mount(prerendered?: ShadowRoot \| null) {\n try {\n this.mode =\n this.getAttribute(\"shadow-open\") == \"false\" ? \"closed\" : \"open\";\n if (this.component) {\n if (!this.app) {\n throw new Error(\"CCC mounted without App\");\n }\n\n const ssr = this.shadowRoot !== null;\n const shadow =\n this.shadowRoot ?? this.attachShadow({ mode: this.mode });\n\n this.dispatchEvent(\n new CCCConnectedEvent({\n component: this.component,\n source: this.source,\n })\n );\n // Add global CCC styles if not already present in shadow DOM.\n if (\n !shadow.querySelector('link[href~=\"custom-code-component.css\"]') &&\n !shadow.adoptedStyleSheets.length\n ) {\n if (!window.CCC_LAYOUT_STYLESHEET) {\n window.CCC_LAYOUT_STYLESHEET = new CSSStyleSheet();\n window.CCC_LAYOUT_STYLESHEET.replaceSync(styles);\n }\n shadow.adoptedStyleSheets = [window.CCC_LAYOUT_STYLESHEET];\n }\n\n if (!ssr) {\n const template = document.createElement(\"template\");\n template.innerHTML = \"<div data-component-root><slot></slot></div>\";\n this.appendChild(template);\n shadow.appendChild(template.content.cloneNode(true));\n }\n\n const data = JSON.parse(this.getAttribute(\"data-component-props\")!);\n\n const extraProps = Object.fromEntries(\n [...this.attributes]\n .filter(\n (attribute) =>\n !this.RESERVED_ATTRS.has(attribute.name) &&\n !attribute.name.startsWith(\"data-\")\n )\n .map((attribute) => [attribute.name, attribute.value])\n );\n\n // Create tracking instance\n this.tracking = new Tracking({\n name: this.component?.toString(),\n subtype: \"interactive\",\n teamName: \"djd\",\n shadowRoot: this.shadowRoot,\n logger: this.log,\n });\n\n if (!data && Object.keys(extraProps).length > 0) {\n this.log.warn(\n `CCC ${this.component.toString()}: passing component settings as webcomponent attributes is %cDEPRECATED`,\n \"font-weight: bold\",\n \" and will be removed in v3.\"\n );\n this.log.warn(\n `Please use the %cdata-component-props`,\n \"text-decoration: underline;\",\n \" attribute instead.\"\n );\n }\n\n const {\n unmount,\n onmessage,\n ready = Promise.resolve(),\n } = this.app(\n shadow,\n {\n ...(data ?? extraProps),\n data: data ?? extraProps,\n port: this.channel.port2,\n tracking: this.tracking,\n prerendered: !!prerendered,\n children: this.children,\n },\n ssr\n ) \|\| {};\n\n if (unmount) this.onunmount = unmount;\n if (onmessage) this.onmessage = onmessage;\n if (ready) this.onready(ready);\n }\n } catch (err) {\n this.log.info(\n `<custom-code-component> uncaught error during mount from ${this.component?.toString()}`\n );\n this.log.error(err);\n\n throw err;\n }\n }\n\n // Called in top-level error handler\n // Replace shadow root with either <slot> or template[data-component-fallback]\n // slot on failure\n unmount(e: Error) {\n this.onunmount(e);\n const template =\n this.querySelector<HTMLTemplateElement>(\n \"template[data-component-fallback]\"\n ) ?? this.querySelector<HTMLTemplateElement>(\"template\");\n\n if (template) {\n this.shadowRoot?.replaceChildren(template.content.cloneNode(true));\n }\n\n if (!this.dataset.cccError)\n this.dataset.cccError = kebabize(e.name.replace(\"CCC\", \"\"));\n\n delete this.dataset.cccReady;\n\n this.observer.disconnect();\n }\n\n async load() {\n if (!this.component.isValid) {\n throw new Error(\"No path found\");\n }\n const path = this.getAttribute(\"path\");\n const componentVersionRange = this.getAttribute(\"version\");\n const timeout = Number(this.getAttribute(\"load-timeout\") \|\| 10000);\n const testEnv = this.getAttribute(\"test-env\");\n this.testUrl = assignTestURL(testEnv);\n const isTestEnv = await useComponentTestEnv(\n this.component.name,\n this.testUrl\n );\n\n // id querystring necessary to multiple allow components with the same source (same name and version number) to appear on the page correctly\n const id = this.getAttribute(\"id\");\n\n if (isTestEnv && this.testUrl) {\n this.injectViteScripts();\n }\n\n this.source = isTestEnv\n ? `${this.testUrl?.origin}/src/${this.component.name}/index.jsx?id=${id}`\n : `https://www.ft.com/__component/${this.component.org}/${this.component.repo}${\n componentVersionRange ? `@${componentVersionRange}` : \"@latest\"\n }/${this.component.name}/${this.component.name}.js?id=${id}`;\n\n try {\n return await new Promise<typeof BaseRenderer.prototype.render>(\n (resolve, reject) => {\n const to = setTimeout(() => {\n this.log.error(\"CCC import timeout error\");\n reject(\n new CCCTimeoutError({\n component: this.component!,\n source: this.source,\n })\n );\n }, Number(timeout));\n\n if (this.source) {\n import(/ webpackIgnore: true / this.source / @vite-ignore /)\n .then(({ default: componentRenderFunction }) => {\n if (componentRenderFunction) {\n clearTimeout(to);\n resolve(componentRenderFunction);\n } else\n throw new CCCImportError(\n \"No component renderer default export found\",\n {\n component: this.component!,\n source: this.source,\n }\n );\n })\n .catch((e) => {\n clearTimeout(to);\n this.log.error(e);\n if (e instanceof Error && !(e instanceof CCCImportError)) {\n reject(\n new CCCImportError(e.message, {\n component: this.component!,\n source: this.source,\n })\n );\n } else {\n reject(e);\n }\n });\n } else {\n clearTimeout(to);\n throw new CCCImportError(`Unable to mount ${path}`, {\n component: this.component!,\n source: this.source,\n });\n }\n }\n );\n } catch (err) {\n this.log.error(\n `<custom-code-component> error during import from ${path}@${componentVersionRange}`\n );\n\n throw err;\n }\n }\n\n initTracking = async () => {\n try {\n this.tracking?.init(this.id);\n } catch (e) {\n const path = this.getAttribute(\"path\");\n const componentVersionRange = this.getAttribute(\"version\");\n this.log.info(\n `Error initialising tracking on <custom-code-component> ${path}@${componentVersionRange}`\n );\n this.log.error(e);\n }\n };\n\n injectViteScripts = () => {\n if (document.querySelector('script[name=\"ccc-sdk-react-preamble\"]')) return;\n\n const preambleScript = document.createElement(\"script\");\n preambleScript.type = \"module\";\n preambleScript.setAttribute(\"name\", \"ccc-sdk-react-preamble\");\n\n preambleScript.textContent = `\n import RefreshRuntime from \"${this.testUrl?.origin}/@react-refresh\";\n RefreshRuntime.injectIntoGlobalHook(window);\n window.$RefreshReg$ = () => {};\n window.$RefreshSig$ = () => (type) => type;\n window.__vite_plugin_react_preamble_installed__ = true;\n `.trim();\n document.head.appendChild(preambleScript);\n\n const viteClientScript = document.createElement(\"script\");\n viteClientScript.type = \"module\";\n viteClientScript.src = `${this.testUrl?.origin}/@vite/client`;\n document.head.appendChild(viteClientScript);\n };\n}\n\nexport interface CustomCodeComponent extends ContentTree.Node {\n type: \"CustomCodeComponent\";\n path: string;\n versionRange: string;\n altText: string;\n lastModified: string;\n fallbackImage?: ContentTree.Image;\n displayFallbackText: boolean;\n layout: \"in-line\" \| \"mid-grid\" \| \"full-grid\" \| \"full-bleed\";\n / prettier-ignore */\n attributes: {\n [key: string]: string \| boolean \| undefined;\n } \| { children?: CustomCodeComponent \| Array<CustomCodeComponent> };\n}\n\nexport type { FTCustomCodeComponent as CCCHTMLElement };\n"],"names":["Delegate","root","listenerMap","eventType","selector","handler","useCapture","matcher","matcherParam","matchesTag","matchesId","matchesRoot","i","listener","listenerList","singleEventType","event","l","type","phase","returned","target","eventIgnore","toFire","ret","tagName","element","id","sanitise","str","assignIfUndefined","subject","prop","LogLevel","convertStringLogLevel","value","level","Logger","args","getSiblingsAndPosition","el","originalEl","siblings","position","item","elementPropertiesToCollect","getAllElementProperties","properties","property","parseRawValue","rawValue","parsedValue","getAttributeValue","isJSON","getDomPathProps","attrs","props","attribute","getContextProps","isOriginalEl","customProps","name","getTrace","rootEl","trace","customContext","domPathProps","contextProps","eventPropertiesToCollect","Tracking","subtype","teamName","shadowRoot","category","elements","logger","eventProperties","e","eventData","clickEvent","clickElement","context","triggerAction","extraDetail","_a","ComponentPath","path","org","repo","versionRange","isValidComponentPathObject","p","v","CCCError","message","detail","CCCImportError","CCCRenderError","CCCTimeoutError","_CCCEvent","opts","CCCEvent","_CCCConnectedEvent","CCCConnectedEvent","_CCCReadyEvent","CCCReadyEvent","_CCCViewportEvent","CCCViewportEvent","kebabize","$","ofs","isSafeTestEnv","host","isAllowed","isLocalEnv","isSparkEnv","allowlist","hostname","assignTestURL","testEnv","testUrl","defaultTestUrl","useComponentTestEnv","componentName","FTCustomCodeComponent","entries","entry","componentVersionRange","_b","preambleScript","viteClientScript","supportsDeclarative","internals","error","wrappedError","app","renderError","prerendered","ssr","shadow","styles","template","data","extraProps","unmount","onmessage","ready","err","timeout","isTestEnv","resolve","reject","to","componentRenderFunction"],"mappings":"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","x_google_ignoreList":[0,1]}
1	+ {"version":3,"file":"custom-element.js","sources":["../node_modules/ftdomdelegate/main.js","../../node_modules/@financial-times/o-tracking/src/javascript/utils.js","../src/logger.ts","../src/get-trace.ts","../src/tracking.ts","../src/path.ts","../src/errors.ts","../src/events.ts","../src/util.ts","../src/environment.ts","../src/custom-code-component.ts"],"sourcesContent":["/*\n DOM event delegator\n \n The delegator will listen\n * for events that bubble up\n * to the root node.\n \n @constructor\n * @param {Node\|string} [root] The root node or a selector string matching the root node\n /\nfunction Delegate(root) {\n\n\t/\n\t Maintain a map of listener\n\t * lists, keyed by event name.\n\t \n\t @type Object\n\t /\n\tthis.listenerMap = [{}, {}];\n\tif (root) {\n\t\tthis.root(root);\n\t}\n\n\t/* @type function() /\n\tthis.handle = Delegate.prototype.handle.bind(this);\n\n\t// Cache of event listeners removed during an event cycle\n\tthis._removedListeners = [];\n}\n\n/\n Start listening for events\n * on the provided DOM element\n \n @param {Node\|string} [root] The root node or a selector string matching the root node\n * @returns {Delegate} This method is chainable\n /\nDelegate.prototype.root = function (root) {\n\tconst listenerMap = this.listenerMap;\n\tlet eventType;\n\n\t// Remove master event listeners\n\tif (this.rootElement) {\n\t\tfor (eventType in listenerMap[1]) {\n\t\t\tif (listenerMap[1].hasOwnProperty(eventType)) {\n\t\t\t\tthis.rootElement.removeEventListener(eventType, this.handle, true);\n\t\t\t}\n\t\t}\n\t\tfor (eventType in listenerMap[0]) {\n\t\t\tif (listenerMap[0].hasOwnProperty(eventType)) {\n\t\t\t\tthis.rootElement.removeEventListener(eventType, this.handle, false);\n\t\t\t}\n\t\t}\n\t}\n\n\t// If no root or root is not\n\t// a dom node, then remove internal\n\t// root reference and exit here\n\tif (!root \|\| !root.addEventListener) {\n\t\tif (this.rootElement) {\n\t\t\tdelete this.rootElement;\n\t\t}\n\t\treturn this;\n\t}\n\n\t/\n\t The root node at which\n\t * listeners are attached.\n\t \n\t @type Node\n\t /\n\tthis.rootElement = root;\n\n\t// Set up master event listeners\n\tfor (eventType in listenerMap[1]) {\n\t\tif (listenerMap[1].hasOwnProperty(eventType)) {\n\t\t\tthis.rootElement.addEventListener(eventType, this.handle, true);\n\t\t}\n\t}\n\tfor (eventType in listenerMap[0]) {\n\t\tif (listenerMap[0].hasOwnProperty(eventType)) {\n\t\t\tthis.rootElement.addEventListener(eventType, this.handle, false);\n\t\t}\n\t}\n\n\treturn this;\n};\n\n/\n @param {string} eventType\n * @returns boolean\n /\nDelegate.prototype.captureForType = function (eventType) {\n\treturn ['blur', 'error', 'focus', 'load', 'resize', 'scroll'].indexOf(eventType) !== -1;\n};\n\n/\n Attach a handler to one\n * event for all elements\n * that match the selector,\n * now or in the future\n \n The handler function receives\n * three arguments: the DOM event\n * object, the node that matched\n * the selector while the event\n * was bubbling and a reference\n * to itself. Within the handler,\n * 'this' is equal to the second\n * argument.\n \n The node that actually received\n * the event can be accessed via\n * 'event.target'.\n \n @param {string} eventType Listen for these events\n * @param {string\|undefined} selector Only handle events on elements matching this selector, if undefined match root element\n * @param {function()} handler Handler function - event data passed here will be in event.data\n * @param {boolean} [useCapture] see 'useCapture' in <https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener>\n * @returns {Delegate} This method is chainable\n /\nDelegate.prototype.on = function (eventType, selector, handler, useCapture) {\n\tlet root;\n\tlet listenerMap;\n\tlet matcher;\n\tlet matcherParam;\n\n\tif (!eventType) {\n\t\tthrow new TypeError('Invalid event type: ' + eventType);\n\t}\n\n\t// handler can be passed as\n\t// the second or third argument\n\tif (typeof selector === 'function') {\n\t\tuseCapture = handler;\n\t\thandler = selector;\n\t\tselector = null;\n\t}\n\n\t// Fallback to sensible defaults\n\t// if useCapture not set\n\tif (useCapture === undefined) {\n\t\tuseCapture = this.captureForType(eventType);\n\t}\n\n\tif (typeof handler !== 'function') {\n\t\tthrow new TypeError('Handler must be a type of Function');\n\t}\n\n\troot = this.rootElement;\n\tlistenerMap = this.listenerMap[useCapture ? 1 : 0];\n\n\t// Add master handler for type if not created yet\n\tif (!listenerMap[eventType]) {\n\t\tif (root) {\n\t\t\troot.addEventListener(eventType, this.handle, useCapture);\n\t\t}\n\t\tlistenerMap[eventType] = [];\n\t}\n\n\tif (!selector) {\n\t\tmatcherParam = null;\n\n\t\t// COMPLEX - matchesRoot needs to have access to\n\t\t// this.rootElement, so bind the function to this.\n\t\tmatcher = matchesRoot.bind(this);\n\n\t\t// Compile a matcher for the given selector\n\t} else if (/^[a-z]+$/i.test(selector)) {\n\t\tmatcherParam = selector;\n\t\tmatcher = matchesTag;\n\t} else if (/^#[a-z0-9\\-_]+$/i.test(selector)) {\n\t\tmatcherParam = selector.slice(1);\n\t\tmatcher = matchesId;\n\t} else {\n\t\tmatcherParam = selector;\n\t\tmatcher = Element.prototype.matches;\n\t}\n\n\t// Add to the list of listeners\n\tlistenerMap[eventType].push({\n\t\tselector: selector,\n\t\thandler: handler,\n\t\tmatcher: matcher,\n\t\tmatcherParam: matcherParam\n\t});\n\n\treturn this;\n};\n\n/\n Remove an event handler\n * for elements that match\n * the selector, forever\n \n @param {string} [eventType] Remove handlers for events matching this type, considering the other parameters\n * @param {string} [selector] If this parameter is omitted, only handlers which match the other two will be removed\n * @param {function()} [handler] If this parameter is omitted, only handlers which match the previous two will be removed\n * @returns {Delegate} This method is chainable\n /\nDelegate.prototype.off = function (eventType, selector, handler, useCapture) {\n\tlet i;\n\tlet listener;\n\tlet listenerMap;\n\tlet listenerList;\n\tlet singleEventType;\n\n\t// Handler can be passed as\n\t// the second or third argument\n\tif (typeof selector === 'function') {\n\t\tuseCapture = handler;\n\t\thandler = selector;\n\t\tselector = null;\n\t}\n\n\t// If useCapture not set, remove\n\t// all event listeners\n\tif (useCapture === undefined) {\n\t\tthis.off(eventType, selector, handler, true);\n\t\tthis.off(eventType, selector, handler, false);\n\t\treturn this;\n\t}\n\n\tlistenerMap = this.listenerMap[useCapture ? 1 : 0];\n\tif (!eventType) {\n\t\tfor (singleEventType in listenerMap) {\n\t\t\tif (listenerMap.hasOwnProperty(singleEventType)) {\n\t\t\t\tthis.off(singleEventType, selector, handler);\n\t\t\t}\n\t\t}\n\n\t\treturn this;\n\t}\n\n\tlistenerList = listenerMap[eventType];\n\tif (!listenerList \|\| !listenerList.length) {\n\t\treturn this;\n\t}\n\n\t// Remove only parameter matches\n\t// if specified\n\tfor (i = listenerList.length - 1; i >= 0; i--) {\n\t\tlistener = listenerList[i];\n\n\t\tif ((!selector \|\| selector === listener.selector) && (!handler \|\| handler === listener.handler)) {\n\t\t\tthis._removedListeners.push(listener);\n\t\t\tlistenerList.splice(i, 1);\n\t\t}\n\t}\n\n\t// All listeners removed\n\tif (!listenerList.length) {\n\t\tdelete listenerMap[eventType];\n\n\t\t// Remove the main handler\n\t\tif (this.rootElement) {\n\t\t\tthis.rootElement.removeEventListener(eventType, this.handle, useCapture);\n\t\t}\n\t}\n\n\treturn this;\n};\n\n\n/\n Handle an arbitrary event.\n \n @param {Event} event\n /\nDelegate.prototype.handle = function (event) {\n\tlet i;\n\tlet l;\n\tconst type = event.type;\n\tlet root;\n\tlet phase;\n\tlet listener;\n\tlet returned;\n\tlet listenerList = [];\n\tlet target;\n\tconst eventIgnore = 'ftLabsDelegateIgnore';\n\n\tif (event[eventIgnore] === true) {\n\t\treturn;\n\t}\n\n\ttarget = event.target;\n\n\t// Hardcode value of Node.TEXT_NODE\n\t// as not defined in IE8\n\tif (target.nodeType === 3) {\n\t\ttarget = target.parentNode;\n\t}\n\n\t// Handle SVG <use> elements in IE\n\tif (target.correspondingUseElement) {\n\t\ttarget = target.correspondingUseElement;\n\t}\n\n\troot = this.rootElement;\n\n\tphase = event.eventPhase \|\| (event.target !== event.currentTarget ? 3 : 2);\n\n\t// eslint-disable-next-line default-case\n\tswitch (phase) {\n\t\tcase 1: //Event.CAPTURING_PHASE:\n\t\t\tlistenerList = this.listenerMap[1][type];\n\t\t\tbreak;\n\t\tcase 2: //Event.AT_TARGET:\n\t\t\tif (this.listenerMap[0] && this.listenerMap[0][type]) {\n\t\t\t\tlistenerList = listenerList.concat(this.listenerMap[0][type]);\n\t\t\t}\n\t\t\tif (this.listenerMap[1] && this.listenerMap[1][type]) {\n\t\t\t\tlistenerList = listenerList.concat(this.listenerMap[1][type]);\n\t\t\t}\n\t\t\tbreak;\n\t\tcase 3: //Event.BUBBLING_PHASE:\n\t\t\tlistenerList = this.listenerMap[0][type];\n\t\t\tbreak;\n\t}\n\n\tlet toFire = [];\n\n\t// Need to continuously check\n\t// that the specific list is\n\t// still populated in case one\n\t// of the callbacks actually\n\t// causes the list to be destroyed.\n\tl = listenerList.length;\n\twhile (target && l) {\n\t\tfor (i = 0; i < l; i++) {\n\t\t\tlistener = listenerList[i];\n\n\t\t\t// Bail from this loop if\n\t\t\t// the length changed and\n\t\t\t// no more listeners are\n\t\t\t// defined between i and l.\n\t\t\tif (!listener) {\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\ttarget.tagName &&\n\t\t\t\t[\"button\", \"input\", \"select\", \"textarea\"].indexOf(target.tagName.toLowerCase()) > -1 &&\n\t\t\t\ttarget.hasAttribute(\"disabled\")\n\t\t\t) {\n\t\t\t\t// Remove things that have previously fired\n\t\t\t\ttoFire = [];\n\t\t\t}\n\t\t\t// Check for match and fire\n\t\t\t// the event if there's one\n\t\t\t//\n\t\t\t// TODO:MCG:20120117: Need a way\n\t\t\t// to check if event#stopImmediatePropagation\n\t\t\t// was called. If so, break both loops.\n\t\t\telse if (listener.matcher.call(target, listener.matcherParam, target)) {\n\t\t\t\ttoFire.push([event, target, listener]);\n\t\t\t}\n\t\t}\n\n\t\t// TODO:MCG:20120117: Need a way to\n\t\t// check if event#stopPropagation\n\t\t// was called. If so, break looping\n\t\t// through the DOM. Stop if the\n\t\t// delegation root has been reached\n\t\tif (target === root) {\n\t\t\tbreak;\n\t\t}\n\n\t\tl = listenerList.length;\n\n\t\t// Fall back to parentNode since SVG children have no parentElement in IE\n\t\ttarget = target.parentElement \|\| target.parentNode;\n\n\t\t// Do not traverse up to document root when using parentNode, though\n\t\tif (target instanceof HTMLDocument) {\n\t\t\tbreak;\n\t\t}\n\t}\n\n\tlet ret;\n\n\tfor (i = 0; i < toFire.length; i++) {\n\t\t// Has it been removed during while the event function was fired\n\t\tif (this._removedListeners.indexOf(toFire[i][2]) > -1) {\n\t\t\tcontinue;\n\t\t}\n\t\treturned = this.fire.apply(this, toFire[i]);\n\n\t\t// Stop propagation to subsequent\n\t\t// callbacks if the callback returned\n\t\t// false\n\t\tif (returned === false) {\n\t\t\ttoFire[i][0][eventIgnore] = true;\n\t\t\ttoFire[i][0].preventDefault();\n\t\t\tret = false;\n\t\t\tbreak;\n\t\t}\n\t}\n\n\treturn ret;\n};\n\n/\n Fire a listener on a target.\n \n @param {Event} event\n * @param {Node} target\n * @param {Object} listener\n * @returns {boolean}\n /\nDelegate.prototype.fire = function (event, target, listener) {\n\treturn listener.handler.call(target, event, target);\n};\n\n/\n Check whether an element\n * matches a tag selector.\n \n Tags are NOT case-sensitive,\n * except in XML (and XML-based\n * languages such as XHTML).\n \n @param {string} tagName The tag name to test against\n * @param {Element} element The element to test with\n * @returns boolean\n /\nfunction matchesTag(tagName, element) {\n\treturn tagName.toLowerCase() === element.tagName.toLowerCase();\n}\n\n/\n Check whether an element\n * matches the root.\n \n @param {?String} selector In this case this is always passed through as null and not used\n * @param {Element} element The element to test with\n * @returns boolean\n /\nfunction matchesRoot(selector, element) {\n\tif (this.rootElement === window) {\n\t\treturn (\n\t\t\t// Match the outer document (dispatched from document)\n\t\t\telement === document \|\|\n\t\t\t// The <html> element (dispatched from document.body or document.documentElement)\n\t\t\telement === document.documentElement \|\|\n\t\t\t// Or the window itself (dispatched from window)\n\t\t\telement === window\n\t\t);\n\t}\n\treturn this.rootElement === element;\n}\n\n/\n Check whether the ID of\n * the element in 'this'\n * matches the given ID.\n \n IDs are case-sensitive.\n \n @param {string} id The ID to test against\n * @param {Element} element The element to test with\n * @returns boolean\n /\nfunction matchesId(id, element) {\n\treturn id === element.id;\n}\n\n/\n Short hand for off()\n * and root(), ie both\n * with no parameters\n \n @return void\n /\nDelegate.prototype.destroy = function () {\n\tthis.off();\n\tthis.root();\n};\n\nexport default Delegate;\n","/\n Shared 'internal' scope.\n /\nimport {get} from './core/settings.js';\n\n/\n CUID Generator\n /\nimport {api as cuid} from '../libs/browser-cuid.js';\n\n/\n Record of callbacks to call when a page is tracked.\n /\nconst page_callbacks = [];\n\n/\n Log messages to the browser console. Requires 'log' to be set on init.\n \n @param {} args items to log\n @returns {void}\n /\nfunction log(...args) {\n\tif (get('config').test && window.console) {\n\t\tfor (const arg of args) {\n\t\t\twindow.console.log(arg);\n\t\t}\n\t}\n}\n\n/\n Creates a logging function that logs messages to the console with a specified namespace.\n \n @function namedLog\n * @param {string} namespace - The namespace to be prefixed to each log message.\n * @returns {function} A function that logs messages to the console with the given namespace if the configuration allows.\n \n @example\n * const log = namedLog('MyNamespace');\n * log('This is a message'); \n * // Output: [MyNamespace]: This is a message\n /\nfunction namedLog(namespace) {\n\treturn function(...args) {\n\t\tif(get('config').test && window.console) {\n\t\t\twindow.console.log(`%c[${namespace}]:`, 'color: teal', ...args)\n\t\t}\n\t}\n}\n\n/\n Tests if variable is a certain type. Defaults to check for undefined if no type specified.\n \n @param {} variable - The variable to check.\n @param {string=} type - The type to test for. Defaults to undefined.\n \n @returns {boolean} - The answer for if the variable is of type.\n /\nfunction is(variable, type = 'undefined') {\n\treturn typeof variable === type;\n}\n\n/\n Merge objects together. Will remove undefined and null values.\n \n @param {object} target - The original object to merge in to.\n * @param {object} options - The object to merge into the target. If omitted, will merge target into a new empty Object.\n \n @returns {object} The merged object.\n /\nfunction merge(target, options) {\n\tif (!options) {\n\t\toptions = target;\n\t\ttarget = {};\n\t}\n\n\tlet name;\n\tlet src;\n\tlet copy;\n\n\t/ jshint -W089 /\n\t/ eslint guard-for-in: 0 /\n\tfor (name in options) {\n\t\tsrc = target[name];\n\t\tcopy = options[name];\n\n\t\t// Prevent never-ending loop\n\t\tif (target === copy) {\n\t\t\tcontinue;\n\t\t}\n\n\t\t// Gets rid of missing values too\n\t\tif (typeof copy !== 'undefined' && copy !== null) {\n\t\t\ttarget[name] = src === Object(src) && !is(src, 'function') ? merge(src, copy) : copy;\n\t\t}\n\t}\n\t/ jshint +W089 /\n\t/ jslint forin:true /\n\n\treturn target;\n}\n\n/\n URL encode a string.\n \n @param {string} str - The string to be encoded.\n * @returns {string} The encoded string.\n /\nfunction encode(str) {\n\tif (window.encodeURIComponent) {\n\t\treturn window.encodeURIComponent(str);\n\t} else {\n\t\treturn window.escape(str);\n\t}\n}\n\n/\n URL decode a string.\n \n @param {string} str - The string to be decoded.\n * @returns {string} The decoded string.\n /\nfunction decode(str) {\n\tif (window.decodeURIComponent) {\n\t\treturn window.decodeURIComponent(str);\n\t} else {\n\t\treturn window.unescape(str);\n\t}\n}\n\n/\n Utility to add event listeners.\n \n @param {Element} element\n * @param {string} event\n * @param {EventListenerOrEventListenerObject} listener\n * @returns {void}\n /\nfunction addEvent(element, event, listener) {\n\tif (element.addEventListener) {\n\t\telement.addEventListener(event, listener, false);\n\t} else {\n\t\telement.attachEvent('on' + event, listener);\n\t}\n}\n\n/\n Utility for dispatching custom events from window\n \n @param {string} namespace\n * @param {string} eventType\n * @param {object} detail\n * @returns {void}\n /\nfunction broadcast(namespace, eventType, detail) {\n\tdetail = detail \|\| {};\n\ttry {\n\t\twindow.dispatchEvent(new CustomEvent(namespace + '.' + eventType, {\n\t\t\tdetail: detail,\n\t\t\tbubbles: true\n\t\t}));\n\t} catch (error) {\n\t\t// empty\n\t}\n}\n\n/\n Listen for page tracking requests.\n \n @param {Function} cb - The callback to be called whenever a page is tracked.\n * @returns {void}\n /\nfunction onPage(cb) {\n\tif (is(cb, 'function') && !page_callbacks.includes(cb)) {\n\t\tpage_callbacks.push(cb);\n\t}\n}\n\n/\n Trigger the 'page' listeners.\n \n @returns {void}\n /\nfunction triggerPage() {\n\tfor (let i = 0; i < page_callbacks.length; i++) {\n\t\tpage_callbacks[i]();\n\t}\n}\n\n/\n Get a value from document.cookie matching the first match of the regexp you supply\n \n @param {RegExp} matcher - The Regex to match with\n * @returns {string} - The vale from the cookie\n /\nfunction getValueFromCookie(matcher) {\n\treturn document.cookie.match(matcher) && RegExp.$1 !== '' && RegExp.$1 !== 'null' ? RegExp.$1 : null;\n}\n\n/\n Filter an object to only have the properties which are listed in the `allowlist` parameter.\n \n @param {object} objectToFilter - An object whose props need to be filtered\n * @param {Array} allowedPropertyNames - The list of props to allow\n * @returns {object} An object containing only the allowed props\n /\nfunction filterProperties (objectToFilter, allowedPropertyNames) {\n\tconst filteredObject = {};\n\tfor (const allowedName of allowedPropertyNames) {\n\t\tif (objectToFilter[allowedName]) {\n\t\t\tfilteredObject[allowedName] = objectToFilter[allowedName];\n\t\t}\n\t}\n\treturn filteredObject;\n}\n\n/\n Trim strings\n \n @param {string} str - The string to trim.\n * @returns {string} The trimmed string.\n /\nfunction sanitise (str) {\n\treturn typeof str === 'string' ? str.trim() : str;\n}\n\n/\n Assign the subject value if the target properties are undefined\n \n @param {object} subject - assign the value\n * @param {object} target - be assigned the value\n * @returns {void}\n /\nfunction assignIfUndefined (subject, target) {\n\tfor (const prop in subject) {\n\t\tif (!target[prop]) {\n\t\t\ttarget[prop] = subject[prop];\n\t\t} else {\n\t\t\t// eslint-disable-next-line no-console\n\t\t\tconsole.warn(`You can't set a custom property called ${prop}`);\n\t\t}\n\t}\n}\n\n\n/\n Identify circular references in 'object', and replace them with a string representation\n * of the reference. Returns a succesfully serialised JSON string, and a list of circular\n * references which were removed.\n * \n * Inspired by https://github.com/sindresorhus/safe-stringify and \n * https://github.com/sindresorhus/decircular\n \n @param {} object The object we want to stringify, and search within for circular references\n @returns {Object: {jsonString: string, warnings: array}} The stringified object, and a warnings for each circular reference which was removed\n /\nfunction removeCircularReferences(object) {\n\n\t// WeakMaps release memory when all references are garbage-collected\n\tconst circularReferences = new WeakMap();\n\tconst paths = new WeakMap();\n\n\tconst warnings = [];\n\n\tfunction getPathFragment(parent, key) {\n\t\tif (!key) {\n\t\t\treturn '$';\n\t\t}\n\n\t\tif (Array.isArray(parent)) {\n\t\t\treturn `[${key}]`;\n\t\t}\n\n\t\treturn `.${key}`;\n\t}\n\n\tfunction formatCircularReferencesWarning(references) {\n\t\tconst paths = references.map(path => '`' + path.join('') + '`');\n\t\treturn 'Circular reference between ' + paths.join(' AND ');\n\t}\n\n\tfunction replacer(key, value) {\n\t\t// Scalars don't need to be inspected as they can't contain circular references\n\t\tif (!(value !== null && typeof value === 'object')) {\n\t\t\treturn value\n\t\t}\n\n\t\t// Record the path from the root ($) to the current object (value)\n\t\t// in order to print helpful circular reference warnings.\n\t\tconst path = [...paths.get(this) \|\| [], getPathFragment(this, key)];\n\t\tpaths.set(value, path);\n\n\t\t// If a reference to the current value is already in the list, we have\n\t\t// a circular reference. Add the current value to the list along with its path,\n\t\t// and return a useful error string rather than the unserialisable value.\n\t\tif (circularReferences.has(value)) {\n\t\t\tconst references = [...circularReferences.get(value), path];\n\t\t\tcircularReferences.set(value, references);\n\t\t\tconst warning = formatCircularReferencesWarning(references);\n\t\t\twarnings.push(warning);\n\t\t\treturn warning;\n\t\t}\n\n\t\t// This is the first time we've seen the current value in this branch \n\t\t// of the object. Record its path from the object root.\n\t\tcircularReferences.set(value, [path]);\n\n\t\t// Recurse into the value to proactively find circular references\n\t\t// before encountering a loop.\n\t\tconst newValue = Array.isArray(value) ? [] : {};\n\t\tfor (const [k, v] of Object.entries(value)) {\n\t\t\tnewValue[k] = replacer.call(value, k, v);\n\t\t}\n\n\t\t// All circular references to this object will have been identified,\n\t\t// so remove it from the list.\n\t\tcircularReferences.delete(value);\n\n\t\t// This branch of the object can now be safely serialised to a JSON string\n\t\treturn newValue;\n\t}\n\n\tconst jsonString = JSON.stringify(object, replacer);\n\treturn {jsonString, warnings};\n}\n\n\n/\n Stringify an object to JSON, removing any circular references. When circular references\n * are found, an error is thrown in a new event loop so that global error handlers can report it.\n \n @param {} object The object we want to stringify, and search within for circular references\n @returns {string} The safely stringified JSON string\n /\nfunction safelyStringifyJson(object) {\n\n\t// JSON.stringify throws on two cases:\n\t// - value contains a circular reference\n\t// - A BigInt value is encountered\n\t// Circular references are a real possibility in the way o-tracking is called (and saves a queue of \n\t// messages in a store), so we need to handle those gracefully.\n\t// \n\t// However, for performance reasons, we always attempt to do a basic JSON.stringify() first. The \n\t// recursion involved in removeCircularReferences() makes it about 20x slower to stringify a basic payload. \n\t// This performance hit will be exacerbated on slow devices (e.g. old Android phones) with lots of queued offline events.\n\ttry {\n\t\treturn JSON.stringify(object);\n\n\t// NB: error is discarded - we have more work to do in order to throw a useful message\n\t} catch (error) {\n\t\n\t\tconst {jsonString, warnings} = removeCircularReferences(object);\n\t\n\t\tif (warnings.length) {\n\t\t\t// Throw in a new event loop, as we always want to return JSON so the tracking payload is sent\n\t\t\tsetTimeout(() => {\n\t\t\t\tconst errorMessage = \"AssertionError: o-tracking does not support circular references in the analytics data.\\n\" +\n\t\t\t\t\"Please remove the circular references in the data.\\n\" +\n\t\t\t\t\"Here are the paths in the data which are circular:\\n\" +\n\t\t\t\twarnings.join('\\n');\n\t\t\t\tthrow new Error(errorMessage);\n\t\t\t});\n\t\t}\n\t\n\t\treturn jsonString;\n\t}\n\n\n};\n\n/\n Find out whether two objects are deeply equal to each other.\n \n @param {} a\n @param {} b\n @returns {boolean} - true if the two arguments are deeply equal\n /\nfunction isDeepEqual(a, b) {\n\tif (a === b) {\n\t\treturn true;\n\t}\n\n\tif (\n\t\ta &&\n\t\tb &&\n\t\ttypeof a === \"object\" &&\n\t\ttypeof b === \"object\"\n\t) {\n\t\tif (a.constructor !== b.constructor) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (Array.isArray(a)) {\n\t\t\tconst length = a.length;\n\t\t\tif (length !== b.length) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tfor (let i = length; i-- !== 0; ) {\n\t\t\t\tif (!isDeepEqual(a[i], b[i])) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn true;\n\t\t}\n\n\t\tif (a.constructor === RegExp) {\n\t\t\treturn (\n\t\t\t\ta.source === b.source && a.flags === b.flags\n\t\t\t);\n\t\t}\n\t\tif (a.valueOf !== Object.prototype.valueOf) {\n\t\t\treturn a.valueOf() === b.valueOf();\n\t\t}\n\t\tif (a.toString !== Object.prototype.toString) {\n\t\t\treturn a.toString() === b.toString();\n\t\t}\n\n\t\tconst keys = Object.keys(a);\n\t\tconst length = keys.length;\n\t\tif (length !== Object.keys(b).length) {\n\t\t\treturn false;\n\t\t}\n\n\t\tfor (let i = length; i-- !== 0; ) {\n\t\t\tif (!Object.prototype.hasOwnProperty.call(b, keys[i])) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\tfor (let i = length; i-- !== 0; ) {\n\t\t\tconst key = keys[i];\n\n\t\t\tif (!isDeepEqual(a[key], b[key])) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n}\n\nexport {\n\tlog,\n\tnamedLog,\n\tis,\n\tis as isUndefined,\n\tmerge,\n\tencode,\n\tdecode,\n\tcuid as guid,\n\taddEvent,\n\tbroadcast,\n\tonPage,\n\ttriggerPage,\n\tgetValueFromCookie,\n\tsanitise,\n\tassignIfUndefined,\n\tfilterProperties,\n\tremoveCircularReferences,\n\tsafelyStringifyJson,\n\tisDeepEqual\n};\n","export const LogLevel = Object.freeze({\n DEBUG: 0,\n INFO: 1,\n WARN: 2,\n ERROR: 3,\n TEST: 4,\n DEFAULT: 2,\n});\n\nexport function convertStringLogLevel(value: string \| null) {\n const level = value?.toLowerCase();\n\n if (level === \"debug\") {\n return LogLevel.DEBUG;\n }\n\n if (level === \"info\") {\n return LogLevel.INFO;\n }\n\n if (level === \"warn\") {\n return LogLevel.WARN;\n }\n\n if (level === \"error\") {\n return LogLevel.ERROR;\n }\n\n if (level === \"test\") {\n return LogLevel.TEST;\n }\n\n return LogLevel.DEFAULT;\n}\n\nexport class Logger {\n level: number;\n constructor(\n { level = LogLevel.DEFAULT }: { level: number } = {\n level: LogLevel.DEFAULT,\n }\n ) {\n this.level = level;\n }\n\n debug(...args: any[]) {\n if (this.level <= LogLevel.DEBUG) {\n console.info(...args);\n }\n }\n\n log = this.debug;\n\n info(...args: any[]) {\n if (this.level <= LogLevel.INFO) {\n console.info(...args);\n }\n }\n\n warn(...args: any[]) {\n if (this.level <= LogLevel.WARN) {\n console.warn(...args);\n }\n }\n\n error(...args: any[]) {\n if (this.level <= LogLevel.ERROR) {\n console.error(...args);\n }\n }\n}\n","// Trace the element and all of its parents, collecting properties as we go\nimport {\n sanitise,\n assignIfUndefined,\n} from \"@financial-times/o-tracking/src/javascript/utils\";\n\ntype PropMap = { [k: string]: any };\n// For a given container element, get the number of elements that match the\n// original element (siblings); and the index of the original element (position).\nconst getSiblingsAndPosition = (\n el: Element \| null,\n originalEl: Element,\n selector: string\n) => {\n const siblings = Array.from(el?.querySelectorAll(selector) ?? []);\n const position = siblings.findIndex((item) => item === originalEl);\n if (position === -1) {\n return;\n }\n return {\n siblings: siblings.length,\n position,\n };\n};\n\nconst elementPropertiesToCollect = [\n \"nodeName\",\n \"className\",\n \"id\",\n \"href\",\n \"text\",\n \"role\",\n];\n// Get all (sanitised) properties of a given element.\nconst getAllElementProperties = (element: any) => {\n const properties: PropMap = {};\n for (const property of elementPropertiesToCollect) {\n const value =\n element[property] \|\|\n element.getAttribute(property) \|\|\n element.hasAttribute(property);\n if (value !== undefined) {\n if (typeof value === \"boolean\") {\n properties[property] = value;\n } else {\n properties[property] = sanitise(value);\n }\n }\n }\n\n return properties;\n};\n\nconst parseRawValue = (rawValue: string) => {\n try {\n const parsedValue = JSON.parse(rawValue);\n const type = Object.prototype.toString.call(parsedValue);\n const isJSON = type === \"[object Object]\" \|\| type === \"[object Array]\";\n\n return [isJSON, parsedValue];\n } catch (error) {\n return [false, null];\n }\n};\n\nconst getAttributeValue = (rawValue: string) => {\n const [isJSON, value] = parseRawValue(rawValue);\n\n return isJSON ? value : rawValue;\n};\n\n// Get some properties of a given element.\nconst getDomPathProps = (attrs: Attr[], props: PropMap) => {\n // Collect any attribute that matches given strings.\n attrs\n .filter((attribute) =>\n attribute.name.match(/^data-trackable\|^data-o-\|^aria-/i)\n )\n .forEach((attribute) => {\n props[attribute.name] = attribute.value;\n });\n\n return props;\n};\n\n// Get only the custom data-trackable-context-? properties of a given element\nconst getContextProps = (\n attrs: Attr[],\n props: PropMap,\n isOriginalEl: boolean\n) => {\n const customProps: { [k: string]: any } = {};\n\n // for the original element collect properties like className, nodeName\n if (isOriginalEl) {\n elementPropertiesToCollect.forEach((name) => {\n if (typeof props[name] !== \"undefined\" && name !== \"id\") {\n customProps[name] = props[name];\n }\n });\n }\n\n // Collect any attribute that matches given strings.\n attrs\n .filter((attribute) => attribute.name.match(/^data-trackable-context-/i))\n .forEach((attribute) => {\n customProps[attribute.name.replace(\"data-trackable-context-\", \"\")] =\n getAttributeValue(attribute.value);\n });\n\n return customProps;\n};\n\nexport function getTrace(el: Element, rootEl: Element) {\n const originalEl = el;\n const selector = originalEl?.getAttribute(\"data-trackable\")\n ? `[data-trackable=\"${originalEl.getAttribute(\"data-trackable\")}\"]`\n : originalEl?.nodeName;\n const trace = [];\n const customContext = {};\n while (el && el !== rootEl) {\n const props = getAllElementProperties(el);\n const attrs = Array.from(el.attributes);\n let domPathProps = getDomPathProps(attrs, props);\n\n // If the element happens to have a data-trackable attribute, get the siblings\n // and position of the element (relative to the current element).\n if (domPathProps[\"data-trackable\"]) {\n domPathProps = Object.assign(\n domPathProps,\n getSiblingsAndPosition(el, originalEl, selector)\n );\n }\n\n trace.push(domPathProps);\n\n const contextProps = getContextProps(attrs, props, el === originalEl);\n\n assignIfUndefined(contextProps, customContext);\n\n el = el.parentNode as Element;\n }\n return { trace, customContext };\n}\n","import Delegate from \"ftdomdelegate/main\";\n\nimport {\n sanitise,\n assignIfUndefined,\n} from \"@financial-times/o-tracking/src/javascript/utils\";\nimport { Logger } from \"./logger\";\nimport { getTrace } from \"./get-trace\";\n\nconst eventPropertiesToCollect = [\"ctrlKey\", \"altKey\", \"shiftKey\", \"metaKey\"];\n\nclass Tracking {\n cccId: string;\n cccName: string;\n subtype: string;\n teamName: string;\n shadowRoot: ShadowRoot \| null;\n category: string;\n elements: string \| string[];\n isInitialised: boolean;\n log: Logger;\n\n constructor({\n id = \"00000000-0000-0000-0000-000000000000\",\n name = \"ccc-component\",\n subtype = \"interactive\",\n teamName = \"djd\",\n shadowRoot = null,\n category = \"cta\",\n elements = 'a, button, input, [role=\"button\"]',\n logger,\n }: {\n id?: string;\n name: string;\n subtype: string;\n teamName?: string;\n shadowRoot: ShadowRoot \| null;\n category?: string;\n elements?: string \| string[];\n logger: Logger;\n }) {\n this.cccId = id;\n this.cccName = name;\n this.subtype = subtype;\n this.teamName = teamName;\n this.shadowRoot = shadowRoot;\n this.category = category;\n this.elements = elements;\n this.isInitialised = false;\n this.log = logger ?? new Logger();\n }\n\n // Get properties for the event (as opposed to properties of the clicked element)\n getEventProperties(event: any) {\n const eventProperties: { [k: string]: any } = {};\n for (const property of eventPropertiesToCollect) {\n if (event[property]) {\n try {\n eventProperties[property] = sanitise(event[property]);\n } catch (e) {\n this.log.info(e);\n }\n }\n }\n return eventProperties;\n }\n\n // Controller for handling click events\n handleClickEvent(\n eventData: { action: string; category: string },\n root: Element\n ) {\n return (clickEvent: Event, clickElement: HTMLElement) => {\n const context: any = this.getEventProperties(clickEvent);\n const { trace, customContext } = getTrace(clickElement, root);\n context.custom =\n clickElement.dataset && clickElement.dataset.custom\n ? JSON.parse(clickElement.dataset.custom)\n : null;\n context.domPathTokens = trace;\n context.component = {\n id: this.cccId,\n name: this.cccName,\n type: \"custom-code-component\",\n subtype: this.subtype,\n };\n context.teamName = this.teamName;\n context.url = document.URL;\n\n assignIfUndefined(customContext, context);\n\n context.method = \"ftCustomAnalytics\";\n eventData = { ...eventData, ...context };\n\n // send spoor event\n document.body.dispatchEvent(\n new CustomEvent(\"oTracking.event\", {\n detail: eventData,\n bubbles: true,\n composed: true,\n })\n );\n };\n }\n\n sendSpoorEvent(triggerAction: any, extraDetail: any) {\n const eventData = {\n category: \"component\",\n action: \"act\",\n component: {\n id: this.cccId,\n name: this.cccName,\n type: \"custom-code-component\",\n subtype: this.subtype,\n },\n teamName: this.teamName,\n trigger_action: triggerAction,\n custom: extraDetail,\n method: \"ftCustomAnalytics\",\n };\n\n // send spoor event\n document.body.dispatchEvent(\n new CustomEvent(\"oTracking.event\", {\n detail: eventData,\n bubbles: true,\n composed: true,\n })\n );\n }\n\n init(id: string) {\n if (!this.isInitialised) {\n this.isInitialised = true;\n this.cccId = id ? id : this.cccId;\n\n const eventData = {\n action: \"click\",\n category: this.category,\n };\n\n const root = this.shadowRoot?.querySelector(\"[data-component-root]\");\n\n if (root) {\n const shadowDelegate = new Delegate(root);\n shadowDelegate.on(\n \"click\",\n this.elements,\n this.handleClickEvent(eventData, root),\n true\n );\n }\n }\n }\n}\n\nexport default Tracking;\n","import { CCCError } from \"./errors\";\n\nexport type ComponentPathType = {\n org: string;\n repo: string;\n name: string;\n versionRange: string;\n};\nexport class ComponentPath {\n org: string = \"local\";\n repo: string = \"dev\";\n name: string;\n versionRange: string;\n\n constructor(path?: ComponentPathType \| string) {\n const { org, repo, name, versionRange } = isValidComponentPathObject(path)\n ? path\n : ComponentPath.fromString(path);\n if (org) this.org = org;\n if (repo) this.repo = repo;\n this.name = name;\n this.versionRange = versionRange;\n }\n\n set path(path: ComponentPathType \| string) {\n const { org, repo, name, versionRange } = isValidComponentPathObject(path)\n ? path\n : ComponentPath.fromString(path);\n this.org = org;\n this.repo = repo;\n this.name = name;\n this.versionRange = versionRange;\n }\n\n get path(): string {\n return `${this.org}/${this.repo}@${this.versionRange}/${this.name}`;\n }\n\n get isValid(): boolean {\n return [this.org, this.repo, this.name].every(\n (value) => value !== \"unknown\"\n );\n }\n\n toString(): string {\n return this.path;\n }\n\n static fromString(p?: string \| null, v?: string \| null): ComponentPath {\n const path = p ?? \"unknown/unknown/unknown\";\n\n const [name, repo, org] = path\n .replace(/@[^\\/]+/, \"\")\n .split(\"/\")\n .reverse();\n\n const versionRange =\n v ??\n path\n .match(/@[^\\/]+/)\n ?.toString()\n .replace(\"@\", \"\") ??\n \"unknown\";\n\n if (repo && !versionRange) throw new CCCError(\"No version specified\");\n\n return new ComponentPath({ org, repo, name, versionRange });\n }\n}\n\nexport type DetailType = {\n component: ComponentPath;\n source?: string;\n cause?: string;\n error?: Error;\n};\n\nexport function isValidComponentPathObject(\n value: unknown\n): value is ComponentPathType {\n if (typeof value === \"object\" && value !== null) {\n return \"org\" in value && \"repo\" in value && \"name\" in value;\n }\n\n return false;\n}\n","/\n This is the base CCC component error class. These are raised when the component being loaded errors\n /\n\nimport { ComponentPath, DetailType, isValidComponentPathObject } from \"./path\";\n\nexport class CCCError extends Error {\n component: ComponentPath \| null;\n source?: string;\n errors?: Error[];\n constructor(message: string \| null, detail?: DetailType) {\n if (!detail && message) {\n super(message);\n this.component = null;\n } else if (typeof detail?.component === \"string\") {\n super(\n message ??\n `${detail.cause ?? \"Unknown error\"} in ${detail.component} imported from ${detail.source ?? \"an undefined source\"}.`\n );\n\n this.component = ComponentPath.fromString(detail.component);\n } else if (isValidComponentPathObject(detail?.component)) {\n super(\n message ??\n `${detail.cause ?? \"Unknown error\"} in ${detail.component.org}/${detail.component.repo}/${detail.component.name}@${detail.component.versionRange} imported from ${detail.source ?? \"an undefined source\"}.`\n );\n this.component = new ComponentPath(detail.component);\n } else {\n super(\n `${detail?.cause ?? \"Unknown error\"} in unknown component imported from ${detail?.source ?? \"unknown source\"}.`\n );\n this.component = null;\n }\n\n this.source = detail?.source ?? \"unknown source\";\n this.errors = [];\n if (detail?.error) {\n this.errors?.push(detail?.error);\n }\n if (Error.captureStackTrace) {\n // Maintains proper stack trace for where our error was thrown (only available on V8)\n Error.captureStackTrace(this, CCCError);\n }\n\n this.name = \"CCCError\";\n }\n}\n\n/\n This class is used to raise errors that occur during the import of the CCC component app\n /\nexport class CCCImportError extends CCCError {\n constructor(message: string, detail: DetailType) {\n super(message, { ...detail, cause: \"Import error\" });\n this.name = \"CCCImportError\";\n }\n}\n\n/\n This class is used to raise errors that occur during the rendering of the CCC component app\n /\nexport class CCCRenderError extends CCCError {\n constructor(message: string, detail: DetailType) {\n super(message, { ...detail, cause: \"Render error\" });\n this.name = \"CCCRenderError\";\n }\n}\n\n/\n This class is used to raise errors that occur as a result of the CCC component app timing out\n /\nexport class CCCTimeoutError extends CCCError {\n constructor(detail: DetailType) {\n super(null, { ...detail, cause: \"Timeout error\" });\n this.name = \"CCCTimeoutError\";\n }\n}\n","import { ComponentPath } from \"./path\";\n\nexport class CCCEvent extends Event {\n component: ComponentPath;\n source?: string;\n static eventType = \"ccc:event\";\n\n constructor(\n eventType: string = CCCEvent.eventType,\n detail: { component: ComponentPath; source?: string },\n opts?: EventInit\n ) {\n super(eventType, {\n bubbles: true,\n cancelable: false,\n composed: true,\n ...opts,\n });\n this.component = detail.component;\n this.source = detail.source;\n }\n}\n\nexport class CCCConnectedEvent extends CCCEvent {\n static eventType = \"ccc:connected\";\n\n constructor(\n detail: { component: ComponentPath; source?: string },\n opts?: EventInit\n ) {\n super(CCCConnectedEvent.eventType, detail, opts);\n }\n}\n\nexport class CCCReadyEvent extends CCCEvent {\n static eventType = \"ccc:ready\";\n\n constructor(\n detail: { component: ComponentPath; source?: string },\n opts?: EventInit\n ) {\n super(CCCReadyEvent.eventType, detail, opts);\n }\n}\n\nexport class CCCViewportEvent extends CCCEvent {\n static eventType = \"ccc:viewport\";\n intersecting = false;\n entry?: IntersectionObserverEntry;\n\n constructor(\n detail: {\n component: ComponentPath;\n source?: string;\n intersecting: boolean;\n entry?: IntersectionObserverEntry;\n },\n opts?: EventInit\n ) {\n super(CCCViewportEvent.eventType, detail, opts);\n this.intersecting = detail.intersecting;\n this.entry = detail.entry;\n }\n}\n","/\n Used to convert camelCase to kebab-case\n * @param str\n * @returns\n /\nexport const kebabize = (str: string) =>\n str.replace(\n /[A-Z]+(?![a-z])\|[A-Z]/g,\n ($, ofs) => (ofs ? \"-\" : \"\") + $.toLowerCase()\n );\n\n/\n Checks if the provided host is part of the allowed test environments.\n \n @param host - The hostname to check.\n * @returns True if the hostname is a safe test environment, false otherwise.\n /\nexport function isSafeTestEnv(host: string \| undefined) {\n return isAllowed([\n 'localhost',\n 'local.ft.com',\n /^.\\.apps\\.in\\.ft\\.com$/,\n ], host);\n}\n\n/*\n Checks if the current window location hostname is considered a local environment.\n \n @returns True if the hostname is local, false otherwise.\n /\nexport function isLocalEnv() {\n return isAllowed([\n 'localhost',\n 'local.ft.com',\n /^.\\.in\\.ft\\.com$/,\n ], window.location.hostname);\n}\n\n/*\n Checks if the current window location host is one of the Spark environments.\n \n @returns True if the host is spark.ft.com or spark-staging.ft.com, false otherwise.\n /\nexport function isSparkEnv() {\n return isAllowed([\n 'spark.ft.com',\n 'spark-staging.ft.com',\n ], window.location.host);\n}\n\n/\n Checks if the given hostname is in the provided allowlist.\n \n @param allowlist - A list of allowed hostnames or RegExp matchers.\n * @param hostname - The hostname to validate.\n * @returns True if the hostname matches any item in the allowlist, false otherwise.\n /\nexport function isAllowed(allowlist: (string\|RegExp)[], hostname: string \| undefined) {\n if (!hostname) return false;\n return allowlist.some(item => {\n if (typeof item === 'string') {\n return item === hostname;\n }\n return item.test(hostname);\n });\n} \n","import { isLocalEnv, isSafeTestEnv, isSparkEnv } from \"./util\";\n\n/\n Assigns a test URL based on the provided testEnv value.\n \n @param testEnv - A string indicating test environment setting\n * @returns A `URL` object if valid and safe, or `undefined` if invalid.\n /\nexport function assignTestURL(testEnv: string \| null): URL \| undefined {\n if (testEnv === null) {\n return;\n }\n\n let testUrl;\n const defaultTestUrl = new URL(\"http://localhost:5173\");\n\n try {\n if (typeof testEnv === \"string\") {\n if (\n (testEnv === \"\" \|\| testEnv.toLowerCase() === \"true\") &&\n isLocalEnv()\n ) {\n testUrl = defaultTestUrl;\n } else {\n const hasProtocol =\n testEnv.startsWith(\"http://\") \|\| testEnv.startsWith(\"https://\");\n testUrl = hasProtocol ? new URL(testEnv) : undefined;\n\n // Prevent script injection\n if (testUrl && !isSafeTestEnv(testUrl?.hostname)) {\n throw new Error(\"Unsafe testing host override\");\n }\n }\n } else if (isSparkEnv()) {\n testUrl = defaultTestUrl;\n }\n } catch (_) {\n return testUrl;\n }\n\n return testUrl;\n}\n\n/\n Checks whether the given test component exists on local dev server\n \n @param testUrl - The test environment URL to check.\n * @returns A promise that resolves to true if Vite is running, false otherwise.\n /\nexport async function useComponentTestEnv(\n componentName: string,\n testUrl?: URL\n): Promise<boolean> {\n if (!testUrl) {\n return false;\n }\n\n const localDevOnline = fetch(\n new URL(`src/${componentName}/config.yaml`, testUrl),\n {\n method: \"HEAD\",\n }\n )\n .then(() => true)\n .catch(() => false);\n\n return localDevOnline;\n}\n","/\n @file\n * Main component definition for custom-code-component\n /\n\nimport type { ContentTree } from \"@financial-times/content-tree\";\nimport { BaseRenderer } from \"../../ccc-sdk/src/renderers/BaseRenderer\";\nimport Tracking from \"./tracking\";\nimport { convertStringLogLevel, Logger } from \"./logger\";\nimport {\n CCCError,\n CCCImportError,\n CCCRenderError,\n CCCTimeoutError,\n} from \"./errors\";\nimport { CCCConnectedEvent, CCCReadyEvent, CCCViewportEvent } from \"./events\";\nimport { ComponentPath } from \"./path\";\nimport { kebabize } from \"./util\";\nimport { assignTestURL, useComponentTestEnv } from \"./environment\";\nimport styles from \"./custom-code-component.css?inline\";\n\nexport class FTCustomCodeComponent extends HTMLElement {\n app?: typeof BaseRenderer.prototype.render;\n mode: \"closed\" \| \"open\" = \"open\";\n RESERVED_ATTRS = new Set([\n \"iframe\",\n \"path\",\n \"version\",\n \"data-component-props\",\n \"data-asset-type\",\n \"shadow-open\",\n \"env\",\n \"load-timeout\",\n ]);\n\n source?: string;\n tracking?: Tracking;\n testUrl?: URL;\n component = new ComponentPath();\n\n log: Logger;\n\n observer = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n this.dispatchEvent(\n new CCCViewportEvent({\n component: this.component,\n source: this.source,\n intersecting: entry.isIntersecting,\n entry,\n })\n );\n });\n });\n\n constructor() {\n console.debug('CCC: constructor called')\n super();\n this.log = new Logger({\n level: convertStringLogLevel(this.getAttribute(\"log\")),\n });\n\n const supportsDeclarative =\n HTMLElement.prototype.hasOwnProperty(\"attachInternals\");\n\n try {\n const internals = supportsDeclarative && this.attachInternals();\n } catch (e) {\n this.log.error(e);\n }\n }\n\n async connectedCallback() {\n console.debug('CCC: connectedCallback() 1 dataset:', this.dataset)\n\n if (this.dataset?.cccReady === 'true') {\n return;\n }\n try {\n const path = this.getAttribute(\"path\");\n const versionRange = this.getAttribute(\"version\");\n console.debug('CCC: before load connectedCallback() 2', { path, versionRange })\n this.component = ComponentPath.fromString(path, versionRange);\n\n this.app = await this.load();\n console.debug('CCC: after load connectedCallback() 3', { path, versionRange })\n \n await this.mount();\n await this.initTracking();\n } catch (e) {\n if (e instanceof Error) {\n requestAnimationFrame(() => {\n this.emitError(e);\n });\n }\n\n this.unmount(e as Error);\n }\n }\n\n emitError(error: Error) {\n console.debug(\"CCC: ccc#emitError\", error);\n if (error instanceof CCCError) {\n this.dispatchEvent(\n new ErrorEvent(\"ccc:error\", {\n bubbles: true,\n cancelable: false,\n composed: true,\n error,\n message: error.message,\n })\n );\n } else {\n // Wrap original error with generic CCC error class\n const wrappedError = new CCCError(error.message, {\n component: this.component,\n error: error,\n });\n\n this.dispatchEvent(\n new ErrorEvent(\"ccc:error\", {\n bubbles: true,\n cancelable: false,\n composed: true,\n error: wrappedError,\n message: wrappedError.message,\n })\n );\n }\n }\n\n disconnectedCallback() {\n const path = this.getAttribute(\"path\");\n console.debug('CCC: disconnectedCallback() called', { path })\n this.log.info(`<custom-code-component:${path}> disconnected`);\n this.observer.disconnect();\n // this.unmount(new Error('whatever'));\n }\n\n connectedMoveCallback() {\n console.debug('CCC: connectedMoveCallback() called')\n }\n\n channel = new MessageChannel();\n\n onmessage() {}\n\n onunmount(e: Error) {\n console.debug('CCC: onunmount()', { e })\n if (e instanceof Error) {\n const renderError = new CCCRenderError(e.message, {\n error: e,\n component: this.component,\n });\n requestAnimationFrame(() => {\n this.emitError(renderError);\n this.unmount(renderError);\n });\n }\n }\n\n async onready(app: Promise<void>) {\n try {\n console.debug('CCC: onready() 1 ')\n await app;\n console.debug('CCC: onready() 2')\n this.dispatchEvent(\n new CCCReadyEvent({\n component: this.component,\n source: this.source,\n })\n );\n\n this.dataset.cccReady = \"true\";\n delete this.dataset.cccError;\n\n this.observer.observe(this);\n } catch (e) {\n if (e instanceof Error) {\n const renderError = new CCCRenderError(e.message, {\n error: e,\n component: this.component,\n });\n requestAnimationFrame(() => {\n this.emitError(renderError);\n this.unmount(renderError);\n });\n }\n }\n }\n\n postMessage(event: any) {\n this.channel.port1.postMessage(event);\n }\n\n async mount(prerendered?: ShadowRoot \| null) {\n try {\n console.debug('CCC: mount() ')\n this.mode =\n this.getAttribute(\"shadow-open\") == \"false\" ? \"closed\" : \"open\";\n if (this.component) {\n if (!this.app) {\n throw new Error(\"CCC mounted without App\");\n }\n\n const ssr = this.shadowRoot !== null;\n const shadow =\n this.shadowRoot ?? this.attachShadow({ mode: this.mode });\n\n this.dispatchEvent(\n new CCCConnectedEvent({\n component: this.component,\n source: this.source,\n })\n );\n // Add global CCC styles if not already present in shadow DOM.\n if (\n !shadow.querySelector('link[href~=\"custom-code-component.css\"]') &&\n !shadow.adoptedStyleSheets.length\n ) {\n if (!window.CCC_LAYOUT_STYLESHEET) {\n window.CCC_LAYOUT_STYLESHEET = new CSSStyleSheet();\n window.CCC_LAYOUT_STYLESHEET.replaceSync(styles);\n }\n shadow.adoptedStyleSheets = [window.CCC_LAYOUT_STYLESHEET];\n }\n\n if (!ssr) {\n const template = document.createElement(\"template\");\n template.innerHTML = \"<div data-component-root><slot></slot></div>\";\n this.appendChild(template);\n shadow.appendChild(template.content.cloneNode(true));\n }\n\n const data = JSON.parse(this.getAttribute(\"data-component-props\")!);\n\n const extraProps = Object.fromEntries(\n [...this.attributes]\n .filter(\n (attribute) =>\n !this.RESERVED_ATTRS.has(attribute.name) &&\n !attribute.name.startsWith(\"data-\")\n )\n .map((attribute) => [attribute.name, attribute.value])\n );\n\n // Create tracking instance\n this.tracking = new Tracking({\n name: this.component?.toString(),\n subtype: \"interactive\",\n teamName: \"djd\",\n shadowRoot: this.shadowRoot,\n logger: this.log,\n });\n\n if (!data && Object.keys(extraProps).length > 0) {\n this.log.warn(\n `CCC ${this.component.toString()}: passing component settings as webcomponent attributes is %cDEPRECATED`,\n \"font-weight: bold\",\n \" and will be removed in v3.\"\n );\n this.log.warn(\n `Please use the %cdata-component-props`,\n \"text-decoration: underline;\",\n \" attribute instead.\"\n );\n }\n\n const { onmessage, ready = Promise.resolve() } =\n this.app(\n shadow,\n {\n ...(data ?? extraProps),\n data: data ?? extraProps,\n port: this.channel.port2,\n tracking: this.tracking,\n prerendered: !!prerendered,\n children: this.children,\n },\n ssr,\n this.onunmount.bind(this)\n ) \|\| {};\n\n if (onmessage) this.onmessage = onmessage;\n\n this.onready(ready);\n }\n } catch (err) {\n this.log.info(\n `<custom-code-component> uncaught error during mount from ${this.component?.toString()}`\n );\n this.log.error(err);\n\n throw err;\n }\n }\n\n // Called in top-level error handler\n // Replace shadow root with either <slot> or template[data-component-fallback]\n // slot on failure\n unmount(e: Error) {\n console.debug('CCC: unmount()', { error: e })\n const template =\n this.querySelector<HTMLTemplateElement>(\n \"template[data-component-fallback]\"\n ) ?? this.querySelector<HTMLTemplateElement>(\"template\");\n\n if (template) {\n this.shadowRoot?.replaceChildren(template.content.cloneNode(true));\n }\n\n if (!this.dataset.cccError)\n this.dataset.cccError = kebabize(e.name.replace(\"CCC\", \"\"));\n\n delete this.dataset.cccReady;\n\n this.observer.disconnect();\n }\n\n async load() {\n console.debug('CCC: load() 1')\n if (!this.component.isValid) {\n throw new Error(\"No path found\");\n }\n const path = this.getAttribute(\"path\");\n const componentVersionRange = this.getAttribute(\"version\");\n const timeout = Number(this.getAttribute(\"load-timeout\") \|\| 10000);\n const testEnv = this.getAttribute(\"test-env\");\n this.testUrl = assignTestURL(testEnv);\n const isTestEnv = await useComponentTestEnv(\n this.component.name,\n this.testUrl\n );\n\n // id querystring necessary to multiple allow components with the same source (same name and version number) to appear on the page correctly\n const id = this.getAttribute(\"id\");\n\n if (isTestEnv && this.testUrl) {\n this.injectViteScripts();\n }\n\n this.source = isTestEnv\n ? `${this.testUrl?.origin}/src/${this.component.name}/index.jsx?id=${id}`\n : `https://www.ft.com/__component/${this.component.org}/${this.component.repo}${\n componentVersionRange ? `@${componentVersionRange}` : \"@latest\"\n }/${this.component.name}/${this.component.name}.js?id=${id}`;\n\n try {\n console.debug('CCC: load() 2 before BaseRenderer')\n return await new Promise<typeof BaseRenderer.prototype.render>(\n (resolve, reject) => {\n const to = setTimeout(() => {\n this.log.error(\"CCC import timeout error\");\n reject(\n new CCCTimeoutError({\n component: this.component!,\n source: this.source,\n })\n );\n }, Number(timeout));\n\n if (this.source) {\n import(/ webpackIgnore: true / this.source / @vite-ignore /)\n .then(({ default: componentRenderFunction }) => {\n console.debug('CCC: load() 4 inside promise Base Renderer', componentRenderFunction)\n if (componentRenderFunction) {\n clearTimeout(to);\n resolve(componentRenderFunction);\n } else\n throw new CCCImportError(\n \"No component renderer default export found\",\n {\n component: this.component!,\n source: this.source,\n }\n );\n })\n .catch((e) => {\n console.debug('CCC: load() catch', {error: e})\n clearTimeout(to);\n this.log.error(e);\n if (e instanceof Error && !(e instanceof CCCImportError)) {\n reject(\n new CCCImportError(e.message, {\n component: this.component!,\n source: this.source,\n })\n );\n } else {\n reject(e);\n }\n });\n } else {\n clearTimeout(to);\n throw new CCCImportError(`Unable to mount ${path}`, {\n component: this.component!,\n source: this.source,\n });\n }\n }\n );\n } catch (err) {\n this.log.error(\n `<custom-code-component> error during import from ${path}@${componentVersionRange}`\n );\n\n throw err;\n }\n }\n\n initTracking = async () => {\n try {\n this.tracking?.init(this.id);\n } catch (e) {\n const path = this.getAttribute(\"path\");\n const componentVersionRange = this.getAttribute(\"version\");\n this.log.info(\n `Error initialising tracking on <custom-code-component> ${path}@${componentVersionRange}`\n );\n this.log.error(e);\n }\n };\n\n injectViteScripts = () => {\n if (document.querySelector('script[name=\"ccc-sdk-react-preamble\"]')) return;\n\n const preambleScript = document.createElement(\"script\");\n preambleScript.type = \"module\";\n preambleScript.setAttribute(\"name\", \"ccc-sdk-react-preamble\");\n\n preambleScript.textContent = `\n import RefreshRuntime from \"${this.testUrl?.origin}/@react-refresh\";\n RefreshRuntime.injectIntoGlobalHook(window);\n window.$RefreshReg$ = () => {};\n window.$RefreshSig$ = () => (type) => type;\n window.__vite_plugin_react_preamble_installed__ = true;\n `.trim();\n document.head.appendChild(preambleScript);\n\n const viteClientScript = document.createElement(\"script\");\n viteClientScript.type = \"module\";\n viteClientScript.src = `${this.testUrl?.origin}/@vite/client`;\n document.head.appendChild(viteClientScript);\n };\n}\n\nexport interface CustomCodeComponent extends ContentTree.Node {\n type: \"CustomCodeComponent\";\n path: string;\n versionRange: string;\n altText: string;\n lastModified: string;\n fallbackImage?: ContentTree.Image;\n displayFallbackText: boolean;\n layout: \"in-line\" \| \"mid-grid\" \| \"full-grid\" \| \"full-bleed\";\n / prettier-ignore */\n attributes: {\n [key: string]: string \| boolean \| undefined;\n } \| { children?: CustomCodeComponent \| Array<CustomCodeComponent> };\n}\n\nexport type { FTCustomCodeComponent as CCCHTMLElement };\n"],"names":["Delegate","root","listenerMap","eventType","selector","handler","useCapture","matcher","matcherParam","matchesTag","matchesId","matchesRoot","i","listener","listenerList","singleEventType","event","l","type","phase","returned","target","eventIgnore","toFire","ret","tagName","element","id","sanitise","str","assignIfUndefined","subject","prop","LogLevel","convertStringLogLevel","value","level","Logger","args","getSiblingsAndPosition","el","originalEl","siblings","position","item","elementPropertiesToCollect","getAllElementProperties","properties","property","parseRawValue","rawValue","parsedValue","getAttributeValue","isJSON","getDomPathProps","attrs","props","attribute","getContextProps","isOriginalEl","customProps","name","getTrace","rootEl","trace","customContext","domPathProps","contextProps","eventPropertiesToCollect","Tracking","subtype","teamName","shadowRoot","category","elements","logger","eventProperties","e","eventData","clickEvent","clickElement","context","triggerAction","extraDetail","_a","ComponentPath","path","org","repo","versionRange","isValidComponentPathObject","p","v","CCCError","message","detail","CCCImportError","CCCRenderError","CCCTimeoutError","_CCCEvent","opts","CCCEvent","_CCCConnectedEvent","CCCConnectedEvent","_CCCReadyEvent","CCCReadyEvent","_CCCViewportEvent","CCCViewportEvent","kebabize","$","ofs","isSafeTestEnv","host","isAllowed","isLocalEnv","isSparkEnv","allowlist","hostname","assignTestURL","testEnv","testUrl","defaultTestUrl","useComponentTestEnv","componentName","FTCustomCodeComponent","entries","entry","componentVersionRange","_b","preambleScript","viteClientScript","supportsDeclarative","internals","error","wrappedError","renderError","app","prerendered","ssr","shadow","styles","template","data","extraProps","onmessage","ready","err","timeout","isTestEnv","resolve","reject","to","componentRenderFunction"],"mappings":"AAUA,SAASA,EAASC,GAAM;AAQvB,OAAK,cAAc,CAAC,CAAE,GAAE,EAAE,GACtBA,KACH,KAAK,KAAKA,CAAI,GAIf,KAAK,SAASD,EAAS,UAAU,OAAO,KAAK,IAAI,GAGjD,KAAK,oBAAoB,CAAE;AAC5B;AASAA,EAAS,UAAU,OAAO,SAAUC,GAAM;AACzC,QAAMC,IAAc,KAAK;AACzB,MAAIC;AAGJ,MAAI,KAAK,aAAa;AACrB,SAAKA,KAAaD,EAAY,CAAC;AAC9B,MAAIA,EAAY,CAAC,EAAE,eAAeC,CAAS,KAC1C,KAAK,YAAY,oBAAoBA,GAAW,KAAK,QAAQ,EAAI;AAGnE,SAAKA,KAAaD,EAAY,CAAC;AAC9B,MAAIA,EAAY,CAAC,EAAE,eAAeC,CAAS,KAC1C,KAAK,YAAY,oBAAoBA,GAAW,KAAK,QAAQ,EAAK;AAAA,EAGtE;AAKC,MAAI,CAACF,KAAQ,CAACA,EAAK;AAClB,WAAI,KAAK,eACR,OAAO,KAAK,aAEN;AASR,OAAK,cAAcA;AAGnB,OAAKE,KAAaD,EAAY,CAAC;AAC9B,IAAIA,EAAY,CAAC,EAAE,eAAeC,CAAS,KAC1C,KAAK,YAAY,iBAAiBA,GAAW,KAAK,QAAQ,EAAI;AAGhE,OAAKA,KAAaD,EAAY,CAAC;AAC9B,IAAIA,EAAY,CAAC,EAAE,eAAeC,CAAS,KAC1C,KAAK,YAAY,iBAAiBA,GAAW,KAAK,QAAQ,EAAK;AAIjE,SAAO;AACR;AAMAH,EAAS,UAAU,iBAAiB,SAAUG,GAAW;AACxD,SAAO,CAAC,QAAQ,SAAS,SAAS,QAAQ,UAAU,QAAQ,EAAE,QAAQA,CAAS,MAAM;AACtF;AA2BAH,EAAS,UAAU,KAAK,SAAUG,GAAWC,GAAUC,GAASC,GAAY;AAC3E,MAAIL,GACAC,GACAK,GACAC;AAEJ,MAAI,CAACL;AACJ,UAAM,IAAI,UAAU,yBAAyBA,CAAS;AAiBvD,MAZI,OAAOC,KAAa,eACvBE,IAAaD,GACbA,IAAUD,GACVA,IAAW,OAKRE,MAAe,WAClBA,IAAa,KAAK,eAAeH,CAAS,IAGvC,OAAOE,KAAY;AACtB,UAAM,IAAI,UAAU,oCAAoC;AAGzD,SAAAJ,IAAO,KAAK,aACZC,IAAc,KAAK,YAAYI,IAAa,IAAI,CAAC,GAG5CJ,EAAYC,CAAS,MACrBF,KACHA,EAAK,iBAAiBE,GAAW,KAAK,QAAQG,CAAU,GAEzDJ,EAAYC,CAAS,IAAI,CAAE,IAGvBC,IAQM,YAAY,KAAKA,CAAQ,KACnCI,IAAeJ,GACfG,IAAUE,KACA,mBAAmB,KAAKL,CAAQ,KAC1CI,IAAeJ,EAAS,MAAM,CAAC,GAC/BG,IAAUG,MAEVF,IAAeJ,GACfG,IAAU,QAAQ,UAAU,YAf5BC,IAAe,MAIfD,IAAUI,EAAY,KAAK,IAAI,IAehCT,EAAYC,CAAS,EAAE,KAAK;AAAA,IAC3B,UAAUC;AAAA,IACV,SAASC;AAAA,IACT,SAASE;AAAA,IACT,cAAcC;AAAA,EAChB,CAAE,GAEM;AACR;AAYAR,EAAS,UAAU,MAAM,SAAUG,GAAWC,GAAUC,GAASC,GAAY;AAC5E,MAAIM,GACAC,GACAX,GACAY,GACAC;AAYJ,MARI,OAAOX,KAAa,eACvBE,IAAaD,GACbA,IAAUD,GACVA,IAAW,OAKRE,MAAe;AAClB,gBAAK,IAAIH,GAAWC,GAAUC,GAAS,EAAI,GAC3C,KAAK,IAAIF,GAAWC,GAAUC,GAAS,EAAK,GACrC;AAIR,MADAH,IAAc,KAAK,YAAYI,IAAa,IAAI,CAAC,GAC7C,CAACH,GAAW;AACf,SAAKY,KAAmBb;AACvB,MAAIA,EAAY,eAAea,CAAe,KAC7C,KAAK,IAAIA,GAAiBX,GAAUC,CAAO;AAI7C,WAAO;AAAA,EACT;AAGC,MADAS,IAAeZ,EAAYC,CAAS,GAChC,CAACW,KAAgB,CAACA,EAAa;AAClC,WAAO;AAKR,OAAKF,IAAIE,EAAa,SAAS,GAAGF,KAAK,GAAGA;AACzC,IAAAC,IAAWC,EAAaF,CAAC,IAEpB,CAACR,KAAYA,MAAaS,EAAS,cAAc,CAACR,KAAWA,MAAYQ,EAAS,aACtF,KAAK,kBAAkB,KAAKA,CAAQ,GACpCC,EAAa,OAAOF,GAAG,CAAC;AAK1B,SAAKE,EAAa,WACjB,OAAOZ,EAAYC,CAAS,GAGxB,KAAK,eACR,KAAK,YAAY,oBAAoBA,GAAW,KAAK,QAAQG,CAAU,IAIlE;AACR;AAQAN,EAAS,UAAU,SAAS,SAAUgB,GAAO;AAC5C,MAAIJ,GACAK;AACJ,QAAMC,IAAOF,EAAM;AACnB,MAAIf,GACAkB,GACAN,GACAO,GACAN,IAAe,CAAE,GACjBO;AACJ,QAAMC,IAAc;AAEpB,MAAIN,EAAMM,CAAW,MAAM;AAC1B;AAqBD,UAlBAD,IAASL,EAAM,QAIXK,EAAO,aAAa,MACvBA,IAASA,EAAO,aAIbA,EAAO,4BACVA,IAASA,EAAO,0BAGjBpB,IAAO,KAAK,aAEZkB,IAAQH,EAAM,eAAeA,EAAM,WAAWA,EAAM,gBAAgB,IAAI,IAGhEG,GAAK;AAAA,IACZ,KAAK;AACJ,MAAAL,IAAe,KAAK,YAAY,CAAC,EAAEI,CAAI;AACvC;AAAA,IACD,KAAK;AACJ,MAAI,KAAK,YAAY,CAAC,KAAK,KAAK,YAAY,CAAC,EAAEA,CAAI,MAClDJ,IAAeA,EAAa,OAAO,KAAK,YAAY,CAAC,EAAEI,CAAI,CAAC,IAEzD,KAAK,YAAY,CAAC,KAAK,KAAK,YAAY,CAAC,EAAEA,CAAI,MAClDJ,IAAeA,EAAa,OAAO,KAAK,YAAY,CAAC,EAAEI,CAAI,CAAC;AAE7D;AAAA,IACD,KAAK;AACJ,MAAAJ,IAAe,KAAK,YAAY,CAAC,EAAEI,CAAI;AACvC;AAAA,EACH;AAEC,MAAIK,IAAS,CAAE;AAQf,OADAN,IAAIH,EAAa,QACVO,KAAUJ,KAAG;AACnB,SAAKL,IAAI,GAAGA,IAAIK,MACfJ,IAAWC,EAAaF,CAAC,GAMrB,EAACC,IAPaD;AAWlB,MACCS,EAAO,WACP,CAAC,UAAU,SAAS,UAAU,UAAU,EAAE,QAAQA,EAAO,QAAQ,YAAa,CAAA,IAAI,MAClFA,EAAO,aAAa,UAAU,IAG9BE,IAAS,CAAE,IAQHV,EAAS,QAAQ,KAAKQ,GAAQR,EAAS,cAAcQ,CAAM,KACnEE,EAAO,KAAK,CAACP,GAAOK,GAAQR,CAAQ,CAAC;AAmBvC,QAVIQ,MAAWpB,MAIfgB,IAAIH,EAAa,QAGjBO,IAASA,EAAO,iBAAiBA,EAAO,YAGpCA,aAAkB;AACrB;AAAA,EAEH;AAEC,MAAIG;AAEJ,OAAKZ,IAAI,GAAGA,IAAIW,EAAO,QAAQX;AAE9B,QAAI,OAAK,kBAAkB,QAAQW,EAAOX,CAAC,EAAE,CAAC,CAAC,IAAI,QAGnDQ,IAAW,KAAK,KAAK,MAAM,MAAMG,EAAOX,CAAC,CAAC,GAKtCQ,MAAa,KAAO;AACvB,MAAAG,EAAOX,CAAC,EAAE,CAAC,EAAEU,CAAW,IAAI,IAC5BC,EAAOX,CAAC,EAAE,CAAC,EAAE,eAAgB,GAC7BY,IAAM;AACN;AAAA,IACH;AAGC,SAAOA;AACR;AAUAxB,EAAS,UAAU,OAAO,SAAUgB,GAAOK,GAAQR,GAAU;AAC5D,SAAOA,EAAS,QAAQ,KAAKQ,GAAQL,GAAOK,CAAM;AACnD;AAcA,SAASZ,EAAWgB,GAASC,GAAS;AACrC,SAAOD,EAAQ,YAAW,MAAOC,EAAQ,QAAQ,YAAa;AAC/D;AAUA,SAASf,EAAYP,GAAUsB,GAAS;AACvC,SAAI,KAAK,gBAAgB;AAAA;AAAA,IAGvBA,MAAY;AAAA,IAEZA,MAAY,SAAS;AAAA,IAErBA,MAAY;AAAA,MAGP,KAAK,gBAAgBA;AAC7B;AAaA,SAAShB,EAAUiB,GAAID,GAAS;AAC/B,SAAOC,MAAOD,EAAQ;AACvB;AASA1B,EAAS,UAAU,UAAU,WAAY;AACxC,OAAK,IAAK,GACV,KAAK,KAAM;AACZ;AChQA,SAAS4B,EAAUC,GAAK;AACvB,SAAO,OAAOA,KAAQ,WAAWA,EAAI,KAAM,IAAGA;AAC/C;AASA,SAASC,EAAmBC,GAASV,GAAQ;AAC5C,aAAWW,KAAQD;AAClB,IAAKV,EAAOW,CAAI,IAIf,QAAQ,KAAK,0CAA0CA,CAAI,EAAE,IAH7DX,EAAOW,CAAI,IAAID,EAAQC,CAAI;AAM9B;ACjPa,MAAAC,IAAW,OAAO,OAAO;AAAA,EACpC,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AACX,CAAC;AAEM,SAASC,EAAsBC,GAAsB;AACpD,QAAAC,IAAQD,KAAA,gBAAAA,EAAO;AAErB,SAAIC,MAAU,UACLH,EAAS,QAGdG,MAAU,SACLH,EAAS,OAGdG,MAAU,SACLH,EAAS,OAGdG,MAAU,UACLH,EAAS,QAGdG,MAAU,SACLH,EAAS,OAGXA,EAAS;AAClB;AAEO,MAAMI,EAAO;AAAA,EAElB,YACE,EAAE,OAAAD,IAAQH,EAAS,YAA+B;AAAA,IAChD,OAAOA,EAAS;AAAA,EAAA,GAElB;AAUF,SAAA,MAAM,KAAK,OATT,KAAK,QAAQG;AAAA,EAAA;AAAA,EAGf,SAASE,GAAa;AAChB,IAAA,KAAK,SAASL,EAAS,SACjB,QAAA,KAAK,GAAGK,CAAI;AAAA,EACtB;AAAA,EAKF,QAAQA,GAAa;AACf,IAAA,KAAK,SAASL,EAAS,QACjB,QAAA,KAAK,GAAGK,CAAI;AAAA,EACtB;AAAA,EAGF,QAAQA,GAAa;AACf,IAAA,KAAK,SAASL,EAAS,QACjB,QAAA,KAAK,GAAGK,CAAI;AAAA,EACtB;AAAA,EAGF,SAASA,GAAa;AAChB,IAAA,KAAK,SAASL,EAAS,SACjB,QAAA,MAAM,GAAGK,CAAI;AAAA,EACvB;AAEJ;AC7DA,MAAMC,IAAyB,CAC7BC,GACAC,GACArC,MACG;AACG,QAAAsC,IAAW,MAAM,MAAKF,KAAA,gBAAAA,EAAI,iBAAiBpC,OAAa,EAAE,GAC1DuC,IAAWD,EAAS,UAAU,CAACE,MAASA,MAASH,CAAU;AACjE,MAAIE,MAAa;AAGV,WAAA;AAAA,MACL,UAAUD,EAAS;AAAA,MACnB,UAAAC;AAAA,IACF;AACF,GAEME,IAA6B;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEMC,IAA0B,CAACpB,MAAiB;AAChD,QAAMqB,IAAsB,CAAC;AAC7B,aAAWC,KAAYH,GAA4B;AAC3C,UAAAV,IACJT,EAAQsB,CAAQ,KAChBtB,EAAQ,aAAasB,CAAQ,KAC7BtB,EAAQ,aAAasB,CAAQ;AAC/B,IAAIb,MAAU,WACR,OAAOA,KAAU,YACnBY,EAAWC,CAAQ,IAAIb,IAEZY,EAAAC,CAAQ,IAAIpB,EAASO,CAAK;AAAA,EAEzC;AAGK,SAAAY;AACT,GAEME,IAAgB,CAACC,MAAqB;AACtC,MAAA;AACI,UAAAC,IAAc,KAAK,MAAMD,CAAQ,GACjChC,IAAO,OAAO,UAAU,SAAS,KAAKiC,CAAW;AAGhD,WAAA,CAFQjC,MAAS,qBAAqBA,MAAS,kBAEtCiC,CAAW;AAAA,UACb;AACP,WAAA,CAAC,IAAO,IAAI;AAAA,EAAA;AAEvB,GAEMC,IAAoB,CAACF,MAAqB;AAC9C,QAAM,CAACG,GAAQlB,CAAK,IAAIc,EAAcC,CAAQ;AAE9C,SAAOG,IAASlB,IAAQe;AAC1B,GAGMI,IAAkB,CAACC,GAAeC,OAGnCD,EAAA;AAAA,EAAO,CAACE,MACPA,EAAU,KAAK,MAAM,kCAAkC;AAAA,EAExD,QAAQ,CAACA,MAAc;AAChB,EAAAD,EAAAC,EAAU,IAAI,IAAIA,EAAU;AAAA,CACnC,GAEID,IAIHE,IAAkB,CACtBH,GACAC,GACAG,MACG;AACH,QAAMC,IAAoC,CAAC;AAG3C,SAAID,KACyBd,EAAA,QAAQ,CAACgB,MAAS;AAC3C,IAAI,OAAOL,EAAMK,CAAI,IAAM,OAAeA,MAAS,SACrCD,EAAAC,CAAI,IAAIL,EAAMK,CAAI;AAAA,EAChC,CACD,GAKAN,EAAA,OAAO,CAACE,MAAcA,EAAU,KAAK,MAAM,2BAA2B,CAAC,EACvE,QAAQ,CAACA,MAAc;AACV,IAAAG,EAAAH,EAAU,KAAK,QAAQ,2BAA2B,EAAE,CAAC,IAC/DL,EAAkBK,EAAU,KAAK;AAAA,EAAA,CACpC,GAEIG;AACT;AAEgB,SAAAE,EAAStB,GAAauB,GAAiB;AACrD,QAAMtB,IAAaD,GACbpC,IAAWqC,KAAA,QAAAA,EAAY,aAAa,oBACtC,oBAAoBA,EAAW,aAAa,gBAAgB,CAAC,OAC7DA,KAAA,gBAAAA,EAAY,UACVuB,IAAQ,CAAC,GACTC,IAAgB,CAAC;AAChB,SAAAzB,KAAMA,MAAOuB,KAAQ;AACpB,UAAAP,IAAQV,EAAwBN,CAAE,GAClCe,IAAQ,MAAM,KAAKf,EAAG,UAAU;AAClC,QAAA0B,IAAeZ,EAAgBC,GAAOC,CAAK;AAI3C,IAAAU,EAAa,gBAAgB,MAC/BA,IAAe,OAAO;AAAA,MACpBA;AAAA,MACA3B,EAAuBC,GAAIC,GAAYrC,CAAQ;AAAA,IACjD,IAGF4D,EAAM,KAAKE,CAAY;AAEvB,UAAMC,IAAeT,EAAgBH,GAAOC,GAAOhB,MAAOC,CAAU;AAEpE,IAAAX,EAAkBqC,GAAcF,CAAa,GAE7CzB,IAAKA,EAAG;AAAA,EAAA;AAEH,SAAA,EAAE,OAAAwB,GAAO,eAAAC,EAAc;AAChC;ACtIA,MAAMG,IAA2B,CAAC,WAAW,UAAU,YAAY,SAAS;AAE5E,MAAMC,EAAS;AAAA,EAWb,YAAY;AAAA,IACV,IAAA1C,IAAK;AAAA,IACL,MAAAkC,IAAO;AAAA,IACP,SAAAS,IAAU;AAAA,IACV,UAAAC,IAAW;AAAA,IACX,YAAAC,IAAa;AAAA,IACb,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,QAAAC;AAAA,EAAA,GAUC;AACD,SAAK,QAAQhD,GACb,KAAK,UAAUkC,GACf,KAAK,UAAUS,GACf,KAAK,WAAWC,GAChB,KAAK,aAAaC,GAClB,KAAK,WAAWC,GAChB,KAAK,WAAWC,GAChB,KAAK,gBAAgB,IAChB,KAAA,MAAMC,KAAU,IAAItC,EAAO;AAAA,EAAA;AAAA;AAAA,EAIlC,mBAAmBrB,GAAY;AAC7B,UAAM4D,IAAwC,CAAC;AAC/C,eAAW5B,KAAYoB;AACjB,UAAApD,EAAMgC,CAAQ;AACZ,YAAA;AACF,UAAA4B,EAAgB5B,CAAQ,IAAIpB,EAASZ,EAAMgC,CAAQ,CAAC;AAAA,iBAC7C6B,GAAG;AACL,eAAA,IAAI,KAAKA,CAAC;AAAA,QAAA;AAId,WAAAD;AAAA,EAAA;AAAA;AAAA,EAIT,iBACEE,GACA7E,GACA;AACO,WAAA,CAAC8E,GAAmBC,MAA8B;AACjD,YAAAC,IAAe,KAAK,mBAAmBF,CAAU,GACjD,EAAE,OAAAf,GAAO,eAAAC,EAAA,IAAkBH,EAASkB,GAAc/E,CAAI;AACpD,MAAAgF,EAAA,SACND,EAAa,WAAWA,EAAa,QAAQ,SACzC,KAAK,MAAMA,EAAa,QAAQ,MAAM,IACtC,MACNC,EAAQ,gBAAgBjB,GACxBiB,EAAQ,YAAY;AAAA,QAClB,IAAI,KAAK;AAAA,QACT,MAAM,KAAK;AAAA,QACX,MAAM;AAAA,QACN,SAAS,KAAK;AAAA,MAChB,GACAA,EAAQ,WAAW,KAAK,UACxBA,EAAQ,MAAM,SAAS,KAEvBnD,EAAkBmC,GAAegB,CAAO,GAExCA,EAAQ,SAAS,qBACjBH,IAAY,EAAE,GAAGA,GAAW,GAAGG,EAAQ,GAGvC,SAAS,KAAK;AAAA,QACZ,IAAI,YAAY,mBAAmB;AAAA,UACjC,QAAQH;AAAA,UACR,SAAS;AAAA,UACT,UAAU;AAAA,QACX,CAAA;AAAA,MACH;AAAA,IACF;AAAA,EAAA;AAAA,EAGF,eAAeI,GAAoBC,GAAkB;AACnD,UAAML,IAAY;AAAA,MAChB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,WAAW;AAAA,QACT,IAAI,KAAK;AAAA,QACT,MAAM,KAAK;AAAA,QACX,MAAM;AAAA,QACN,SAAS,KAAK;AAAA,MAChB;AAAA,MACA,UAAU,KAAK;AAAA,MACf,gBAAgBI;AAAA,MAChB,QAAQC;AAAA,MACR,QAAQ;AAAA,IACV;AAGA,aAAS,KAAK;AAAA,MACZ,IAAI,YAAY,mBAAmB;AAAA,QACjC,QAAQL;AAAA,QACR,SAAS;AAAA,QACT,UAAU;AAAA,MACX,CAAA;AAAA,IACH;AAAA,EAAA;AAAA,EAGF,KAAKnD,GAAY;AJnInB,QAAAyD;AIoIQ,QAAA,CAAC,KAAK,eAAe;AACvB,WAAK,gBAAgB,IAChB,KAAA,QAAQzD,KAAU,KAAK;AAE5B,YAAMmD,IAAY;AAAA,QAChB,QAAQ;AAAA,QACR,UAAU,KAAK;AAAA,MACjB,GAEM7E,KAAOmF,IAAA,KAAK,eAAL,gBAAAA,EAAiB,cAAc;AAE5C,MAAInF,KACqB,IAAID,EAASC,CAAI,EACzB;AAAA,QACb;AAAA,QACA,KAAK;AAAA,QACL,KAAK,iBAAiB6E,GAAW7E,CAAI;AAAA,QACrC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;AClJO,MAAMoF,EAAc;AAAA,EAMzB,YAAYC,GAAmC;AALjC,SAAA,MAAA,SACC,KAAA,OAAA;AAKb,UAAM,EAAE,KAAAC,GAAK,MAAAC,GAAM,MAAA3B,GAAM,cAAA4B,EAAa,IAAIC,EAA2BJ,CAAI,IACrEA,IACAD,EAAc,WAAWC,CAAI;AAC7B,IAAAC,WAAU,MAAMA,IAChBC,WAAW,OAAOA,IACtB,KAAK,OAAO3B,GACZ,KAAK,eAAe4B;AAAA,EAAA;AAAA,EAGtB,IAAI,KAAKH,GAAkC;AACzC,UAAM,EAAE,KAAAC,GAAK,MAAAC,GAAM,MAAA3B,GAAM,cAAA4B,EAAa,IAAIC,EAA2BJ,CAAI,IACrEA,IACAD,EAAc,WAAWC,CAAI;AACjC,SAAK,MAAMC,GACX,KAAK,OAAOC,GACZ,KAAK,OAAO3B,GACZ,KAAK,eAAe4B;AAAA,EAAA;AAAA,EAGtB,IAAI,OAAe;AACV,WAAA,GAAG,KAAK,GAAG,IAAI,KAAK,IAAI,IAAI,KAAK,YAAY,IAAI,KAAK,IAAI;AAAA,EAAA;AAAA,EAGnE,IAAI,UAAmB;AACrB,WAAO,CAAC,KAAK,KAAK,KAAK,MAAM,KAAK,IAAI,EAAE;AAAA,MACtC,CAACtD,MAAUA,MAAU;AAAA,IACvB;AAAA,EAAA;AAAA,EAGF,WAAmB;AACjB,WAAO,KAAK;AAAA,EAAA;AAAA,EAGd,OAAO,WAAWwD,GAAmBC,GAAkC;ALhDzE,QAAAR;AKiDI,UAAME,IAAOK,KAAK,2BAEZ,CAAC9B,GAAM2B,GAAMD,CAAG,IAAID,EACvB,QAAQ,WAAW,EAAE,EACrB,MAAM,GAAG,EACT,QAAQ,GAELG,IACJG,OACAR,IAAAE,EACG,MAAM,SAAS,MADlB,gBAAAF,EAEI,WACD,QAAQ,KAAK,QAChB;AAEF,QAAII,KAAQ,CAACC,EAAoB,OAAA,IAAII,EAAS,sBAAsB;AAEpE,WAAO,IAAIR,EAAc,EAAE,KAAAE,GAAK,MAAAC,GAAM,MAAA3B,GAAM,cAAA4B,GAAc;AAAA,EAAA;AAE9D;AASO,SAASC,EACdvD,GAC4B;AAC5B,SAAI,OAAOA,KAAU,YAAYA,MAAU,OAClC,SAASA,KAAS,UAAUA,KAAS,UAAUA,IAGjD;AACT;AC/EO,MAAM0D,UAAiB,MAAM;AAAA,EAIlC,YAAYC,GAAwBC,GAAqB;ANV3D,QAAAX;AMWQ,IAAA,CAACW,KAAUD,KACb,MAAMA,CAAO,GACb,KAAK,YAAY,QACR,QAAOC,KAAA,gBAAAA,EAAQ,cAAc,YACtC;AAAA,MACED,KACE,GAAGC,EAAO,SAAS,eAAe,OAAOA,EAAO,SAAS,kBAAkBA,EAAO,UAAU,qBAAqB;AAAA,IACrH,GAEA,KAAK,YAAYV,EAAc,WAAWU,EAAO,SAAS,KACjDL,EAA2BK,KAAA,gBAAAA,EAAQ,SAAS,KACrD;AAAA,MACED,KACE,GAAGC,EAAO,SAAS,eAAe,OAAOA,EAAO,UAAU,GAAG,IAAIA,EAAO,UAAU,IAAI,IAAIA,EAAO,UAAU,IAAI,IAAIA,EAAO,UAAU,YAAY,kBAAkBA,EAAO,UAAU,qBAAqB;AAAA,IAC5M,GACA,KAAK,YAAY,IAAIV,EAAcU,EAAO,SAAS,MAEnD;AAAA,MACE,IAAGA,KAAA,gBAAAA,EAAQ,UAAS,eAAe,wCAAuCA,KAAA,gBAAAA,EAAQ,WAAU,gBAAgB;AAAA,IAC9G,GACA,KAAK,YAAY,OAGd,KAAA,UAASA,KAAA,gBAAAA,EAAQ,WAAU,kBAChC,KAAK,SAAS,CAAC,GACXA,KAAA,QAAAA,EAAQ,WACLX,IAAA,KAAA,WAAA,QAAAA,EAAQ,KAAKW,KAAA,gBAAAA,EAAQ,SAExB,MAAM,qBAEF,MAAA,kBAAkB,MAAMF,CAAQ,GAGxC,KAAK,OAAO;AAAA,EAAA;AAEhB;AAKO,MAAMG,UAAuBH,EAAS;AAAA,EAC3C,YAAYC,GAAiBC,GAAoB;AAC/C,UAAMD,GAAS,EAAE,GAAGC,GAAQ,OAAO,gBAAgB,GACnD,KAAK,OAAO;AAAA,EAAA;AAEhB;AAKO,MAAME,UAAuBJ,EAAS;AAAA,EAC3C,YAAYC,GAAiBC,GAAoB;AAC/C,UAAMD,GAAS,EAAE,GAAGC,GAAQ,OAAO,gBAAgB,GACnD,KAAK,OAAO;AAAA,EAAA;AAEhB;AAKO,MAAMG,UAAwBL,EAAS;AAAA,EAC5C,YAAYE,GAAoB;AAC9B,UAAM,MAAM,EAAE,GAAGA,GAAQ,OAAO,iBAAiB,GACjD,KAAK,OAAO;AAAA,EAAA;AAEhB;AC1EO,MAAMI,IAAN,MAAMA,UAAiB,MAAM;AAAA,EAKlC,YACEhG,IAAoBgG,EAAS,WAC7BJ,GACAK,GACA;AACA,UAAMjG,GAAW;AAAA,MACf,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,GAAGiG;AAAA,IAAA,CACJ,GACD,KAAK,YAAYL,EAAO,WACxB,KAAK,SAASA,EAAO;AAAA,EAAA;AAEzB;AAhBEI,EAAO,YAAY;AAHd,IAAME,IAANF;AAqBA,MAAMG,IAAN,MAAMA,UAA0BD,EAAS;AAAA,EAG9C,YACEN,GACAK,GACA;AACM,UAAAE,EAAkB,WAAWP,GAAQK,CAAI;AAAA,EAAA;AAEnD;AAREE,EAAO,YAAY;AADd,IAAMC,IAAND;AAWA,MAAME,IAAN,MAAMA,UAAsBH,EAAS;AAAA,EAG1C,YACEN,GACAK,GACA;AACM,UAAAI,EAAc,WAAWT,GAAQK,CAAI;AAAA,EAAA;AAE/C;AAREI,EAAO,YAAY;AADd,IAAMC,IAAND;AAWA,MAAME,IAAN,MAAMA,UAAyBL,EAAS;AAAA,EAK7C,YACEN,GAMAK,GACA;AACM,UAAAM,EAAiB,WAAWX,GAAQK,CAAI,GAZjC,KAAA,eAAA,IAab,KAAK,eAAeL,EAAO,cAC3B,KAAK,QAAQA,EAAO;AAAA,EAAA;AAExB;AAjBEW,EAAO,YAAY;AADd,IAAMC,IAAND;ACxCM,MAAAE,IAAW,CAAC/E,MACvBA,EAAI;AAAA,EACF;AAAA,EACA,CAACgF,GAAGC,OAASA,IAAM,MAAM,MAAMD,EAAE,YAAY;AAC/C;AAQK,SAASE,EAAcC,GAA0B;AACtD,SAAOC,EAAU;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,KACCD,CAAI;AACT;AAOO,SAASE,IAAa;AAC3B,SAAOD,EAAU;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GACC,OAAO,SAAS,QAAQ;AAC7B;AAOO,SAASE,IAAa;AAC3B,SAAOF,EAAU;AAAA,IACf;AAAA,IACA;AAAA,EAAA,GACC,OAAO,SAAS,IAAI;AACzB;AASgB,SAAAA,EAAUG,GAA8BC,GAA8B;AAChF,SAACA,IACED,EAAU,KAAK,CAAQxE,MACxB,OAAOA,KAAS,WACXA,MAASyE,IAEXzE,EAAK,KAAKyE,CAAQ,CAC1B,IANqB;AAOxB;ACzDO,SAASC,EAAcC,GAAyC;AACrE,MAAIA,MAAY;AACd;AAGE,MAAAC;AACE,QAAAC,IAAiB,IAAI,IAAI,uBAAuB;AAElD,MAAA;AACE,QAAA,OAAOF,KAAY;AACrB,WACGA,MAAY,MAAMA,EAAQ,kBAAkB,WAC7CL;AAEU,QAAAM,IAAAC;AAAA,eAIVD,IADED,EAAQ,WAAW,SAAS,KAAKA,EAAQ,WAAW,UAAU,IACxC,IAAI,IAAIA,CAAO,IAAI,QAGvCC,KAAW,CAACT,EAAcS,KAAA,gBAAAA,EAAS,QAAQ;AACvC,cAAA,IAAI,MAAM,8BAA8B;AAAA,UAGpD,CAAWL,QACCK,IAAAC;AAAA,UAEF;AACH,WAAAD;AAAA,EAAA;AAGF,SAAAA;AACT;AAQsB,eAAAE,EACpBC,GACAH,GACkB;AAClB,SAAKA,IAIkB;AAAA,IACrB,IAAI,IAAI,OAAOG,CAAa,gBAAgBH,CAAO;AAAA,IACnD;AAAA,MACE,QAAQ;AAAA,IAAA;AAAA,IAGT,KAAK,MAAM,EAAI,EACf,MAAM,MAAM,EAAK,IAVX;AAaX;;AC9CO,MAAMI,WAA8B,YAAY;AAAA,EAkCrD,cAAc;AACZ,YAAQ,MAAM,yBAAyB,GACjC,MAAA,GAlCkB,KAAA,OAAA,QAC1B,KAAA,qCAAqB,IAAI;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD,GAKD,KAAA,YAAY,IAAIvC,EAAc,GAInB,KAAA,WAAA,IAAI,qBAAqB,CAACwC,MAAY;AACvC,MAAAA,EAAA,QAAQ,CAACC,MAAU;AACpB,aAAA;AAAA,UACH,IAAInB,EAAiB;AAAA,YACnB,WAAW,KAAK;AAAA,YAChB,QAAQ,KAAK;AAAA,YACb,cAAcmB,EAAM;AAAA,YACpB,OAAAA;AAAA,UACD,CAAA;AAAA,QACH;AAAA,MAAA,CACD;AAAA,IAAA,CACF,GA0FD,KAAA,UAAU,IAAI,eAAe,GA2Q7B,KAAA,eAAe,YAAY;AV1Z7B,UAAA1C;AU2ZQ,UAAA;AACG,SAAAA,IAAA,KAAA,aAAA,QAAAA,EAAU,KAAK,KAAK;AAAA,eAClBP,GAAG;AACJ,cAAAS,IAAO,KAAK,aAAa,MAAM,GAC/ByC,IAAwB,KAAK,aAAa,SAAS;AACzD,aAAK,IAAI;AAAA,UACP,0DAA0DzC,CAAI,IAAIyC,CAAqB;AAAA,QACzF,GACK,KAAA,IAAI,MAAMlD,CAAC;AAAA,MAAA;AAAA,IAEpB,GAEA,KAAA,oBAAoB,MAAM;AVva5B,UAAAO,GAAA4C;AUwaQ,UAAA,SAAS,cAAc,uCAAuC,EAAG;AAE/D,YAAAC,IAAiB,SAAS,cAAc,QAAQ;AACtD,MAAAA,EAAe,OAAO,UACPA,EAAA,aAAa,QAAQ,wBAAwB,GAE5DA,EAAe,cAAc;AAAA,qCACG7C,IAAA,KAAK,YAAL,gBAAAA,EAAc,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,MAKlD,KAAK,GACE,SAAA,KAAK,YAAY6C,CAAc;AAElC,YAAAC,IAAmB,SAAS,cAAc,QAAQ;AACxD,MAAAA,EAAiB,OAAO,UACxBA,EAAiB,MAAM,IAAGF,IAAA,KAAK,YAAL,gBAAAA,EAAc,MAAM,iBACrC,SAAA,KAAK,YAAYE,CAAgB;AAAA,IAC5C,GAjYO,KAAA,MAAM,IAAI7F,EAAO;AAAA,MACpB,OAAOH,EAAsB,KAAK,aAAa,KAAK,CAAC;AAAA,IAAA,CACtD;AAED,UAAMiG,IACJ,YAAY,UAAU,eAAe,iBAAiB;AAEpD,QAAA;AACI,YAAAC,IAAYD,KAAuB,KAAK,gBAAgB;AAAA,aACvD,GAAG;AACL,WAAA,IAAI,MAAM,CAAC;AAAA,IAAA;AAAA,EAClB;AAAA,EAGF,MAAM,oBAAoB;AVxE5B,QAAA/C;AU2EQ,QAFI,QAAA,MAAM,uCAAuC,KAAK,OAAO,KAE7DA,IAAA,KAAK,YAAL,gBAAAA,EAAc,cAAa;AAG3B,UAAA;AACI,cAAAE,IAAO,KAAK,aAAa,MAAM,GAC/BG,IAAe,KAAK,aAAa,SAAS;AAChD,gBAAQ,MAAM,0CAA0C,EAAE,MAAAH,GAAM,cAAAG,GAAc,GAC9E,KAAK,YAAYJ,EAAc,WAAWC,GAAMG,CAAY,GAEvD,KAAA,MAAM,MAAM,KAAK,KAAK,GAC3B,QAAQ,MAAM,yCAAyC,EAAE,MAAAH,GAAM,cAAAG,GAAc,GAE7E,MAAM,KAAK,MAAM,GACjB,MAAM,KAAK,aAAa;AAAA,eACjB,GAAG;AACV,QAAI,aAAa,SACf,sBAAsB,MAAM;AAC1B,eAAK,UAAU,CAAC;AAAA,QAAA,CACjB,GAGH,KAAK,QAAQ,CAAU;AAAA,MAAA;AAAA,EACzB;AAAA,EAGF,UAAU4C,GAAc;AAEtB,QADQ,QAAA,MAAM,sBAAsBA,CAAK,GACrCA,aAAiBxC;AACd,WAAA;AAAA,QACH,IAAI,WAAW,aAAa;AAAA,UAC1B,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,UAAU;AAAA,UACV,OAAAwC;AAAA,UACA,SAASA,EAAM;AAAA,QAChB,CAAA;AAAA,MACH;AAAA,SACK;AAEL,YAAMC,IAAe,IAAIzC,EAASwC,EAAM,SAAS;AAAA,QAC/C,WAAW,KAAK;AAAA,QAChB,OAAAA;AAAA,MAAA,CACD;AAEI,WAAA;AAAA,QACH,IAAI,WAAW,aAAa;AAAA,UAC1B,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,UAAU;AAAA,UACV,OAAOC;AAAA,UACP,SAASA,EAAa;AAAA,QACvB,CAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAAA,EAGF,uBAAuB;AACf,UAAAhD,IAAO,KAAK,aAAa,MAAM;AACrC,YAAQ,MAAM,sCAAsC,EAAE,MAAAA,EAAA,CAAM,GAC5D,KAAK,IAAI,KAAK,0BAA0BA,CAAI,gBAAgB,GAC5D,KAAK,SAAS,WAAW;AAAA,EAAA;AAAA,EAI3B,wBAAwB;AACvB,YAAQ,MAAM,qCAAqC;AAAA,EAAA;AAAA,EAKpD,YAAY;AAAA,EAAA;AAAA,EAEZ,UAAUT,GAAU;AAElB,QADD,QAAQ,MAAM,oBAAoB,EAAE,GAAAA,EAAA,CAAG,GAClCA,aAAa,OAAO;AACtB,YAAM0D,IAAc,IAAItC,EAAepB,EAAE,SAAS;AAAA,QAChD,OAAOA;AAAA,QACP,WAAW,KAAK;AAAA,MAAA,CACjB;AACD,4BAAsB,MAAM;AAC1B,aAAK,UAAU0D,CAAW,GAC1B,KAAK,QAAQA,CAAW;AAAA,MAAA,CACzB;AAAA,IAAA;AAAA,EACH;AAAA,EAGF,MAAM,QAAQC,GAAoB;AAC5B,QAAA;AACH,cAAQ,MAAM,mBAAmB,GAC1B,MAAAA,GACP,QAAQ,MAAM,kBAAkB,GAC1B,KAAA;AAAA,QACH,IAAI/B,EAAc;AAAA,UAChB,WAAW,KAAK;AAAA,UAChB,QAAQ,KAAK;AAAA,QACd,CAAA;AAAA,MACH,GAEA,KAAK,QAAQ,WAAW,QACxB,OAAO,KAAK,QAAQ,UAEf,KAAA,SAAS,QAAQ,IAAI;AAAA,aACnB,GAAG;AACV,UAAI,aAAa,OAAO;AACtB,cAAM8B,IAAc,IAAItC,EAAe,EAAE,SAAS;AAAA,UAChD,OAAO;AAAA,UACP,WAAW,KAAK;AAAA,QAAA,CACjB;AACD,8BAAsB,MAAM;AAC1B,eAAK,UAAUsC,CAAW,GAC1B,KAAK,QAAQA,CAAW;AAAA,QAAA,CACzB;AAAA,MAAA;AAAA,IACH;AAAA,EACF;AAAA,EAGF,YAAYvH,GAAY;AACjB,SAAA,QAAQ,MAAM,YAAYA,CAAK;AAAA,EAAA;AAAA,EAGtC,MAAM,MAAMyH,GAAiC;AVnM/C,QAAArD,GAAA4C;AUoMQ,QAAA;AAIF,UAHD,QAAQ,MAAM,eAAe,GAC5B,KAAK,OACH,KAAK,aAAa,aAAa,KAAK,UAAU,WAAW,QACvD,KAAK,WAAW;AACd,YAAA,CAAC,KAAK;AACF,gBAAA,IAAI,MAAM,yBAAyB;AAGrC,cAAAU,IAAM,KAAK,eAAe,MAC1BC,IACJ,KAAK,cAAc,KAAK,aAAa,EAAE,MAAM,KAAK,MAAM;AAoB1D,YAlBK,KAAA;AAAA,UACH,IAAIpC,EAAkB;AAAA,YACpB,WAAW,KAAK;AAAA,YAChB,QAAQ,KAAK;AAAA,UACd,CAAA;AAAA,QACH,GAGE,CAACoC,EAAO,cAAc,yCAAyC,KAC/D,CAACA,EAAO,mBAAmB,WAEtB,OAAO,0BACH,OAAA,wBAAwB,IAAI,cAAc,GAC1C,OAAA,sBAAsB,YAAYC,CAAM,IAE1CD,EAAA,qBAAqB,CAAC,OAAO,qBAAqB,IAGvD,CAACD,GAAK;AACF,gBAAAG,IAAW,SAAS,cAAc,UAAU;AAClD,UAAAA,EAAS,YAAY,gDACrB,KAAK,YAAYA,CAAQ,GACzBF,EAAO,YAAYE,EAAS,QAAQ,UAAU,EAAI,CAAC;AAAA,QAAA;AAGrD,cAAMC,IAAO,KAAK,MAAM,KAAK,aAAa,sBAAsB,CAAE,GAE5DC,IAAa,OAAO;AAAA,UACxB,CAAC,GAAG,KAAK,UAAU,EAChB;AAAA,YACC,CAACtF,MACC,CAAC,KAAK,eAAe,IAAIA,EAAU,IAAI,KACvC,CAACA,EAAU,KAAK,WAAW,OAAO;AAAA,UAAA,EAErC,IAAI,CAACA,MAAc,CAACA,EAAU,MAAMA,EAAU,KAAK,CAAC;AAAA,QACzD;AAGK,aAAA,WAAW,IAAIY,EAAS;AAAA,UAC3B,OAAMe,IAAA,KAAK,cAAL,gBAAAA,EAAgB;AAAA,UACtB,SAAS;AAAA,UACT,UAAU;AAAA,UACV,YAAY,KAAK;AAAA,UACjB,QAAQ,KAAK;AAAA,QAAA,CACd,GAEG,CAAC0D,KAAQ,OAAO,KAAKC,CAAU,EAAE,SAAS,MAC5C,KAAK,IAAI;AAAA,UACP,OAAO,KAAK,UAAU,SAAA,CAAU;AAAA,UAChC;AAAA,UACA;AAAA,QACF,GACA,KAAK,IAAI;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAGF,cAAM,EAAE,WAAAC,GAAW,OAAAC,IAAQ,QAAQ,QAAQ,EAAA,IACzC,KAAK;AAAA,UACHN;AAAA,UACA;AAAA,YACE,GAAIG,KAAQC;AAAA,YACZ,MAAMD,KAAQC;AAAA,YACd,MAAM,KAAK,QAAQ;AAAA,YACnB,UAAU,KAAK;AAAA,YACf,aAAa,CAAC,CAACN;AAAA,YACf,UAAU,KAAK;AAAA,UACjB;AAAA,UACAC;AAAA,UACA,KAAK,UAAU,KAAK,IAAI;AAAA,QAAA,KACrB,CAAC;AAEJ,QAAAM,WAAgB,YAAYA,IAEhC,KAAK,QAAQC,CAAK;AAAA,MAAA;AAAA,aAEbC,GAAK;AACZ,iBAAK,IAAI;AAAA,QACP,6DAA4DlB,IAAA,KAAK,cAAL,gBAAAA,EAAgB,UAAU;AAAA,MACxF,GACK,KAAA,IAAI,MAAMkB,CAAG,GAEZA;AAAA,IAAA;AAAA,EACR;AAAA;AAAA;AAAA;AAAA,EAMF,QAAQrE,GAAU;AV5SpB,QAAAO;AU6SG,YAAQ,MAAM,kBAAkB,EAAE,OAAOP,GAAG;AAC3C,UAAMgE,IACJ,KAAK;AAAA,MACH;AAAA,IAAA,KACG,KAAK,cAAmC,UAAU;AAEzD,IAAIA,OACFzD,IAAA,KAAK,eAAL,QAAAA,EAAiB,gBAAgByD,EAAS,QAAQ,UAAU,EAAI,KAG7D,KAAK,QAAQ,aACX,KAAA,QAAQ,WAAWjC,EAAS/B,EAAE,KAAK,QAAQ,OAAO,EAAE,CAAC,IAE5D,OAAO,KAAK,QAAQ,UAEpB,KAAK,SAAS,WAAW;AAAA,EAAA;AAAA,EAG3B,MAAM,OAAO;AV/Tf,QAAAO;AUiUQ,QADL,QAAQ,MAAM,eAAe,GACxB,CAAC,KAAK,UAAU;AACZ,YAAA,IAAI,MAAM,eAAe;AAE3B,UAAAE,IAAO,KAAK,aAAa,MAAM,GAC/ByC,IAAwB,KAAK,aAAa,SAAS,GACnDoB,IAAU,OAAO,KAAK,aAAa,cAAc,KAAK,GAAK,GAC3D5B,IAAU,KAAK,aAAa,UAAU;AACvC,SAAA,UAAUD,EAAcC,CAAO;AACpC,UAAM6B,IAAY,MAAM1B;AAAA,MACtB,KAAK,UAAU;AAAA,MACf,KAAK;AAAA,IACP,GAGM/F,IAAK,KAAK,aAAa,IAAI;AAE7B,IAAAyH,KAAa,KAAK,WACpB,KAAK,kBAAkB,GAGzB,KAAK,SAASA,IACV,IAAGhE,IAAA,KAAK,YAAL,gBAAAA,EAAc,MAAM,QAAQ,KAAK,UAAU,IAAI,iBAAiBzD,CAAE,KACrE,kCAAkC,KAAK,UAAU,GAAG,IAAI,KAAK,UAAU,IAAI,GACzEoG,IAAwB,IAAIA,CAAqB,KAAK,SACxD,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,UAAU,IAAI,UAAUpG,CAAE;AAE1D,QAAA;AACH,qBAAQ,MAAM,mCAAmC,GACzC,MAAM,IAAI;AAAA,QACf,CAAC0H,GAASC,MAAW;AACb,gBAAAC,IAAK,WAAW,MAAM;AACrB,iBAAA,IAAI,MAAM,0BAA0B,GACzCD;AAAA,cACE,IAAIpD,EAAgB;AAAA,gBAClB,WAAW,KAAK;AAAA,gBAChB,QAAQ,KAAK;AAAA,cACd,CAAA;AAAA,YACH;AAAA,UAAA,GACC,OAAOiD,CAAO,CAAC;AAElB,cAAI,KAAK;AACP;AAAA;AAAA,cAAiC,KAAK;AAAA;AAAA,cACnC,KAAK,CAAC,EAAE,SAASK,QAA8B;AAE9C,kBADO,QAAA,MAAM,8CAA8CA,CAAuB,GAC9EA;AACF,6BAAaD,CAAE,GACfF,EAAQG,CAAuB;AAAA;AAE/B,sBAAM,IAAIxD;AAAA,kBACR;AAAA,kBACA;AAAA,oBACE,WAAW,KAAK;AAAA,oBAChB,QAAQ,KAAK;AAAA,kBAAA;AAAA,gBAEjB;AAAA,YAAA,CACH,EACA,MAAM,CAACnB,MAAM;AACb,sBAAQ,MAAM,qBAAqB,EAAC,OAAOA,GAAE,GAC5C,aAAa0E,CAAE,GACV,KAAA,IAAI,MAAM1E,CAAC,GACZA,aAAa,SAAS,EAAEA,aAAamB,KACvCsD;AAAA,gBACE,IAAItD,EAAenB,EAAE,SAAS;AAAA,kBAC5B,WAAW,KAAK;AAAA,kBAChB,QAAQ,KAAK;AAAA,gBACd,CAAA;AAAA,cACH,IAEAyE,EAAOzE,CAAC;AAAA,YACV,CACD;AAAA;AAEH,+BAAa0E,CAAE,GACT,IAAIvD,EAAe,mBAAmBV,CAAI,IAAI;AAAA,cAClD,WAAW,KAAK;AAAA,cAChB,QAAQ,KAAK;AAAA,YAAA,CACd;AAAA,QACH;AAAA,MAEJ;AAAA,aACO4D,GAAK;AACZ,iBAAK,IAAI;AAAA,QACP,oDAAoD5D,CAAI,IAAIyC,CAAqB;AAAA,MACnF,GAEMmB;AAAA,IAAA;AAAA,EACR;AAqCJ;","x_google_ignoreList":[0,1]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@financial-times/custom-code-component",
-  "version": "2.0.5",
+  "version": "2.0.6-beta.2",
   "type": "module",
   "exports": {
     ".": {
@@ -28,8 +28,8 @@
     "@datastream/core": "^0.0.36",
     "@financial-times/content-tree": "github:financial-times/content-tree",
     "@open-wc/testing-helpers": "^3.0.1",
-    "@testing-library/jest-dom": "^6.4.8",
-    "@testing-library/react": "^16.0.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
     "@vitejs/plugin-react": "^4.0.4",
     "@vitest/browser": "^3.0.6",
     "eslint": "^8.47.0",

package/src/custom-code-component.ts CHANGED Viewed

@@ -54,6 +54,7 @@ export class FTCustomCodeComponent extends HTMLElement {
   });
   constructor() {
+    console.debug('CCC: constructor called')
     super();
     this.log = new Logger({
       level: convertStringLogLevel(this.getAttribute("log")),
@@ -70,12 +71,20 @@ export class FTCustomCodeComponent extends HTMLElement {
   }
   async connectedCallback() {
+    console.debug('CCC: connectedCallback() 1 dataset:', this.dataset)
+    if (this.dataset?.cccReady === 'true') {
+      return;
+    }
     try {
       const path = this.getAttribute("path");
       const versionRange = this.getAttribute("version");
+      console.debug('CCC: before load connectedCallback() 2', { path, versionRange })
       this.component = ComponentPath.fromString(path, versionRange);
       this.app = await this.load();
+      console.debug('CCC: after load connectedCallback() 3', { path, versionRange })
       await this.mount();
       await this.initTracking();
     } catch (e) {
@@ -90,6 +99,7 @@ export class FTCustomCodeComponent extends HTMLElement {
   }
   emitError(error: Error) {
+    console.debug("CCC: ccc#emitError", error);
     if (error instanceof CCCError) {
       this.dispatchEvent(
         new ErrorEvent("ccc:error", {
@@ -121,21 +131,39 @@ export class FTCustomCodeComponent extends HTMLElement {
   disconnectedCallback() {
     const path = this.getAttribute("path");
+    console.debug('CCC: disconnectedCallback() called', { path })
     this.log.info(`<custom-code-component:${path}> disconnected`);
-    if (typeof this.onunmount === "function") this.onunmount();
     this.observer.disconnect();
+    // this.unmount(new Error('whatever'));
+  }
+  connectedMoveCallback() {
+   console.debug('CCC: connectedMoveCallback() called')
   }
   channel = new MessageChannel();
   onmessage() {}
-  onunmount(root?: any) {}
+  onunmount(e: Error) {
+   console.debug('CCC: onunmount()', { e })
+    if (e instanceof Error) {
+      const renderError = new CCCRenderError(e.message, {
+        error: e,
+        component: this.component,
+      });
+      requestAnimationFrame(() => {
+        this.emitError(renderError);
+        this.unmount(renderError);
+      });
+    }
+  }
   async onready(app: Promise<void>) {
     try {
+     console.debug('CCC: onready() 1 ')
       await app;
+     console.debug('CCC: onready() 2')
       this.dispatchEvent(
         new CCCReadyEvent({
           component: this.component,
@@ -167,6 +195,7 @@ export class FTCustomCodeComponent extends HTMLElement {
   async mount(prerendered?: ShadowRoot | null) {
     try {
+     console.debug('CCC: mount() ')
       this.mode =
         this.getAttribute("shadow-open") == "false" ? "closed" : "open";
       if (this.component) {
@@ -237,26 +266,24 @@ export class FTCustomCodeComponent extends HTMLElement {
           );
         }
-        const {
-          unmount,
-          onmessage,
-          ready = Promise.resolve(),
-        } = this.app(
-          shadow,
-          {
-            ...(data ?? extraProps),
-            data: data ?? extraProps,
-            port: this.channel.port2,
-            tracking: this.tracking,
-            prerendered: !!prerendered,
-            children: this.children,
-          },
-          ssr
-        ) || {};
-        if (unmount) this.onunmount = unmount;
+        const { onmessage, ready = Promise.resolve() } =
+          this.app(
+            shadow,
+            {
+              ...(data ?? extraProps),
+              data: data ?? extraProps,
+              port: this.channel.port2,
+              tracking: this.tracking,
+              prerendered: !!prerendered,
+              children: this.children,
+            },
+            ssr,
+            this.onunmount.bind(this)
+          ) || {};
         if (onmessage) this.onmessage = onmessage;
-        if (ready) this.onready(ready);
+        this.onready(ready);
       }
     } catch (err) {
       this.log.info(
@@ -272,7 +299,7 @@ export class FTCustomCodeComponent extends HTMLElement {
   // Replace shadow root with either <slot> or template[data-component-fallback]
   // slot on failure
   unmount(e: Error) {
-    this.onunmount(e);
+   console.debug('CCC: unmount()', { error: e })
     const template =
       this.querySelector<HTMLTemplateElement>(
         "template[data-component-fallback]"
@@ -291,6 +318,7 @@ export class FTCustomCodeComponent extends HTMLElement {
   }
   async load() {
+   console.debug('CCC: load() 1')
     if (!this.component.isValid) {
       throw new Error("No path found");
     }
@@ -318,6 +346,7 @@ export class FTCustomCodeComponent extends HTMLElement {
         }/${this.component.name}/${this.component.name}.js?id=${id}`;
     try {
+     console.debug('CCC: load() 2 before BaseRenderer')
       return await new Promise<typeof BaseRenderer.prototype.render>(
         (resolve, reject) => {
           const to = setTimeout(() => {
@@ -333,6 +362,7 @@ export class FTCustomCodeComponent extends HTMLElement {
           if (this.source) {
             import(/* webpackIgnore: true */ this.source /* @vite-ignore */)
               .then(({ default: componentRenderFunction }) => {
+               console.debug('CCC: load() 4 inside promise Base Renderer', componentRenderFunction)
                 if (componentRenderFunction) {
                   clearTimeout(to);
                   resolve(componentRenderFunction);
@@ -346,6 +376,7 @@ export class FTCustomCodeComponent extends HTMLElement {
                   );
               })
               .catch((e) => {
+               console.debug('CCC: load() catch', {error: e})
                 clearTimeout(to);
                 this.log.error(e);
                 if (e instanceof Error && !(e instanceof CCCImportError)) {