clarity-js 0.7.25 → 0.7.26

package/build/clarity.js

@@ -142,7 +142,7 @@ function api(method) {
 }
 
 var startTime = 0;
-function start$H() {
+function start$I() {
     startTime = performance.now();
 }
 function time(event) {
@@ -150,11 +150,11 @@ function time(event) {
     var ts = event && event.timeStamp > 0 ? event.timeStamp : performance.now();
     return Math.max(Math.round(ts - startTime), 0);
 }
-function stop$E() {
+function stop$F() {
     startTime = 0;
 }
 
-var version$1 = "0.7.25";
+var version$1 = "0.7.26";
 
 // tslint:disable: no-bitwise
 function hash (input, precision) {
@@ -358,11 +358,11 @@ function redact$1(value) {
 var state$c = null;
 var buffer = null;
 var update$2 = false;
-function start$G() {
+function start$H() {
     update$2 = false;
-    reset$r();
+    reset$s();
 }
-function reset$r() {
+function reset$s() {
     // 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) {
@@ -424,23 +424,23 @@ function visibility(t, visible) {
     }
     update$2 = true;
 }
-function compute$c() {
+function compute$d() {
     if (update$2) {
         encode$1(4 /* Event.Baseline */);
     }
 }
-function stop$D() {
-    reset$r();
+function stop$E() {
+    reset$s();
 }
 
 var baseline = /*#__PURE__*/Object.freeze({
     __proto__: null,
     activity: activity,
-    compute: compute$c,
-    reset: reset$r,
-    start: start$G,
+    compute: compute$d,
+    reset: reset$s,
+    start: start$H,
     get state () { return state$c; },
-    stop: stop$D,
+    stop: stop$E,
     track: track$8,
     visibility: visibility
 });
@@ -465,12 +465,12 @@ function event(a, b) {
 
 var data$i = null;
 var updates$3 = null;
-function start$F() {
+function start$G() {
     data$i = {};
     updates$3 = {};
     count$1(5 /* Metric.InvokeCount */);
 }
-function stop$C() {
+function stop$D() {
     data$i = {};
     updates$3 = {};
 }
@@ -508,10 +508,10 @@ function max(metric, value) {
         }
     }
 }
-function compute$b() {
+function compute$c() {
     encode$1(0 /* Event.Metric */);
 }
-function reset$q() {
+function reset$r() {
     updates$3 = {};
 }
 
@@ -526,11 +526,11 @@ var data$h;
 var last = 0;
 var interval = 0;
 var timeout$6 = null;
-function start$E() {
+function start$F() {
     interval = 60000 /* Setting.PingInterval */;
     last = 0;
 }
-function reset$p() {
+function reset$q() {
     if (timeout$6) {
         clearTimeout(timeout$6);
     }
@@ -548,7 +548,7 @@ function ping() {
         suspend();
     }
 }
-function stop$B() {
+function stop$C() {
     clearTimeout(timeout$6);
     last = 0;
     interval = 0;
@@ -557,16 +557,16 @@ function stop$B() {
 var ping$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     get data () { return data$h; },
-    reset: reset$p,
-    start: start$E,
-    stop: stop$B
+    reset: reset$q,
+    start: start$F,
+    stop: stop$C
 });
 
 var data$g = null;
-function start$D() {
+function start$E() {
     data$g = {};
 }
-function stop$A() {
+function stop$B() {
     data$g = {};
 }
 function track$7(event, time) {
@@ -586,25 +586,25 @@ function track$7(event, time) {
         }
     }
 }
-function compute$a() {
+function compute$b() {
     encode$1(36 /* Event.Summary */);
 }
-function reset$o() {
+function reset$p() {
     data$g = {};
 }
 
 var summary = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    compute: compute$a,
+    compute: compute$b,
     get data () { return data$g; },
-    reset: reset$o,
-    start: start$D,
-    stop: stop$A,
+    reset: reset$p,
+    start: start$E,
+    stop: stop$B,
     track: track$7
 });
 
 var data$f = null;
-function start$C() {
+function start$D() {
     if (!config$1.lean && config$1.upgrade) {
         config$1.upgrade("Config" /* Constant.Config */);
     }
@@ -628,15 +628,15 @@ function upgrade(key) {
         encode$1(3 /* Event.Upgrade */);
     }
 }
-function stop$z() {
+function stop$A() {
     data$f = null;
 }
 
 var upgrade$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     get data () { return data$f; },
-    start: start$C,
-    stop: stop$z,
+    start: start$D,
+    stop: stop$A,
     upgrade: upgrade
 });
 
@@ -694,8 +694,8 @@ function __generator(thisArg, body) {
 }
 
 var data$e = null;
-function start$B() {
-    reset$n();
+function start$C() {
+    reset$o();
 }
 function set(variable, value) {
     var values = typeof value === "string" /* Constant.String */ ? [value] : value;
@@ -750,14 +750,14 @@ function log$2(variable, value) {
         data$e[variable] = validValues;
     }
 }
-function compute$9() {
+function compute$a() {
     encode$1(34 /* Event.Variable */);
 }
-function reset$n() {
+function reset$o() {
     data$e = {};
 }
-function stop$y() {
-    reset$n();
+function stop$z() {
+    reset$o();
 }
 function redact(input) {
     return input && input.length >= 5 /* Setting.WordLength */ ?
@@ -791,13 +791,13 @@ function detect(input) {
 
 var variable = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    compute: compute$9,
+    compute: compute$a,
     get data () { return data$e; },
     identify: identify,
-    reset: reset$n,
+    reset: reset$o,
     set: set,
-    start: start$B,
-    stop: stop$y
+    start: start$C,
+    stop: stop$z
 });
 
 var supported$1 = "CompressionStream" /* Constant.CompressionStream */ in window;
@@ -859,32 +859,32 @@ function read(stream) {
 }
 
 var modules$1 = [baseline, dimension, variable, limit, summary, metadata$1, envelope$1, upload$1, ping$1, upgrade$1, extract];
-function start$A() {
+function start$B() {
     // Metric needs to be initialized before we can start measuring. so metric is not wrapped in measure
-    start$F();
+    start$G();
     modules$1.forEach(function (x) { return measure(x.start)(); });
 }
-function stop$x() {
+function stop$y() {
     // 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$C();
+    stop$D();
 }
-function compute$8() {
-    compute$9();
-    compute$c();
+function compute$9() {
+    compute$a();
+    compute$d();
     compute$2();
+    compute$c();
     compute$b();
-    compute$a();
     compute$3();
     compute$4();
 }
 
 var history$5 = [];
 var data$d;
-function start$z() {
+function start$A() {
     history$5 = [];
     max(26 /* Metric.Automation */, navigator.webdriver ? 1 /* BooleanFlag.True */ : 0 /* BooleanFlag.False */);
     try {
@@ -908,7 +908,7 @@ function check$4(id, target, input) {
 
 var excludeClassNames = "load,active,fixed,visible,focus,show,collaps,animat" /* Constant.ExcludeClassNames */.split("," /* Constant.Comma */);
 var selectorMap = {};
-function reset$m() {
+function reset$n() {
     selectorMap = {};
 }
 function get$1(input, type) {
@@ -997,7 +997,7 @@ function filter(value) {
 var selector = /*#__PURE__*/Object.freeze({
     __proto__: null,
     get: get$1,
-    reset: reset$m
+    reset: reset$n
 });
 
 var index = 1;
@@ -1016,14 +1016,14 @@ var idMap = null; // Maps node => id.
 var iframeMap = null; // Maps iframe's contentDocument => parent iframe element
 var privacyMap = null; // Maps node => Privacy (enum)
 var fraudMap = null; // Maps node => FraudId (number)
-function start$y() {
-    reset$l();
+function start$z() {
+    reset$m();
     parse$1(document, true);
 }
-function stop$w() {
-    reset$l();
+function stop$x() {
+    reset$m();
 }
-function reset$l() {
+function reset$m() {
     index = 1;
     values = [];
     updateMap = [];
@@ -1039,7 +1039,7 @@ function reset$l() {
     iframeMap = new WeakMap();
     privacyMap = new WeakMap();
     fraudMap = new WeakMap();
-    reset$m();
+    reset$n();
 }
 // We parse new root nodes for any regions or masked nodes in the beginning (document) and
 // later whenever there are new additions or modifications to DOM (mutations)
@@ -1375,8 +1375,8 @@ var dom = /*#__PURE__*/Object.freeze({
     lookup: lookup,
     parse: parse$1,
     sameorigin: sameorigin,
-    start: start$y,
-    stop: stop$w,
+    start: start$z,
+    stop: stop$x,
     update: update$1,
     updates: updates$2
 });
@@ -1404,7 +1404,7 @@ function resume$1() {
         }
     }
 }
-function reset$k() {
+function reset$l() {
     tracker = {};
     queuedTasks = [];
     activeTask = null;
@@ -1474,7 +1474,7 @@ function state$b(timer) {
     // If this task is no longer being tracked, send stop message to the caller
     return 2 /* Task.Stop */;
 }
-function start$x(timer) {
+function start$y(timer) {
     tracker[key(timer)] = { start: performance.now(), calls: 0, yield: 30 /* Setting.LongTask */ };
 }
 function restart$2(timer) {
@@ -1482,12 +1482,12 @@ function restart$2(timer) {
     if (tracker && tracker[id]) {
         var c = tracker[id].calls;
         var y = tracker[id].yield;
-        start$x(timer);
+        start$y(timer);
         tracker[id].calls = c + 1;
         tracker[id].yield = y;
     }
 }
-function stop$v(timer) {
+function stop$w(timer) {
     var end = performance.now();
     var id = key(timer);
     var duration = end - tracker[id].start;
@@ -1507,7 +1507,7 @@ function suspend$1(timer) {
                 case 0:
                     id = key(timer);
                     if (!(id in tracker)) return [3 /*break*/, 2];
-                    stop$v(timer);
+                    stop$w(timer);
                     _a = tracker[id];
                     return [4 /*yield*/, wait()];
                 case 1:
@@ -1620,14 +1620,14 @@ function tokenize (tokens) {
 }
 
 var data$c;
-function reset$j() {
+function reset$k() {
     data$c = null;
 }
-function start$w() {
-    reset$j();
-    compute$7();
+function start$x() {
+    reset$k();
+    compute$8();
 }
-function compute$7() {
+function compute$8() {
     var body = document.body;
     var d = document.documentElement;
     var bodyClientWidth = body ? body.clientWidth : null;
@@ -1650,12 +1650,51 @@ function compute$7() {
         encode$4(8 /* Event.Document */);
     }
 }
+function stop$v() {
+    reset$k();
+}
+
+var state$a = [];
+var replace = null;
+var replaceSync = null;
+function start$w() {
+    reset$j();
+    if (replace === null) {
+        replace = CSSStyleSheet.prototype.replace;
+        CSSStyleSheet.prototype.replace = function () {
+            if (active()) {
+                max(36 /* Metric.ConstructedStyles */, 1);
+            }
+            return replace.apply(this, arguments);
+        };
+    }
+    if (replaceSync === null) {
+        replaceSync = CSSStyleSheet.prototype.replaceSync;
+        CSSStyleSheet.prototype.replaceSync = function () {
+            if (active()) {
+                max(36 /* Metric.ConstructedStyles */, 1);
+            }
+            return replaceSync.apply(this, arguments);
+        };
+    }
+}
+function checkDocumentStyles(documentNode) {
+    if (!(documentNode === null || documentNode === void 0 ? void 0 : documentNode.adoptedStyleSheets)) {
+        // if we don't have adoptedStyledSheets on the Node passed to us, we can short circuit.
+        return;
+    }
+    max(36 /* Metric.ConstructedStyles */, 1);
+}
+function compute$7() {
+    checkDocumentStyles(document);
+}
+function reset$j() {
+    state$a = [];
+}
 function stop$u() {
     reset$j();
 }
 
-var state$a = [];
-
 var state$9 = [];
 var animationPlay = null;
 var animationPause = null;
@@ -1788,6 +1827,7 @@ function encode$4 (type, timer, ts) {
                         tokens.push(entry.data.newIds);
                         queue(tokens);
                     }
+                    reset$j();
                     return [3 /*break*/, 13];
                 case 4:
                     for (_e = 0, _f = state$a; _e < _f.length; _e++) {
@@ -1798,6 +1838,7 @@ function encode$4 (type, timer, ts) {
                         tokens.push(entry.data.cssRules);
                         queue(tokens);
                     }
+                    reset$j();
                     _l.label = 5;
                 case 5:
                     for (_g = 0, _h = state$9; _g < _h.length; _g++) {
@@ -2710,6 +2751,7 @@ function processNode (node, source) {
             // later whenever there are new additions or modifications to DOM (mutations)
             if (node === document)
                 parse$1(document);
+            checkDocumentStyles(node);
             observe$2(node);
             break;
         case Node.DOCUMENT_FRAGMENT_NODE:
@@ -2733,6 +2775,7 @@ function processNode (node, source) {
                     // the same way we observe real shadow DOM nodes (encapsulation provided by the browser).
                     dom[call](node, shadowRoot.host, { tag: "*P" /* Constant.PolyfillShadowDomTag */, attributes: {} }, source);
                 }
+                checkDocumentStyles(node);
             }
             break;
         case Node.TEXT_NODE:
@@ -2755,12 +2798,6 @@ function processNode (node, source) {
             // In some cases, external libraries like vue-fragment, can modify parentNode property to not be in sync with the DOM
             // For correctness, we first look at parentElement and if it not present then fall back to using parentNode
             parent = node.parentElement ? node.parentElement : (node.parentNode ? node.parentNode : null);
-            // For HTML slots, the parentElement doesn't actually match what is rendered. If we have an assignedSlot, we use that
-            // as the parent to ensure our visualizations match the browser behavior for end users.
-            var slottedParent = node.assignedSlot;
-            if (slottedParent) {
-                parent = slottedParent;
-            }
             // If we encounter a node that is part of SVG namespace, prefix the tag with SVG_PREFIX
             if (element.namespaceURI === "http://www.w3.org/2000/svg" /* Constant.SvgNamespace */) {
                 tag = "svg:" /* Constant.SvgPrefix */ + tag;
@@ -2934,60 +2971,36 @@ function getAttributes(element) {
 
 function traverse (root, timer, source) {
     return __awaiter(this, void 0, void 0, function () {
-        var primaryQueue, slottedNodesQueue, _i, _a, currentQueue, entry, next, slottedParent, state, subnode;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
+        var queue, entry, next, state, subnode;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
                 case 0:
-                    primaryQueue = [root];
-                    slottedNodesQueue = [];
-                    _i = 0, _a = [primaryQueue, slottedNodesQueue];
-                    _b.label = 1;
+                    queue = [root];
+                    _a.label = 1;
                 case 1:
-                    if (!(_i < _a.length)) return [3 /*break*/, 6];
-                    currentQueue = _a[_i];
-                    _b.label = 2;
-                case 2:
-                    if (!(currentQueue.length > 0)) return [3 /*break*/, 5];
-                    entry = currentQueue.shift();
+                    if (!(queue.length > 0)) return [3 /*break*/, 4];
+                    entry = queue.shift();
                     next = entry.firstChild;
                     while (next) {
-                        // During traversal there is not a guarantee that the assigned child here is being found after the slot to which it is placed
-                        // as the typical parent/child methods don't reflect what is rendered. We need to make sure all other mutations and
-                        // discoveries are processed before we process a slotted element. Once we are processing the slottedNodesQueue we can
-                        // skip this effort and go directly to our breadth first traversal.
-                        if (currentQueue == primaryQueue) {
-                            slottedParent = next.assignedSlot;
-                            if (slottedParent) {
-                                slottedNodesQueue.push(next);
-                            }
-                            else {
-                                currentQueue.push(next);
-                            }
-                        }
-                        else {
-                            currentQueue.push(next);
-                        }
+                        queue.push(next);
                         next = next.nextSibling;
                     }
                     state = state$b(timer);
-                    if (!(state === 0 /* Task.Wait */)) return [3 /*break*/, 4];
+                    if (!(state === 0 /* Task.Wait */)) return [3 /*break*/, 3];
                     return [4 /*yield*/, suspend$1(timer)];
+                case 2:
+                    state = _a.sent();
+                    _a.label = 3;
                 case 3:
-                    state = _b.sent();
-                    _b.label = 4;
-                case 4:
                     if (state === 2 /* Task.Stop */) {
-                        return [3 /*break*/, 5];
+                        return [3 /*break*/, 4];
                     }
                     subnode = processNode(entry, source);
                     if (subnode) {
-                        currentQueue.push(subnode);
+                        queue.push(subnode);
                     }
-                    return [3 /*break*/, 2];
-                case 5:
-                    _i++;
                     return [3 /*break*/, 1];
-                case 6: return [2 /*return*/];
+                case 4: return [2 /*return*/];
             }
         });
     });
@@ -3098,7 +3111,7 @@ 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$7);
+        setTimeout(compute$8);
         measure(compute$6)();
     });
 }
@@ -3109,7 +3122,7 @@ function process$1() {
             switch (_b.label) {
                 case 0:
                     timer = { id: id(), cost: 3 /* Metric.LayoutCost */ };
-                    start$x(timer);
+                    start$y(timer);
                     _b.label = 1;
                 case 1:
                     if (!(mutations.length > 0)) return [3 /*break*/, 8];
@@ -3165,7 +3178,7 @@ function process$1() {
                     _b.sent();
                     return [3 /*break*/, 1];
                 case 8:
-                    stop$v(timer);
+                    stop$w(timer);
                     return [2 /*return*/];
             }
         });
@@ -3600,7 +3613,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$p();
+                reset$q();
             }
             timeout = setTimeout(upload, gap);
             queuedTime = now;
@@ -3636,7 +3649,8 @@ function upload(final) {
                     // Otherwise you run a risk of infinite loop.
                     compute$6();
                     compute$5();
-                    compute$8();
+                    compute$9();
+                    compute$7();
                     last = final === true;
                     e = JSON.stringify(envelope(last));
                     a = "[".concat(analysis.join(), "]");
@@ -4119,7 +4133,7 @@ function encode$1 (event) {
                 tokens.push(b.data.activityTime);
                 queue(tokens, false);
             }
-            reset$r();
+            reset$s();
             break;
         case 25 /* Event.Ping */:
             tokens.push(data$h.gap);
@@ -4153,7 +4167,7 @@ function encode$1 (event) {
                     tokens.push(v);
                     tokens.push(data$e[v]);
                 }
-                reset$n();
+                reset$o();
                 queue(tokens, false);
             }
             break;
@@ -4168,7 +4182,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$q();
+                reset$r();
                 queue(tokens, false);
             }
             break;
@@ -4194,7 +4208,7 @@ function encode$1 (event) {
                     tokens.push(key);
                     tokens.push([].concat.apply([], data$g[e]));
                 }
-                reset$o();
+                reset$p();
                 queue(tokens, false);
             }
             break;
@@ -4381,8 +4395,9 @@ function id() {
 function consent(status) {
     if (status === void 0) { status = true; }
     if (!status) {
-        setCookie("_clsk" /* Constant.SessionKey */, "" /* Constant.Empty */, 0);
-        setCookie("_clck" /* Constant.CookieKey */, "" /* Constant.Empty */, 0);
+        config$1.track = false;
+        setCookie("_clsk" /* Constant.SessionKey */, "" /* Constant.Empty */, -Number.MAX_VALUE);
+        setCookie("_clck" /* Constant.CookieKey */, "" /* Constant.Empty */, -Number.MAX_VALUE);
         stop();
         window.setTimeout(start, 250 /* Setting.RestartDelay */);
         return;
@@ -4553,7 +4568,9 @@ function encodeCookieValue(value) {
     return encodeURIComponent(value);
 }
 function setCookie(key, value, time) {
-    if (config$1.track && ((navigator && navigator.cookieEnabled) || supported(document, "cookie" /* Constant.Cookie */))) {
+    // only write cookies if we are currently in a cookie writing mode (and they are supported)
+    // OR if we are trying to write an empty cookie (i.e. clear the cookie value out)
+    if ((config$1.track || value == "" /* Constant.Empty */) && ((navigator && navigator.cookieEnabled) || supported(document, "cookie" /* Constant.Cookie */))) {
         // Some browsers automatically url encode cookie values if they are not url encoded.
         // We therefore encode and decode cookie values ourselves.
         var encodedValue = encodeCookieValue(value);
@@ -4763,8 +4780,8 @@ function stop$6() {
 var status = false;
 function start$6() {
     status = true;
-    start$H();
-    reset$k();
+    start$I();
+    reset$l();
     reset$1();
     reset$2();
     start$7();
@@ -4773,8 +4790,8 @@ function stop$5() {
     stop$6();
     reset$2();
     reset$1();
-    reset$k();
-    stop$E();
+    reset$l();
+    stop$F();
     status = false;
 }
 function active() {
@@ -4828,7 +4845,7 @@ function restart() {
 }
 
 function start$5() {
-    start$z();
+    start$A();
     start$e();
     start$d();
 }
@@ -4844,7 +4861,7 @@ var diagnostic = /*#__PURE__*/Object.freeze({
 
 function start$4() {
     schedule$1(discover, 1 /* Priority.High */).then(function () {
-        measure(compute$7)();
+        measure(compute$8)();
         measure(compute$6)();
     });
 }
@@ -4856,14 +4873,15 @@ function discover() {
                 case 0:
                     ts = time();
                     timer = { id: id(), cost: 3 /* Metric.LayoutCost */ };
-                    start$x(timer);
+                    start$y(timer);
                     return [4 /*yield*/, traverse(document, timer, 0 /* Source.Discover */)];
                 case 1:
                     _a.sent();
+                    checkDocumentStyles(document);
                     return [4 /*yield*/, encode$4(5 /* Event.Discover */, timer, ts)];
                 case 2:
                     _a.sent();
-                    stop$v(timer);
+                    stop$w(timer);
                     return [2 /*return*/];
             }
         });
@@ -4873,17 +4891,19 @@ function discover() {
 function start$3() {
     // The order below is important 
     // and is determined by interdependencies of modules
-    start$w();
+    start$x();
     start$u();
-    start$y();
+    start$z();
     start$h();
     start$4();
+    start$w();
     start$v();
 }
 function stop$3() {
     stop$s();
-    stop$w();
+    stop$x();
     stop$f();
+    stop$v();
     stop$u();
     stop$t();
 }
@@ -5079,7 +5099,7 @@ function start(config$1) {
     if (check()) {
         config(config$1);
         start$6();
-        start$A();
+        start$B();
         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
@@ -5110,7 +5130,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$x();
+        stop$y();
         stop$5();
         setup();
     }