clarity-js 0.8.30 → 0.8.32

package/build/clarity.module.js

@@ -88,6 +88,7 @@ var clarity = /*#__PURE__*/Object.freeze({
     get queue () { return queue; },
     get register () { return register; },
     get resume () { return resume; },
+    get schedule () { return schedule; },
     get set () { return set; },
     get signal () { return signal; },
     get start () { return start; },
@@ -172,7 +173,7 @@ var startTime = 0;
 function computeStartTime() {
     return performance.now() + performance.timeOrigin;
 }
-function start$L() {
+function start$M() {
     startTime = computeStartTime();
 }
 // event.timestamp is number of milliseconds elapsed since the document was loaded
@@ -188,11 +189,11 @@ function time(event) {
     var origin = event && event.view ? event.view.performance.timeOrigin : performance.timeOrigin;
     return Math.max(Math.round(ts + origin - baseline), 0);
 }
-function stop$I() {
+function stop$J() {
     startTime = 0;
 }
 
-var version$1 = "0.8.30";
+var version$1 = "0.8.32";
 
 // tslint:disable: no-bitwise
 function hash (input, precision) {
@@ -413,11 +414,11 @@ function redact$1(value) {
 var state$b = null;
 var buffer = null;
 var update$2 = false;
-function start$K() {
+function start$L() {
     update$2 = false;
-    reset$t();
+    reset$u();
 }
-function reset$t() {
+function reset$u() {
     // Baseline state holds the previous values - if it is updated in the current payload,
     // reset the state to current value after sending the previous state
     if (update$2) {
@@ -550,32 +551,32 @@ function compute$g() {
         encode$1(4 /* Event.Baseline */);
     }
 }
-function stop$H() {
-    reset$t();
+function stop$I() {
+    reset$u();
 }
 
 var baseline = /*#__PURE__*/Object.freeze({
     __proto__: null,
     activity: activity,
     compute: compute$g,
-    reset: reset$t,
-    start: start$K,
+    reset: reset$u,
+    start: start$L,
     get state () { return state$b; },
-    stop: stop$H,
+    stop: stop$I,
     track: track$8,
     visibility: visibility
 });
 
 var data$l = null;
 var updateConsent = true;
-function start$J() {
+function start$K() {
     var _a, _b;
     updateConsent = true;
     if ((_b = (_a = window.google_tag_data) === null || _a === void 0 ? void 0 : _a.ics) === null || _b === void 0 ? void 0 : _b.addListener) {
         window.google_tag_data.ics.addListener(["ad_storage" /* Constant.AdStorage */, "analytics_storage" /* Constant.AnalyticsStorage */], processConsent);
     }
 }
-function stop$G() {
+function stop$H() {
     updateConsent = true;
 }
 function processConsent() {
@@ -625,8 +626,8 @@ var consent$2 = /*#__PURE__*/Object.freeze({
     config: config$1,
     consent: consent$1,
     get data () { return data$l; },
-    start: start$J,
-    stop: stop$G,
+    start: start$K,
+    stop: stop$H,
     trackConsentv2: trackConsentv2
 });
 
@@ -650,12 +651,12 @@ function event(a, b) {
 
 var data$j = null;
 var updates$3 = null;
-function start$I() {
+function start$J() {
     data$j = {};
     updates$3 = {};
     count$1(5 /* Metric.InvokeCount */);
 }
-function stop$F() {
+function stop$G() {
     data$j = {};
     updates$3 = {};
 }
@@ -696,7 +697,7 @@ function max(metric, value) {
 function compute$e() {
     encode$1(0 /* Event.Metric */);
 }
-function reset$s() {
+function reset$t() {
     updates$3 = {};
 }
 
@@ -711,11 +712,11 @@ var data$i;
 var last = 0;
 var interval = 0;
 var timeout$7 = null;
-function start$H() {
+function start$I() {
     interval = 60000 /* Setting.PingInterval */;
     last = 0;
 }
-function reset$r() {
+function reset$s() {
     if (timeout$7) {
         clearTimeout$1(timeout$7);
     }
@@ -733,7 +734,7 @@ function ping() {
         suspend();
     }
 }
-function stop$E() {
+function stop$F() {
     clearTimeout$1(timeout$7);
     last = 0;
     interval = 0;
@@ -742,16 +743,16 @@ function stop$E() {
 var ping$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     get data () { return data$i; },
-    reset: reset$r,
-    start: start$H,
-    stop: stop$E
+    reset: reset$s,
+    start: start$I,
+    stop: stop$F
 });
 
 var data$h = null;
-function start$G() {
+function start$H() {
     data$h = {};
 }
-function stop$D() {
+function stop$E() {
     data$h = {};
 }
 function track$7(event, time) {
@@ -774,7 +775,7 @@ function track$7(event, time) {
 function compute$d() {
     encode$1(36 /* Event.Summary */);
 }
-function reset$q() {
+function reset$r() {
     data$h = {};
 }
 
@@ -782,9 +783,9 @@ var summary = /*#__PURE__*/Object.freeze({
     __proto__: null,
     compute: compute$d,
     get data () { return data$h; },
-    reset: reset$q,
-    start: start$G,
-    stop: stop$D,
+    reset: reset$r,
+    start: start$H,
+    stop: stop$E,
     track: track$7
 });
 
@@ -902,8 +903,8 @@ function read(stream) {
 }
 
 var data$g = null;
-function start$F() {
-    reset$p();
+function start$G() {
+    reset$q();
 }
 function set(variable, value) {
     var values = typeof value === "string" /* Constant.String */ ? [value] : value;
@@ -961,11 +962,11 @@ function log$2(variable, value) {
 function compute$c() {
     encode$1(34 /* Event.Variable */);
 }
-function reset$p() {
+function reset$q() {
     data$g = {};
 }
-function stop$C() {
-    reset$p();
+function stop$D() {
+    reset$q();
 }
 function redact(input) {
     return input && input.length >= 5 /* Setting.WordLength */ ?
@@ -1002,10 +1003,10 @@ var variable = /*#__PURE__*/Object.freeze({
     compute: compute$c,
     get data () { return data$g; },
     identify: identify,
-    reset: reset$p,
+    reset: reset$q,
     set: set,
-    start: start$F,
-    stop: stop$C
+    start: start$G,
+    stop: stop$D
 });
 
 var data$f = {};
@@ -1014,8 +1015,8 @@ var variables = {};
 var selectors = {};
 var hashes = {};
 var validation = {};
-function start$E() {
-    reset$o();
+function start$F() {
+    reset$p();
 }
 // Input string is of the following form:
 // EXTRACT 101|element { "1": ".class1", "2": "~window.a.b", "3": "!abc"}
@@ -1111,7 +1112,7 @@ function compute$b() {
         log$1(5 /* Code.Selector */, 1 /* Severity.Warning */, e ? e.name : null);
     }
 }
-function reset$o() {
+function reset$p() {
     keys.clear();
 }
 function update$1(key, subkey, value) {
@@ -1130,8 +1131,8 @@ function update$1(key, subkey, value) {
     }
     return;
 }
-function stop$B() {
-    reset$o();
+function stop$C() {
+    reset$p();
 }
 function parse$1(variable) {
     var syntax = [];
@@ -1202,9 +1203,9 @@ var extract = /*#__PURE__*/Object.freeze({
     compute: compute$b,
     data: data$f,
     keys: keys,
-    reset: reset$o,
-    start: start$E,
-    stop: stop$B,
+    reset: reset$p,
+    start: start$F,
+    stop: stop$C,
     trigger: trigger$2,
     update: update$1
 });
@@ -1238,18 +1239,18 @@ function signalsEvent(signalsPayload) {
 }
 
 var modules$1 = [baseline, dimension, variable, limit, summary, consent$2, metadata$1, envelope$1, upload$1, ping$1, upgrade$1, extract];
-function start$D() {
+function start$E() {
     // Metric needs to be initialized before we can start measuring. so metric is not wrapped in measure
-    start$I();
+    start$J();
     modules$1.forEach(function (x) { return measure(x.start)(); });
 }
-function stop$A() {
+function stop$B() {
     // Stop modules in the reverse order of their initialization
     // The ordering below should respect inter-module dependency.
     // E.g. if upgrade depends on upload, then upgrade needs to end before upload.
     // Similarly, if upload depends on metadata, upload needs to end before metadata.
     modules$1.slice().reverse().forEach(function (x) { return measure(x.stop)(); });
-    stop$F();
+    stop$G();
 }
 function compute$a() {
     compute$c();
@@ -1264,7 +1265,7 @@ function compute$a() {
 
 var history$5 = [];
 var data$e;
-function start$C() {
+function start$D() {
     history$5 = [];
     max(26 /* Metric.Automation */, navigator.webdriver ? 1 /* BooleanFlag.True */ : 0 /* BooleanFlag.False */);
     try {
@@ -1275,7 +1276,7 @@ function start$C() {
         max(31 /* Metric.Iframed */, 0 /* IframeStatus.Unknown */);
     }
 }
-function check$4(id, target, input) {
+function check$5(id, target, input) {
     // Compute hash for fraud detection, if enabled. Hash is computed only if input meets the minimum length criteria
     if (config$2.fraud && id !== null && input && input.length >= 5 /* Setting.WordLength */) {
         data$e = { id: id, target: target, checksum: hash(input, 28 /* Setting.ChecksumPrecision */) };
@@ -1288,8 +1289,8 @@ function check$4(id, target, input) {
 }
 
 var state$a = [];
-function start$B() {
-    reset$n();
+function start$C() {
+    reset$o();
 }
 function observe$c(root) {
     bind(root, "change", recompute$8, true);
@@ -1303,11 +1304,11 @@ function recompute$8(evt) {
         schedule(encode$4.bind(this, 42 /* Event.Change */));
     }
 }
-function reset$n() {
+function reset$o() {
     state$a = [];
 }
-function stop$z() {
-    reset$n();
+function stop$A() {
+    reset$o();
 }
 
 function offset(element) {
@@ -1328,8 +1329,8 @@ function offset(element) {
 
 var UserInputTags = ["input", "textarea", "radio", "button", "canvas", "select"];
 var state$9 = [];
-function start$A() {
-    reset$m();
+function start$B() {
+    reset$n();
 }
 function observe$b(root) {
     bind(root, "click", handler$3.bind(this, 9 /* Event.Click */, root), true);
@@ -1455,16 +1456,16 @@ function context(a) {
     }
     return 0 /* BrowsingContext.Self */;
 }
-function reset$m() {
+function reset$n() {
     state$9 = [];
 }
-function stop$y() {
-    reset$m();
+function stop$z() {
+    reset$n();
 }
 
 var state$8 = [];
-function start$z() {
-    reset$l();
+function start$A() {
+    reset$m();
 }
 function observe$a(root) {
     bind(root, "cut", recompute$7.bind(this, 0 /* Clipboard.Cut */), true);
@@ -1475,17 +1476,17 @@ function recompute$7(action, evt) {
     state$8.push({ time: time(evt), event: 38 /* Event.Clipboard */, data: { target: target(evt), action: action } });
     schedule(encode$4.bind(this, 38 /* Event.Clipboard */));
 }
-function reset$l() {
+function reset$m() {
     state$8 = [];
 }
-function stop$x() {
-    reset$l();
+function stop$y() {
+    reset$m();
 }
 
 var timeout$6 = null;
 var state$7 = [];
-function start$y() {
-    reset$k();
+function start$z() {
+    reset$l();
 }
 function observe$9(root) {
     bind(root, "input", recompute$6, true);
@@ -1515,12 +1516,12 @@ function recompute$6(evt) {
 function process$7(event) {
     schedule(encode$4.bind(this, event));
 }
-function reset$k() {
+function reset$l() {
     state$7 = [];
 }
-function stop$w() {
+function stop$x() {
     clearTimeout$1(timeout$6);
-    reset$k();
+    reset$l();
 }
 
 var state$6 = [];
@@ -1528,8 +1529,8 @@ var timeout$5 = null;
 var hasPrimaryTouch = false;
 var primaryTouchId = 0;
 var activeTouchPointIds = new Set();
-function start$x() {
-    reset$j();
+function start$y() {
+    reset$k();
 }
 function observe$8(root) {
     bind(root, "mousedown", mouse.bind(this, 13 /* Event.MouseDown */, root), true);
@@ -1624,7 +1625,7 @@ function handler$2(current) {
 function process$6(event) {
     schedule(encode$4.bind(this, event));
 }
-function reset$j() {
+function reset$k() {
     state$6 = [];
 }
 function similar$1(last, current) {
@@ -1636,7 +1637,7 @@ function similar$1(last, current) {
     var sameId = current.data.id !== undefined ? current.data.id === last.data.id : true;
     return current.event === last.event && match && distance < 20 /* Setting.Distance */ && gap < 25 /* Setting.PointerInterval */ && sameId;
 }
-function stop$v() {
+function stop$w() {
     clearTimeout$1(timeout$5);
     // Send out any pending pointer events in the pipeline
     if (state$6.length > 0) {
@@ -1696,7 +1697,7 @@ var data$d;
 var timeout$4 = null;
 var initialStateLogged = false;
 var throttledRecompute$1 = throttle(recompute$5, 500 /* Setting.LookAhead */);
-function start$w() {
+function start$x() {
     initialStateLogged = false;
     bind(window, "resize", throttledRecompute$1);
     recompute$5();
@@ -1721,20 +1722,20 @@ function recompute$5() {
 function process$5(event) {
     schedule(encode$4.bind(this, event));
 }
-function reset$i() {
+function reset$j() {
     data$d = null;
     clearTimeout$1(timeout$4);
     throttledRecompute$1.cleanup();
 }
-function stop$u() {
-    reset$i();
+function stop$v() {
+    reset$j();
 }
 
 var state$5 = [];
 var initialTop = null;
 var initialBottom = null;
 var timeout$3 = null;
-function start$v() {
+function start$w() {
     state$5 = [];
     recompute$4();
 }
@@ -1806,7 +1807,7 @@ function getPositionNode(x, y) {
     }
     return node;
 }
-function reset$h() {
+function reset$i() {
     state$5 = [];
     initialTop = null;
     initialBottom = null;
@@ -1830,7 +1831,7 @@ function compute$9() {
         log(32 /* Dimension.InitialScrollBottom */, (_b = bottom === null || bottom === void 0 ? void 0 : bottom.hash) === null || _b === void 0 ? void 0 : _b.join("." /* Constant.Dot */));
     }
 }
-function stop$t() {
+function stop$u() {
     clearTimeout$1(timeout$3);
     throttledRecompute.cleanup();
     state$5 = [];
@@ -1841,8 +1842,8 @@ function stop$t() {
 var data$c = null;
 var previous = null;
 var timeout$2 = null;
-function start$u() {
-    reset$g();
+function start$v() {
+    reset$h();
 }
 function observe$6(root) {
     bind(root, "selectstart", recompute$3.bind(this, root), true);
@@ -1881,18 +1882,18 @@ function recompute$3(root) {
 function process$3(event) {
     schedule(encode$4.bind(this, event));
 }
-function reset$g() {
+function reset$h() {
     previous = null;
     data$c = { start: 0, startOffset: 0, end: 0, endOffset: 0 };
 }
-function stop$s() {
-    reset$g();
+function stop$t() {
+    reset$h();
     clearTimeout$1(timeout$2);
 }
 
 var state$4 = [];
-function start$t() {
-    reset$f();
+function start$u() {
+    reset$g();
 }
 function observe$5(root) {
     bind(root, "submit", recompute$2, true);
@@ -1901,15 +1902,15 @@ function recompute$2(evt) {
     state$4.push({ time: time(evt), event: 39 /* Event.Submit */, data: { target: target(evt) } });
     schedule(encode$4.bind(this, 39 /* Event.Submit */));
 }
-function reset$f() {
+function reset$g() {
     state$4 = [];
 }
-function stop$r() {
-    reset$f();
+function stop$s() {
+    reset$g();
 }
 
 var data$b;
-function start$s() {
+function start$t() {
     bind(window, "pagehide", recompute$1);
 }
 function recompute$1(evt) {
@@ -1917,15 +1918,15 @@ function recompute$1(evt) {
     encode$4(26 /* Event.Unload */, time(evt));
     stop();
 }
-function reset$e() {
+function reset$f() {
     data$b = null;
 }
-function stop$q() {
-    reset$e();
+function stop$r() {
+    reset$f();
 }
 
 var data$a;
-function start$r() {
+function start$s() {
     bind(document, "visibilitychange", recompute);
     recompute();
 }
@@ -1934,22 +1935,22 @@ function recompute(evt) {
     data$a = { visible: "visibilityState" in document ? document.visibilityState : "default" };
     encode$4(28 /* Event.Visibility */, time(evt));
 }
-function reset$d() {
+function reset$e() {
     data$a = null;
 }
-function stop$p() {
-    reset$d();
+function stop$q() {
+    reset$e();
 }
 
 var data$9;
-function start$q() {
+function start$r() {
     bind(window, "focus", function () { return compute$8(1 /* BooleanFlag.True */); });
     bind(window, "blur", function () { return compute$8(0 /* BooleanFlag.False */); });
 }
-function stop$o() {
-    reset$c();
+function stop$p() {
+    reset$d();
 }
-function reset$c() {
+function reset$d() {
     data$9 = null;
 }
 function compute$8(focus) {
@@ -1957,35 +1958,35 @@ function compute$8(focus) {
     encode$4(50 /* Event.Focus */);
 }
 
-function start$p() {
+function start$q() {
     start$i();
+    start$B();
     start$A();
+    start$y();
     start$z();
     start$x();
-    start$y();
-    start$w();
+    start$s();
     start$r();
-    start$q();
+    start$w();
     start$v();
+    start$C();
     start$u();
-    start$B();
     start$t();
-    start$s();
 }
-function stop$n() {
+function stop$o() {
     stop$g();
+    stop$z();
     stop$y();
+    stop$w();
     stop$x();
     stop$v();
-    stop$w();
-    stop$u();
+    stop$q();
     stop$p();
-    stop$o();
+    stop$u();
     stop$t();
+    stop$A();
     stop$s();
-    stop$z();
     stop$r();
-    stop$q();
 }
 function observe$4(root) {
     observe$7(root);
@@ -2005,8 +2006,8 @@ function observe$4(root) {
 var interaction = /*#__PURE__*/Object.freeze({
     __proto__: null,
     observe: observe$4,
-    start: start$p,
-    stop: stop$n
+    start: start$q,
+    stop: stop$o
 });
 
 // Following code takes an array of tokens and transforms it to optimize for repeating tokens and make it efficient to send over the wire
@@ -2095,7 +2096,7 @@ function proxyStyleRules$1(win) {
         }
     }
 }
-function start$o() {
+function start$p() {
     proxyStyleRules$1(window);
 }
 function checkDocumentStyles(documentNode, timestamp) {
@@ -2147,16 +2148,16 @@ function compute$7() {
         checkDocumentStyles(documentNode, ts);
     }
 }
-function reset$b() {
+function reset$c() {
     sheetAdoptionState = [];
     sheetUpdateState = [];
 }
-function stop$m() {
+function stop$n() {
     styleSheetMap = {};
     styleTimeMap = {};
     documentNodes = [];
     createdSheetIds = [];
-    reset$b();
+    reset$c();
 }
 function trackStyleChange(time, id, operation, cssRules) {
     sheetUpdateState.push({
@@ -2199,14 +2200,14 @@ var animationFinish = null;
 var animationId = 'clarityAnimationId';
 var operationCount = 'clarityOperationCount';
 var maxOperations = 20;
-function start$n() {
+function start$o() {
     if (window["Animation"] &&
         window["Animation"].prototype &&
         window["KeyframeEffect"] &&
         window["KeyframeEffect"].prototype &&
         window["KeyframeEffect"].prototype.getKeyframes &&
         window["KeyframeEffect"].prototype.getTiming) {
-        reset$a();
+        reset$b();
         overrideAnimationHelper(animationPlay, "play");
         overrideAnimationHelper(animationPause, "pause");
         overrideAnimationHelper(animationCommitStyles, "commitStyles");
@@ -2236,7 +2237,7 @@ function start$n() {
         }
     }
 }
-function reset$a() {
+function reset$b() {
     state$3 = [];
 }
 function track$6(time, id, operation, keyFrames, timing, targetId, timeline) {
@@ -2254,8 +2255,8 @@ function track$6(time, id, operation, keyFrames, timing, targetId, timeline) {
     });
     encode$5(44 /* Event.Animation */);
 }
-function stop$l() {
-    reset$a();
+function stop$m() {
+    reset$b();
 }
 function overrideAnimationHelper(functionToOverride, name) {
     if (functionToOverride === null) {
@@ -2305,13 +2306,49 @@ function trackAnimationOperation(animation, name) {
     }
 }
 
+var elements = [];
+var definedElements = new Set();
+function register$1(tag) {
+    if (!definedElements.has(tag)) {
+        definedElements.add(tag);
+        elements.push(tag);
+        schedule(encode$5.bind(this, 51 /* Event.CustomElement */));
+    }
+}
+function check$4(tag) {
+    var _a;
+    if (((_a = window.customElements) === null || _a === void 0 ? void 0 : _a.get) && window.customElements.get(tag)) {
+        register$1(tag);
+    }
+}
+function start$n() {
+    var _a;
+    window.clarityOverrides = window.clarityOverrides || {};
+    if (((_a = window.customElements) === null || _a === void 0 ? void 0 : _a.define) && !window.clarityOverrides.define) {
+        window.clarityOverrides.define = window.customElements.define;
+        window.customElements.define = function () {
+            if (active()) {
+                register$1(arguments[0]);
+            }
+            return window.clarityOverrides.define.apply(this, arguments);
+        };
+    }
+}
+function reset$a() {
+    elements.length = 0;
+}
+function stop$l() {
+    reset$a();
+    definedElements.clear();
+}
+
 function encode$5 (type, timer, ts) {
     if (timer === void 0) { timer = null; }
     if (ts === void 0) { ts = null; }
     return __awaiter(this, void 0, void 0, function () {
-        var eventTime, tokens, _a, d, _i, _b, r, _c, _d, entry, _e, _f, entry, _g, _h, entry, values, _j, values_1, value, state$1, data, active, suspend, privacy, mangle, keys, _k, keys_1, key, box, factor, attr;
-        return __generator(this, function (_l) {
-            switch (_l.label) {
+        var eventTime, tokens, _a, d, _i, _b, r, _c, _d, entry, _e, _f, entry, _g, _h, entry, values, _j, values_1, value, state$1, data, active, suspend, privacy, mangle, keys, _k, keys_1, key, box, factor, attr, _l, _m, element;
+        return __generator(this, function (_o) {
+            switch (_o.label) {
                 case 0:
                     eventTime = ts || time();
                     tokens = [eventTime, type];
@@ -2324,15 +2361,16 @@ function encode$5 (type, timer, ts) {
                         case 44 /* Event.Animation */: return [3 /*break*/, 4];
                         case 5 /* Event.Discover */: return [3 /*break*/, 5];
                         case 6 /* Event.Mutation */: return [3 /*break*/, 5];
+                        case 51 /* Event.CustomElement */: return [3 /*break*/, 12];
                     }
-                    return [3 /*break*/, 12];
+                    return [3 /*break*/, 13];
                 case 1:
                     d = data$8;
                     tokens.push(d.width);
                     tokens.push(d.height);
                     track$8(type, d.width, d.height);
                     queue(tokens);
-                    return [3 /*break*/, 12];
+                    return [3 /*break*/, 13];
                 case 2:
                     for (_i = 0, _b = state$2; _i < _b.length; _i++) {
                         r = _b[_i];
@@ -2344,7 +2382,7 @@ function encode$5 (type, timer, ts) {
                         queue(tokens, false);
                     }
                     reset$6();
-                    return [3 /*break*/, 12];
+                    return [3 /*break*/, 13];
                 case 3:
                     for (_c = 0, _d = sheetAdoptionState; _c < _d.length; _c++) {
                         entry = _d[_c];
@@ -2362,8 +2400,8 @@ function encode$5 (type, timer, ts) {
                         tokens.push(entry.data.cssRules);
                         queue(tokens, false);
                     }
-                    reset$b();
-                    return [3 /*break*/, 12];
+                    reset$c();
+                    return [3 /*break*/, 13];
                 case 4:
                     for (_g = 0, _h = state$3; _g < _h.length; _g++) {
                         entry = _h[_g];
@@ -2376,17 +2414,17 @@ function encode$5 (type, timer, ts) {
                         tokens.push(entry.data.targetId);
                         queue(tokens);
                     }
-                    reset$a();
-                    return [3 /*break*/, 12];
+                    reset$b();
+                    return [3 /*break*/, 13];
                 case 5:
                     // Check if we are operating within the context of the current page
                     if (state(timer) === 2 /* Task.Stop */) {
-                        return [3 /*break*/, 12];
+                        return [3 /*break*/, 13];
                     }
                     values = updates$2();
                     if (!(values.length > 0)) return [3 /*break*/, 11];
                     _j = 0, values_1 = values;
-                    _l.label = 6;
+                    _o.label = 6;
                 case 6:
                     if (!(_j < values_1.length)) return [3 /*break*/, 10];
                     value = values_1[_j];
@@ -2394,8 +2432,8 @@ function encode$5 (type, timer, ts) {
                     if (!(state$1 === 0 /* Task.Wait */)) return [3 /*break*/, 8];
                     return [4 /*yield*/, suspend$1(timer)];
                 case 7:
-                    state$1 = _l.sent();
-                    _l.label = 8;
+                    state$1 = _o.sent();
+                    _o.label = 8;
                 case 8:
                     if (state$1 === 2 /* Task.Stop */) {
                         return [3 /*break*/, 10];
@@ -2435,13 +2473,13 @@ function encode$5 (type, timer, ts) {
                                     }
                                     break;
                                 case "value":
-                                    check$4(value.metadata.fraud, value.id, data[key]);
+                                    check$5(value.metadata.fraud, value.id, data[key]);
                                     tokens.push(text$1(data[key], data.tag, privacy, mangle));
                                     break;
                             }
                         }
                     }
-                    _l.label = 9;
+                    _o.label = 9;
                 case 9:
                     _j++;
                     return [3 /*break*/, 6];
@@ -2450,9 +2488,16 @@ function encode$5 (type, timer, ts) {
                         activity(eventTime);
                     }
                     queue(tokenize(tokens), !config$2.lean);
-                    _l.label = 11;
-                case 11: return [3 /*break*/, 12];
-                case 12: return [2 /*return*/];
+                    _o.label = 11;
+                case 11: return [3 /*break*/, 13];
+                case 12:
+                    for (_l = 0, _m = elements; _l < _m.length; _l++) {
+                        element = _m[_l];
+                        queue([eventTime, 51 /* Event.CustomElement */, element]);
+                    }
+                    reset$a();
+                    return [3 /*break*/, 13];
+                case 13: return [2 /*return*/];
             }
         });
     });
@@ -3213,6 +3258,7 @@ function processNode (node, source, timestamp) {
                     dom[call](node, parent, mediaTag, source);
                     break;
                 default:
+                    check$4(element.localName);
                     var data = { tag: tag, attributes: attributes };
                     if (element.shadowRoot) {
                         child = element.shadowRoot;
@@ -3970,7 +4016,7 @@ function metadata$2(node, event, text) {
                 track$3(value.region, event);
             }
             if (metadata_1.fraud) {
-                check$4(metadata_1.fraud, value.id, text || value.data.value);
+                check$5(metadata_1.fraud, value.id, text || value.data.value);
             }
         }
     }
@@ -4014,7 +4060,7 @@ function encode$4 (type, ts) {
                             }
                         }
                     }
-                    reset$j();
+                    reset$k();
                     break;
                 case 9 /* Event.Click */:
                 case 48 /* Event.ContextMenu */:
@@ -4039,7 +4085,7 @@ function encode$4 (type, ts) {
                         queue(tokens);
                         track$2(entry.time, entry.event, cHash, entry.data.x, entry.data.y, entry.data.reaction, entry.data.context);
                     }
-                    reset$m();
+                    reset$n();
                     break;
                 case 38 /* Event.Clipboard */:
                     for (_d = 0, _e = state$8; _d < _e.length; _d++) {
@@ -4052,21 +4098,21 @@ function encode$4 (type, ts) {
                             queue(tokens);
                         }
                     }
-                    reset$l();
+                    reset$m();
                     break;
                 case 11 /* Event.Resize */:
                     r = data$d;
                     tokens.push(r.width);
                     tokens.push(r.height);
                     track$8(type, r.width, r.height);
-                    reset$i();
+                    reset$j();
                     queue(tokens);
                     break;
                 case 26 /* Event.Unload */:
                     u = data$b;
                     tokens.push(u.name);
                     tokens.push(u.persisted);
-                    reset$e();
+                    reset$f();
                     queue(tokens);
                     break;
                 case 27 /* Event.Input */:
@@ -4079,7 +4125,7 @@ function encode$4 (type, ts) {
                         tokens.push(entry.data.trust);
                         queue(tokens);
                     }
-                    reset$k();
+                    reset$l();
                     break;
                 case 21 /* Event.Selection */:
                     s = data$c;
@@ -4090,7 +4136,7 @@ function encode$4 (type, ts) {
                         tokens.push(s.startOffset);
                         tokens.push(endTarget.id);
                         tokens.push(s.endOffset);
-                        reset$g();
+                        reset$h();
                         queue(tokens);
                     }
                     break;
@@ -4113,7 +4159,7 @@ function encode$4 (type, ts) {
                             track$8(entry.event, entry.data.x, entry.data.y, entry.time);
                         }
                     }
-                    reset$h();
+                    reset$i();
                     break;
                 case 42 /* Event.Change */:
                     for (_k = 0, _l = state$a; _k < _l.length; _k++) {
@@ -4129,7 +4175,7 @@ function encode$4 (type, ts) {
                             queue(tokens);
                         }
                     }
-                    reset$n();
+                    reset$o();
                     break;
                 case 39 /* Event.Submit */:
                     for (_m = 0, _o = state$4; _m < _o.length; _m++) {
@@ -4141,7 +4187,7 @@ function encode$4 (type, ts) {
                             queue(tokens);
                         }
                     }
-                    reset$f();
+                    reset$g();
                     break;
                 case 22 /* Event.Timeline */:
                     for (_p = 0, _q = updates$1; _p < _q.length; _p++) {
@@ -4162,13 +4208,13 @@ function encode$4 (type, ts) {
                     tokens.push(v.visible);
                     queue(tokens);
                     visibility(t, v.visible);
-                    reset$d();
+                    reset$e();
                     break;
                 case 50 /* Event.Focus */: {
                     f = data$9;
                     tokens.push(f.focused);
                     queue(tokens, false);
-                    reset$c();
+                    reset$d();
                     break;
                 }
             }
@@ -4458,6 +4504,8 @@ function queue(tokens, transmit) {
         case 43 /* Event.Snapshot */:
         case 45 /* Event.StyleSheetAdoption */:
         case 46 /* Event.StyleSheetUpdate */:
+        case 44 /* Event.Animation */:
+        case 51 /* Event.CustomElement */:
             if (leanLimit) {
                 break;
             }
@@ -4483,7 +4531,7 @@ function queue(tokens, transmit) {
     // We enrich the data going out with the existing upload. In these cases, call to upload comes with 'transmit' set to false.
     if (transmit && timeout === null) {
         if (type !== 25 /* Event.Ping */) {
-            reset$r();
+            reset$s();
         }
         timeout = setTimeout$1(upload, gap);
         queuedTime = now;
@@ -5086,7 +5134,7 @@ function upgrade(key) {
         encode$1(3 /* Event.Upgrade */);
         if (config$2.lite) {
             start$c();
-            start$o();
+            start$p();
         }
     }
 }
@@ -5128,7 +5176,7 @@ function encode$1 (event) {
                 tokens.push(b.data.pointerPrevTime);
                 queue(tokens, false);
             }
-            reset$t();
+            reset$u();
             break;
         }
         case 25 /* Event.Ping */:
@@ -5163,7 +5211,7 @@ function encode$1 (event) {
                     tokens.push(v);
                     tokens.push(data$g[v]);
                 }
-                reset$p();
+                reset$q();
                 queue(tokens, false);
             }
             break;
@@ -5179,7 +5227,7 @@ function encode$1 (event) {
                     // However, for data over the wire, we round it off to milliseconds precision.
                     tokens.push(Math.round(updates$3[m]));
                 }
-                reset$s();
+                reset$t();
                 queue(tokens, false);
             }
             break;
@@ -5207,7 +5255,7 @@ function encode$1 (event) {
                     tokens.push(key);
                     tokens.push([].concat.apply([], data$h[e]));
                 }
-                reset$q();
+                reset$r();
                 queue(tokens, false);
             }
             break;
@@ -5224,7 +5272,7 @@ function encode$1 (event) {
                 }
                 tokens.push(token);
             });
-            reset$o();
+            reset$p();
             queue(tokens, false);
             break;
         }
@@ -5893,7 +5941,7 @@ function stop$6() {
 var status = false;
 function start$5() {
     status = true;
-    start$L();
+    start$M();
     reset$4();
     reset$1();
     reset$2();
@@ -5904,7 +5952,7 @@ function stop$5() {
     reset$2();
     reset$1();
     reset$4();
-    stop$I();
+    stop$J();
     status = false;
 }
 function active() {
@@ -5960,7 +6008,7 @@ function restart() {
 }
 
 function start$4() {
-    start$C();
+    start$D();
     start$f();
     start$e();
 }
@@ -5990,6 +6038,7 @@ function start$3() {
         start$l();
     }
     start$c();
+    start$p();
     start$o();
     start$n();
 }
@@ -5998,6 +6047,7 @@ function stop$3() {
     stop$i();
     stop$j();
     stop$k();
+    stop$n();
     stop$m();
     stop$l();
 }
@@ -6300,7 +6350,7 @@ function start(config$1) {
     if (check()) {
         config(config$1);
         start$5();
-        start$D();
+        start$E();
         modules.forEach(function (x) { return measure(x.start)(); });
         // If it's an internal call to start, without explicit configuration,
         // re-process any newly accumulated items in the queue
@@ -6331,7 +6381,7 @@ function stop() {
     if (active()) {
         // Stop modules in the reverse order of their initialization and start queuing up items again
         modules.slice().reverse().forEach(function (x) { return measure(x.stop)(); });
-        stop$A();
+        stop$B();
         stop$5();
         setup();
     }