clarity-js 0.7.32 → 0.7.34

package/build/clarity.js

@@ -133,7 +133,8 @@ var config$1 = {
     upgrade: null,
     action: null,
     dob: null,
-    delayDom: false
+    delayDom: false,
+    throttleDom: true
 };
 
 function api(method) {
@@ -145,18 +146,23 @@ function api(method) {
 
 var startTime = 0;
 function start$I() {
-    startTime = performance.now();
+    startTime = performance.now() + performance.timeOrigin;
 }
+// event.timestamp is number of milliseconds elapsed since the document was loaded 
+// since iframes can be loaded later the event timestamp is not the same as performance.now()
+// converting everything to absolute time by adding timeorigin of the event view
+// to synchronize times before calculating the difference with start time
 function time(event) {
     if (event === void 0) { event = null; }
     var ts = event && event.timeStamp > 0 ? event.timeStamp : performance.now();
-    return Math.max(Math.round(ts - startTime), 0);
+    var origin = event && event.view ? event.view.performance.timeOrigin : performance.timeOrigin;
+    return Math.max(Math.round(ts + origin - startTime), 0);
 }
 function stop$F() {
     startTime = 0;
 }
 
-var version$1 = "0.7.32";
+var version$1 = "0.7.34";
 
 // tslint:disable: no-bitwise
 function hash (input, precision) {
@@ -429,7 +435,7 @@ function visibility(t, visible) {
     }
     update$2 = true;
 }
-function compute$d() {
+function compute$e() {
     if (update$2) {
         encode$1(4 /* Event.Baseline */);
     }
@@ -441,7 +447,7 @@ function stop$E() {
 var baseline = /*#__PURE__*/Object.freeze({
     __proto__: null,
     activity: activity,
-    compute: compute$d,
+    compute: compute$e,
     reset: reset$s,
     start: start$H,
     get state () { return state$c; },
@@ -513,7 +519,7 @@ function max(metric, value) {
         }
     }
 }
-function compute$c() {
+function compute$d() {
     encode$1(0 /* Event.Metric */);
 }
 function reset$r() {
@@ -591,7 +597,7 @@ function track$7(event, time) {
         }
     }
 }
-function compute$b() {
+function compute$c() {
     encode$1(36 /* Event.Summary */);
 }
 function reset$p() {
@@ -600,7 +606,7 @@ function reset$p() {
 
 var summary = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    compute: compute$b,
+    compute: compute$c,
     get data () { return data$g; },
     reset: reset$p,
     start: start$E,
@@ -755,7 +761,7 @@ function log$2(variable, value) {
         data$e[variable] = validValues;
     }
 }
-function compute$a() {
+function compute$b() {
     encode$1(34 /* Event.Variable */);
 }
 function reset$o() {
@@ -796,7 +802,7 @@ function detect(input) {
 
 var variable = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    compute: compute$a,
+    compute: compute$b,
     get data () { return data$e; },
     identify: identify,
     reset: reset$o,
@@ -905,12 +911,12 @@ function stop$y() {
     modules$1.slice().reverse().forEach(function (x) { return measure(x.stop)(); });
     stop$D();
 }
-function compute$9() {
-    compute$a();
-    compute$d();
+function compute$a() {
+    compute$b();
+    compute$e();
     compute$2();
+    compute$d();
     compute$c();
-    compute$b();
     compute$3();
     compute$4();
 }
@@ -1354,6 +1360,11 @@ function remove(id, source) {
     }
 }
 function removeNodeFromNodesMap(id) {
+    // Shadow dom roots shouldn't be deleted, 
+    // we should keep listening to the mutations there even they're not rendered in the DOM.
+    if (nodesMap.get(id).nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
+        return;
+    }
     nodesMap.delete(id);
     var value = id in values ? values[id] : null;
     if (value && value.children) {
@@ -1658,9 +1669,9 @@ function reset$k() {
 }
 function start$x() {
     reset$k();
-    compute$8();
+    compute$9();
 }
-function compute$8() {
+function compute$9() {
     var body = document.body;
     var d = document.documentElement;
     var bodyClientWidth = body ? body.clientWidth : null;
@@ -1718,7 +1729,7 @@ function checkDocumentStyles(documentNode) {
     }
     max(36 /* Metric.ConstructedStyles */, 1);
 }
-function compute$7() {
+function compute$8() {
     checkDocumentStyles(document);
 }
 function reset$j() {
@@ -1925,9 +1936,9 @@ function encode$4 (type, timer, ts) {
                                     tokens.push(value.id * factor);
                                     if (value.parent && active) {
                                         tokens.push(value.parent);
-                                    }
-                                    if (value.previous && active) {
-                                        tokens.push(value.previous);
+                                        if (value.previous) {
+                                            tokens.push(value.previous);
+                                        }
                                     }
                                     tokens.push(suspend ? "*M" /* Constant.SuspendMutationTag */ : data[key]);
                                     if (box && box.length === 2) {
@@ -2035,7 +2046,7 @@ function track$4(id, event) {
     // Process updates to this region, if applicable
     process$6(node, data, interaction, data.visibility);
 }
-function compute$6() {
+function compute$7() {
     // Process any regions where we couldn't resolve an "id" for at the time of last intersection observer event
     // This could happen in cases where elements are not yet processed by Clarity's virtual DOM but browser reports a change, regardless.
     // For those cases we add them to the queue and re-process them below
@@ -2475,6 +2486,8 @@ function stop$m() {
 }
 
 var state$2 = [];
+var initialTop = null;
+var initialBottom = null;
 var timeout$3 = null;
 function start$n() {
     state$2 = [];
@@ -2507,11 +2520,13 @@ function recompute$4(event) {
     var yOffset = width > height ? height * 0.15 : height * 0.2;
     var startYPosition = yOffset;
     var endYPosition = height - yOffset;
-    var top = getPositionHash(xPosition, startYPosition);
-    var bottom = getPositionHash(xPosition, endYPosition);
+    var top = getPositionNode(xPosition, startYPosition);
+    var bottom = getPositionNode(xPosition, endYPosition);
     var current = { time: time(event), event: 10 /* Event.Scroll */, data: { target: element, x: x, y: y, top: top, bottom: bottom } };
     // We don't send any scroll events if this is the first event and the current position is top (0,0)
     if ((event === null && x === 0 && y === 0) || (x === null || y === null)) {
+        initialTop = top;
+        initialBottom = bottom;
         return;
     }
     var length = state$2.length;
@@ -2523,8 +2538,8 @@ function recompute$4(event) {
     clearTimeout(timeout$3);
     timeout$3 = setTimeout(process$3, 500 /* Setting.LookAhead */, 10 /* Event.Scroll */);
 }
-function getPositionHash(x, y) {
-    var _a, _b, _c, _d;
+function getPositionNode(x, y) {
+    var _a, _b;
     var node;
     if ("caretPositionFromPoint" in document) {
         node = (_a = document.caretPositionFromPoint(x, y)) === null || _a === void 0 ? void 0 : _a.offsetNode;
@@ -2538,10 +2553,12 @@ function getPositionHash(x, y) {
     if (node && node.nodeType === Node.TEXT_NODE) {
         node = node.parentNode;
     }
-    return (_d = (_c = get(node)) === null || _c === void 0 ? void 0 : _c.hash) === null || _d === void 0 ? void 0 : _d[1];
+    return node;
 }
 function reset$a() {
     state$2 = [];
+    initialTop = null;
+    initialBottom = null;
 }
 function process$3(event) {
     schedule$1(encode$3.bind(this, event));
@@ -2551,9 +2568,22 @@ function similar(last, current) {
     var dy = last.data.y - current.data.y;
     return (dx * dx + dy * dy < 20 /* Setting.Distance */ * 20 /* Setting.Distance */) && (current.time - last.time < 25 /* Setting.Interval */);
 }
+function compute$6() {
+    var _a, _b;
+    if (initialTop) {
+        var top_1 = metadata$2(initialTop, null);
+        log(31 /* Dimension.InitialScrollTop */, (_a = top_1 === null || top_1 === void 0 ? void 0 : top_1.hash) === null || _a === void 0 ? void 0 : _a.join("." /* Constant.Dot */));
+    }
+    if (initialBottom) {
+        var bottom = metadata$2(initialBottom, null);
+        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$l() {
     clearTimeout(timeout$3);
     state$2 = [];
+    initialTop = null;
+    initialBottom = null;
 }
 
 var data$a = null;
@@ -2775,7 +2805,7 @@ function num$1(input, scale) {
     return null;
 }
 
-var IGNORE_ATTRIBUTES = ["title", "alt", "onload", "onfocus", "onerror", "data-drupal-form-submit-last"];
+var IGNORE_ATTRIBUTES = ["title", "alt", "onload", "onfocus", "onerror", "data-drupal-form-submit-last", "aria-label"];
 var newlineRegex = /[\r\n]+/g;
 function processNode (node, source, timestamp) {
     var _a;
@@ -3169,8 +3199,8 @@ function handle$1(m) {
     track$7(6 /* Event.Mutation */, now);
     mutations.push({ time: now, mutations: m });
     schedule$1(process$1, 1 /* Priority.High */).then(function () {
-        setTimeout(compute$8);
-        measure(compute$6)();
+        setTimeout(compute$9);
+        measure(compute$7)();
     });
 }
 function process$1() {
@@ -3202,7 +3232,7 @@ function process$1() {
                         return [3 /*break*/, 6];
                     }
                     target = mutation.target;
-                    type = track$3(mutation, timer, instance, record.time);
+                    type = config$1.throttleDom ? track$3(mutation, timer, instance, record.time) : mutation.type;
                     if (type && target && target.ownerDocument) {
                         parse$1(target.ownerDocument);
                     }
@@ -3246,7 +3276,8 @@ function track$3(m, timer, instance, timestamp) {
     var value = m.target ? get(m.target.parentNode) : null;
     // Check if the parent is already discovered and that the parent is not the document root
     if (value && value.data.tag !== "HTML" /* Constant.HTML */) {
-        var inactive = time() > activePeriod;
+        // calculate inactive period based on the timestamp of the mutation not when the mutation is processed
+        var inactive = timestamp > activePeriod;
         var target = get(m.target);
         var element = target && target.selector ? target.selector.join() : m.target.nodeName;
         var parent_1 = value.selector ? value.selector.join() : "" /* Constant.Empty */;
@@ -3393,7 +3424,7 @@ function metadata$2(node, event, text) {
 function encode$3 (type, ts) {
     if (ts === void 0) { ts = null; }
     return __awaiter(this, void 0, void 0, function () {
-        var t, tokens, _i, _a, entry, pTarget, _b, _c, entry, cTarget, cHash, _d, _e, entry, target, r, u, _f, _g, entry, iTarget, s, startTarget, endTarget, _h, _j, entry, sTarget, _k, _l, entry, target, _m, _o, entry, target, _p, _q, entry, v;
+        var t, tokens, _i, _a, entry, pTarget, _b, _c, entry, cTarget, cHash, _d, _e, entry, target, r, u, _f, _g, entry, iTarget, s, startTarget, endTarget, _h, _j, entry, sTarget, top_1, bottom, sTopHash, sBottomHash, _k, _l, entry, target, _m, _o, entry, target, _p, _q, entry, v;
         return __generator(this, function (_r) {
             t = ts || time();
             tokens = [t, type];
@@ -3499,13 +3530,17 @@ function encode$3 (type, ts) {
                     for (_h = 0, _j = state$2; _h < _j.length; _h++) {
                         entry = _j[_h];
                         sTarget = metadata$2(entry.data.target, entry.event);
+                        top_1 = metadata$2(entry.data.top, entry.event);
+                        bottom = metadata$2(entry.data.bottom, entry.event);
+                        sTopHash = (top_1 === null || top_1 === void 0 ? void 0 : top_1.hash) ? top_1.hash.join("." /* Constant.Dot */) : "" /* Constant.Empty */;
+                        sBottomHash = (bottom === null || bottom === void 0 ? void 0 : bottom.hash) ? bottom.hash.join("." /* Constant.Dot */) : "" /* Constant.Empty */;
                         if (sTarget.id > 0) {
                             tokens = [entry.time, entry.event];
                             tokens.push(sTarget.id);
                             tokens.push(entry.data.x);
                             tokens.push(entry.data.y);
-                            tokens.push(entry.data.top);
-                            tokens.push(entry.data.bottom);
+                            tokens.push(sTopHash);
+                            tokens.push(sBottomHash);
                             queue(tokens);
                             track$8(entry.event, entry.data.x, entry.data.y, entry.time);
                         }
@@ -3707,10 +3742,10 @@ function upload(final) {
                     }
                     // CAUTION: Ensure "transmit" is set to false in the queue function for following events
                     // Otherwise you run a risk of infinite loop.
-                    compute$6();
-                    compute$5();
-                    compute$9();
                     compute$7();
+                    compute$5();
+                    compute$a();
+                    compute$8();
                     last = final === true;
                     e = JSON.stringify(envelope(last));
                     a = "[".concat(analysis.join(), "]");
@@ -4929,7 +4964,8 @@ var diagnostic = /*#__PURE__*/Object.freeze({
 
 function start$4() {
     schedule$1(discover, 1 /* Priority.High */).then(function () {
-        measure(compute$8)();
+        measure(compute$9)();
+        measure(compute$7)();
         measure(compute$6)();
     });
 }