clarity-js 0.7.57 → 0.7.59

package/build/clarity.js

@@ -166,7 +166,7 @@ function stop$F() {
     startTime = 0;
 }
 
-var version$1 = "0.7.57";
+var version$1 = "0.7.58";
 
 // tslint:disable: no-bitwise
 function hash (input, precision) {
@@ -1721,6 +1721,7 @@ function compute$9() {
         encode$4(8 /* Event.Document */);
     }
 }
+compute$9.dn = 19 /* FunctionNames.DocumentCompute */;
 function stop$v() {
     reset$k();
 }
@@ -1741,6 +1742,7 @@ function recompute$8(evt) {
         schedule$1(encode$3.bind(this, 42 /* Event.Change */));
     }
 }
+recompute$8.dn = 5 /* FunctionNames.ChangeRecompute */;
 function reset$j() {
     state$9 = [];
 }
@@ -1821,6 +1823,7 @@ function handler$3(event, root, evt) {
         schedule$1(encode$3.bind(this, event));
     }
 }
+handler$3.dn = 6 /* FunctionNames.ClickHandler */;
 function link(node) {
     while (node && node !== document) {
         if (node.nodeType === Node.ELEMENT_NODE) {
@@ -1907,6 +1910,7 @@ function recompute$7(action, evt) {
     state$7.push({ time: time(evt), event: 38 /* Event.Clipboard */, data: { target: target(evt), action: action } });
     schedule$1(encode$3.bind(this, 38 /* Event.Clipboard */));
 }
+recompute$7.dn = 7 /* FunctionNames.ClipboardRecompute */;
 function reset$h() {
     state$7 = [];
 }
@@ -1944,6 +1948,7 @@ function recompute$6(evt) {
         timeout$6 = setTimeout(process$7, 1000 /* Setting.InputLookAhead */, 27 /* Event.Input */);
     }
 }
+recompute$6.dn = 9 /* FunctionNames.InputRecompute */;
 function process$7(event) {
     schedule$1(encode$3.bind(this, event));
 }
@@ -1957,6 +1962,9 @@ function stop$r() {
 
 var state$5 = [];
 var timeout$5 = null;
+var hasPrimaryTouch = false;
+var primaryTouchId = 0;
+var activeTouchPointIds = new Set();
 function start$s() {
     reset$f();
 }
@@ -1987,6 +1995,7 @@ function mouse(event, root, evt) {
         handler$2({ time: time(evt), event: event, data: { target: target(evt), x: x, y: y } });
     }
 }
+mouse.dn = 10 /* FunctionNames.PointerMouse */;
 function touch(event, root, evt) {
     var frame = iframe(root);
     var d = frame ? frame.contentDocument.documentElement : document.documentElement;
@@ -1999,17 +2008,38 @@ function touch(event, root, evt) {
             var y = "clientY" in entry ? Math.round(entry["clientY"] + d.scrollTop) : null;
             x = x && frame ? x + Math.round(frame.offsetLeft) : x;
             y = y && frame ? y + Math.round(frame.offsetTop) : y;
-            // identifier is 0-based, unique for each touch point and resets when all fingers are lifted
-            // that is not a part of the spec, but it is how it is implemented in browsers
-            // tested in Chromium-based browsers as well as Firefox
+            // We cannot rely on identifier to determine primary touch as its value doesn't always start with 0.
+            // Safari/Webkit uses the address of the UITouch object as the identifier value for each touch point.
             var id = "identifier" in entry ? entry["identifier"] : undefined;
+            switch (event) {
+                case 17 /* Event.TouchStart */:
+                    if (activeTouchPointIds.size === 0) {
+                        // Track presence of primary touch separately to handle scenarios when same id is repeated
+                        hasPrimaryTouch = true;
+                        primaryTouchId = id;
+                    }
+                    activeTouchPointIds.add(id);
+                    break;
+                case 18 /* Event.TouchEnd */:
+                case 20 /* Event.TouchCancel */:
+                    activeTouchPointIds.delete(id);
+                    break;
+            }
+            var isPrimary = hasPrimaryTouch && primaryTouchId === id;
             // Check for null values before processing this event
             if (x !== null && y !== null) {
-                handler$2({ time: t, event: event, data: { target: target(evt), x: x, y: y, id: id } });
+                handler$2({ time: t, event: event, data: { target: target(evt), x: x, y: y, id: id, isPrimary: isPrimary } });
+            }
+            // Reset primary touch point id once touch event ends
+            if (event === 20 /* Event.TouchCancel */ || event === 18 /* Event.TouchEnd */) {
+                if (primaryTouchId === id) {
+                    hasPrimaryTouch = false;
+                }
             }
         }
     }
 }
+touch.dn = 11 /* FunctionNames.PointerTouch */;
 function handler$2(current) {
     switch (current.event) {
         case 12 /* Event.MouseMove */:
@@ -2054,7 +2084,9 @@ function stop$q() {
 
 var data$b;
 var timeout$4 = null;
+var initialStateLogged = false;
 function start$r() {
+    initialStateLogged = false;
     bind(window, "resize", recompute$5);
     recompute$5();
 }
@@ -2066,9 +2098,16 @@ function recompute$5() {
         width: de && "clientWidth" in de ? Math.min(de.clientWidth, window.innerWidth) : window.innerWidth,
         height: de && "clientHeight" in de ? Math.min(de.clientHeight, window.innerHeight) : window.innerHeight,
     };
-    clearTimeout(timeout$4);
-    timeout$4 = setTimeout(process$5, 500 /* Setting.LookAhead */, 11 /* Event.Resize */);
+    if (initialStateLogged) {
+        clearTimeout(timeout$4);
+        timeout$4 = setTimeout(process$5, 500 /* Setting.LookAhead */, 11 /* Event.Resize */);
+    }
+    else {
+        encode$3(11 /* Event.Resize */);
+        initialStateLogged = true;
+    }
 }
+recompute$5.dn = 12 /* FunctionNames.ResizeRecompute */;
 function process$5(event) {
     schedule$1(encode$3.bind(this, event));
 }
@@ -2133,6 +2172,7 @@ function recompute$4(event) {
     clearTimeout(timeout$3);
     timeout$3 = setTimeout(process$4, 500 /* Setting.LookAhead */, 10 /* Event.Scroll */);
 }
+recompute$4.dn = 13 /* FunctionNames.ScrollRecompute */;
 function getPositionNode(x, y) {
     var _a, _b;
     var node;
@@ -2174,6 +2214,7 @@ function compute$8() {
         log(32 /* Dimension.InitialScrollBottom */, (_b = bottom === null || bottom === void 0 ? void 0 : bottom.hash) === null || _b === void 0 ? void 0 : _b.join("." /* Constant.Dot */));
     }
 }
+compute$8.dn = 14 /* FunctionNames.ScrollCompute */;
 function stop$o() {
     clearTimeout(timeout$3);
     state$4 = [];
@@ -2221,6 +2262,7 @@ function recompute$3(root) {
     clearTimeout(timeout$2);
     timeout$2 = setTimeout(process$3, 500 /* Setting.LookAhead */, 21 /* Event.Selection */);
 }
+recompute$3.dn = 15 /* FunctionNames.SelectionRecompute */;
 function process$3(event) {
     schedule$1(encode$3.bind(this, event));
 }
@@ -2244,6 +2286,7 @@ function recompute$2(evt) {
     state$3.push({ time: time(evt), event: 39 /* Event.Submit */, data: { target: target(evt) } });
     schedule$1(encode$3.bind(this, 39 /* Event.Submit */));
 }
+recompute$2.dn = 16 /* FunctionNames.SubmitRecompute */;
 function reset$b() {
     state$3 = [];
 }
@@ -2260,6 +2303,7 @@ function recompute$1(evt) {
     encode$3(26 /* Event.Unload */, time(evt));
     stop();
 }
+recompute$1.dn = 17 /* FunctionNames.UnloadRecompute */;
 function reset$a() {
     data$9 = null;
 }
@@ -2277,6 +2321,7 @@ function recompute(evt) {
     data$8 = { visible: "visibilityState" in document ? document.visibilityState : "default" };
     encode$3(28 /* Event.Visibility */, time(evt));
 }
+recompute.dn = 18 /* FunctionNames.VisibilityRecompute */;
 function reset$9() {
     data$8 = null;
 }
@@ -2298,6 +2343,7 @@ function start$l() {
     start$o();
     start$n();
 }
+start$l.dn = 8 /* FunctionNames.InteractionStart */;
 function stop$j() {
     stop$e();
     stop$t();
@@ -2450,6 +2496,7 @@ function start$k() {
         }
     }
 }
+start$k.dn = 21 /* FunctionNames.MutationStart */;
 function observe$3(node) {
     // Create a new observer for every time a new DOM tree (e.g. root document or shadowdom root) is discovered on the page
     // In the case of shadow dom, any mutations that happen within the shadow dom are not bubbled up to the host document
@@ -2503,6 +2550,7 @@ function handle$1(m) {
         measure(compute$6)();
     });
 }
+handle$1.dn = 22 /* FunctionNames.MutationHandle */;
 function processMutation(timer, mutation, instance, timestamp) {
     return __awaiter(this, void 0, void 0, function () {
         var state, target, type;
@@ -2716,7 +2764,8 @@ function generate(target, type) {
             target: target,
             type: type
         }]);
-}
+}
+generate.dn = 23 /* FunctionNames.MutationGenerate */;
 
 var digitsRegex = /[^0-9\.]/g;
 /* JSON+LD (Linked Data) Recursive Parser */
@@ -3523,6 +3572,7 @@ function compute$6() {
         encode$4(7 /* Event.Region */);
     }
 }
+compute$6.dn = 24 /* FunctionNames.RegionCompute */;
 function handler$1(entries) {
     for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) {
         var entry = entries_1[_i];
@@ -3650,6 +3700,9 @@ function encode$3 (type, ts) {
                             tokens.push(entry.data.y);
                             if (entry.data.id !== undefined) {
                                 tokens.push(entry.data.id);
+                                if (entry.data.isPrimary !== undefined) {
+                                    tokens.push(entry.data.isPrimary.toString());
+                                }
                             }
                             queue(tokens);
                             track$8(entry.event, entry.data.x, entry.data.y);
@@ -4168,7 +4221,8 @@ function handler(error) {
         encode$2(31 /* Event.ScriptError */);
     }
     return true;
-}
+}
+handler.dn = 4 /* FunctionNames.ScriptHandler */;
 
 function encode$2 (type) {
     return __awaiter(this, void 0, void 0, function () {
@@ -5054,6 +5108,7 @@ function measure (method) {
         if (duration > config$2.longTask) {
             count$1(7 /* Metric.LongTaskCount */);
             max(6 /* Metric.ThreadBlockedTime */, duration);
+            log$1(9 /* Code.FunctionExecutionTime */, 0 /* Severity.Info */, "".concat(method.dn || method.name, "-").concat(duration));
         }
     };
 }
@@ -5127,6 +5182,7 @@ function compute$1() {
         window.setTimeout(restart$1, 250 /* Setting.RestartDelay */);
     }
 }
+compute$1.dn = 1 /* FunctionNames.HistoryCompute */;
 function restart$1() {
     start();
     max(29 /* Metric.SinglePage */, 1 /* BooleanFlag.True */);
@@ -5206,13 +5262,15 @@ function suspend() {
 function restart() {
     start();
     event("clarity" /* Constant.Clarity */, "restart" /* Constant.Restart */);
-}
+}
+restart.dn = 2 /* FunctionNames.Restart */;
 
 function start$5() {
     start$A();
     start$e();
     start$d();
 }
+start$5.dn = 3 /* FunctionNames.DiagnosticStart */;
 function stop$4() {
     stop$c();
 }
@@ -5272,6 +5330,7 @@ function start$3() {
     start$j();
     start$i();
 }
+start$3.dn = 20 /* FunctionNames.LayoutStart */;
 function stop$3() {
     stop$f();
     stop$x();
@@ -5492,9 +5551,11 @@ function observe() {
         log$1(3 /* Code.PerformanceObserver */, 1 /* Severity.Warning */);
     }
 }
+observe.dn = 26 /* FunctionNames.ObserverObserve */;
 function handle(entries) {
     process(entries.getEntries());
 }
+handle.dn = 27 /* FunctionNames.ObserverHandle */;
 function process(entries) {
     var visible = "visibilityState" in document ? document.visibilityState === "visible" : true;
     for (var i = 0; i < entries.length; i++) {
@@ -5556,6 +5617,7 @@ function start$1() {
     reset();
     start$2();
 }
+start$1.dn = 25 /* FunctionNames.PerformanceStart */;
 function stop$1() {
     stop$2();
     reset();