clarity-js 0.6.26 → 0.6.30

package/build/clarity.module.js

@@ -1,9 +1,48 @@
 var upload$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    get track () { return track; },
-    get start () { return start$a; },
+    get track () { return track$1; },
+    get start () { return start$c; },
     get queue () { return queue; },
-    get stop () { return stop$9; }
+    get stop () { return stop$b; }
+});
+var limit = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    get data () { return data$4; },
+    get start () { return start$b; },
+    get check () { return check$2; },
+    get trigger () { return trigger; },
+    get compute () { return compute$3; },
+    get stop () { return stop$a; }
+});
+var dimension = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    get data () { return data$3; },
+    get updates () { return updates; },
+    get start () { return start$a; },
+    get stop () { return stop$9; },
+    get log () { return log; },
+    get compute () { return compute$2; },
+    get reset () { return reset$3; }
+});
+var metadata$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    get data () { return data$2; },
+    get callback () { return callback; },
+    get start () { return start$9; },
+    get userAgentData () { return userAgentData; },
+    get stop () { return stop$8; },
+    get metadata () { return metadata; },
+    get id () { return id; },
+    get consent () { return consent; },
+    get clear () { return clear; },
+    get save () { return save; }
+});
+var envelope$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    get data () { return data$1; },
+    get start () { return start$8; },
+    get stop () { return stop$7; },
+    get envelope () { return envelope; }
 });
 
 var config$1 = {
@@ -16,6 +55,7 @@ var config$1 = {
     unmask: [],
     regions: [],
     metrics: [],
+    dimensions: [],
     cookies: [],
     report: null,
     upload: null,
@@ -36,18 +76,40 @@ function stop$B() {
     startTime = 0;
 }
 
-var state$7 = null;
+var version$1 = "0.6.30";
+
+// tslint:disable: no-bitwise
+function hash (input) {
+    // Code inspired from C# GetHashCode: https://github.com/Microsoft/referencesource/blob/master/mscorlib/system/string.cs
+    var hash = 0;
+    var hashOne = 5381;
+    var hashTwo = hashOne;
+    for (var i = 0; i < input.length; i += 2) {
+        var charOne = input.charCodeAt(i);
+        hashOne = ((hashOne << 5) + hashOne) ^ charOne;
+        if (i + 1 < input.length) {
+            var charTwo = input.charCodeAt(i + 1);
+            hashTwo = ((hashTwo << 5) + hashTwo) ^ charTwo;
+        }
+    }
+    // Replace the magic number from C# implementation (1566083941) with a smaller prime number (11579)
+    // This ensures we don't hit integer overflow and prevent collisions
+    hash = Math.abs(hashOne + (hashTwo * 11579));
+    return hash.toString(36);
+}
+
+var state$9 = null;
 var buffer = null;
 var update$1 = false;
 function start$D() {
     update$1 = false;
-    reset$n();
+    reset$o();
 }
-function reset$n() {
+function reset$o() {
     // 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$1) {
-        state$7 = { time: time(), event: 4 /* Baseline */, data: {
+        state$9 = { time: time(), event: 4 /* Baseline */, data: {
                 visible: buffer.visible,
                 docWidth: buffer.docWidth,
                 docHeight: buffer.docHeight,
@@ -111,14 +173,14 @@ function compute$c() {
     }
 }
 function stop$A() {
-    reset$n();
+    reset$o();
 }
 
 var baseline = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    get state () { return state$7; },
+    get state () { return state$9; },
     start: start$D,
-    reset: reset$n,
+    reset: reset$o,
     track: track$7,
     activity: activity,
     visibility: visibility,
@@ -126,7 +188,7 @@ var baseline = /*#__PURE__*/Object.freeze({
     stop: stop$A
 });
 
-var data$k = null;
+var data$i = null;
 function event(key, value) {
     if (active() &&
         key &&
@@ -135,484 +197,64 @@ function event(key, value) {
         typeof value === "string" /* String */ &&
         key.length < 255 &&
         value.length < 255) {
-        data$k = { key: key, value: value };
+        data$i = { key: key, value: value };
         encode$1(24 /* Custom */);
     }
 }
 
-// tslint:disable: no-bitwise
-function hash (input) {
-    // Code inspired from C# GetHashCode: https://github.com/Microsoft/referencesource/blob/master/mscorlib/system/string.cs
-    var hash = 0;
-    var hashOne = 5381;
-    var hashTwo = hashOne;
-    for (var i = 0; i < input.length; i += 2) {
-        var charOne = input.charCodeAt(i);
-        hashOne = ((hashOne << 5) + hashOne) ^ charOne;
-        if (i + 1 < input.length) {
-            var charTwo = input.charCodeAt(i + 1);
-            hashTwo = ((hashTwo << 5) + hashTwo) ^ charTwo;
-        }
-    }
-    // Replace the magic number from C# implementation (1566083941) with a smaller prime number (11579)
-    // This ensures we don't hit integer overflow and prevent collisions
-    hash = Math.abs(hashOne + (hashTwo * 11579));
-    return hash.toString(36);
-}
-
-var data$j = null;
+var data$h = null;
+var updates$3 = null;
 function start$C() {
-    reset$m();
-}
-function set(variable, value) {
-    var values = typeof value === "string" /* String */ ? [value] : value;
-    log$2(variable, values);
-}
-function identify(userId, sessionId, pageId) {
-    if (sessionId === void 0) { sessionId = null; }
-    if (pageId === void 0) { pageId = null; }
-    log$2("userId" /* UserId */, [userId]);
-    log$2("sessionId" /* SessionId */, [sessionId]);
-    log$2("pageId" /* PageId */, [pageId]);
-}
-function log$2(variable, value) {
-    if (active() &&
-        variable &&
-        value &&
-        typeof variable === "string" /* String */ &&
-        variable.length < 255) {
-        var validValues = variable in data$j ? data$j[variable] : [];
-        for (var i = 0; i < value.length; i++) {
-            if (typeof value[i] === "string" /* String */ && value[i].length < 255) {
-                validValues.push(value[i]);
-            }
-        }
-        data$j[variable] = validValues;
-    }
-}
-function compute$b() {
-    encode$1(34 /* Variable */);
-}
-function reset$m() {
-    data$j = {};
+    data$h = {};
+    updates$3 = {};
+    count$1(5 /* InvokeCount */);
 }
 function stop$z() {
-    reset$m();
-}
-
-var variable = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    get data () { return data$j; },
-    start: start$C,
-    set: set,
-    identify: identify,
-    compute: compute$b,
-    reset: reset$m,
-    stop: stop$z
-});
-
-var data$i = null;
-var callback = null;
-var rootDomain = null;
-function start$B() {
-    callback = null;
-    rootDomain = null;
-    var ua = navigator && "userAgent" in navigator ? navigator.userAgent : "" /* Empty */;
-    var title = document && document.title ? document.title : "" /* Empty */;
-    // Populate ids for this page
-    var s = session();
-    var u = user();
-    data$i = {
-        projectId: config$1.projectId || hash(location.host),
-        userId: u.id,
-        sessionId: s.session,
-        pageNum: s.count
-    };
-    // Override configuration based on what's in the session storage, unless it is blank (e.g. using upload callback, like in devtools)
-    config$1.lean = config$1.track && s.upgrade !== null ? s.upgrade === 0 /* False */ : config$1.lean;
-    config$1.upload = config$1.track && typeof config$1.upload === "string" /* String */ && s.upload && s.upload.length > "https://" /* HTTPS */.length ? s.upload : config$1.upload;
-    // Log dimensions
-    log$1(0 /* UserAgent */, ua);
-    log$1(3 /* PageTitle */, title);
-    log$1(1 /* Url */, location.href);
-    log$1(2 /* Referrer */, document.referrer);
-    log$1(15 /* TabId */, tab());
-    log$1(16 /* PageLanguage */, document.documentElement.lang);
-    log$1(17 /* DocumentDirection */, document.dir);
-    if (navigator) {
-        log$1(9 /* Language */, navigator.userLanguage || navigator.language);
-    }
-    // Metrics
-    max(0 /* ClientTimestamp */, s.ts);
-    max(1 /* Playback */, 0 /* False */);
-    if (screen) {
-        max(14 /* ScreenWidth */, Math.round(screen.width));
-        max(15 /* ScreenHeight */, Math.round(screen.height));
-        max(16 /* ColorDepth */, Math.round(screen.colorDepth));
-    }
-    // Read cookies specified in configuration
-    for (var _i = 0, _a = config$1.cookies; _i < _a.length; _i++) {
-        var key = _a[_i];
-        var value = getCookie(key);
-        if (value) {
-            set(key, value);
-        }
-    }
-    // Track ids using a cookie if configuration allows it
-    track$6(u);
-}
-function stop$y() {
-    callback = null;
-    rootDomain = null;
-}
-function metadata$1(cb) {
-    callback = cb;
-}
-function id() {
-    return data$i ? [data$i.userId, data$i.sessionId, data$i.pageNum].join("." /* Dot */) : "" /* Empty */;
-}
-function consent() {
-    if (active()) {
-        config$1.track = true;
-        track$6(user(), 1 /* True */);
-    }
-}
-function clear() {
-    // Clear any stored information in the cookie that tracks session information so we can restart fresh the next time
-    setCookie("_clsk" /* SessionKey */, "" /* Empty */, 0);
-}
-function tab() {
-    var id = shortid();
-    if (config$1.track && supported$1(window, "sessionStorage" /* SessionStorage */)) {
-        var value = sessionStorage.getItem("_cltk" /* TabKey */);
-        id = value ? value : id;
-        sessionStorage.setItem("_cltk" /* TabKey */, id);
-    }
-    return id;
-}
-function save() {
-    var ts = Math.round(Date.now());
-    var upgrade = config$1.lean ? 0 /* False */ : 1 /* True */;
-    var upload = config$1.upload && typeof config$1.upload === "string" /* String */ ? config$1.upload.replace("https://" /* HTTPS */, "" /* Empty */) : "" /* Empty */;
-    if (upgrade && callback) {
-        callback(data$i, !config$1.lean);
-    }
-    setCookie("_clsk" /* SessionKey */, [data$i.sessionId, ts, data$i.pageNum, upgrade, upload].join("|" /* Pipe */), 1 /* SessionExpire */);
-}
-function supported$1(target, api) {
-    try {
-        return !!target[api];
-    }
-    catch (_a) {
-        return false;
-    }
-}
-function track$6(u, consent) {
-    if (consent === void 0) { consent = null; }
-    // If consent is not explicitly specified, infer it from the user object
-    consent = consent === null ? u.consent : consent;
-    // Convert time precision into days to reduce number of bytes we have to write in a cookie
-    // E.g. Math.ceil(1628735962643 / (24*60*60*1000)) => 18852 (days) => ejo in base36 (13 bytes => 3 bytes)
-    var end = Math.ceil((Date.now() + (365 /* Expire */ * 86400000 /* Day */)) / 86400000 /* Day */);
-    // To avoid cookie churn, write user id cookie only once every day
-    if (u.expiry === null || Math.abs(end - u.expiry) >= 1 /* CookieInterval */ || u.consent !== consent) {
-        setCookie("_clck" /* CookieKey */, [data$i.userId, 1 /* CookieVersion */, end.toString(36), consent].join("|" /* Pipe */), 365 /* Expire */);
-    }
-}
-function shortid() {
-    var id = Math.floor(Math.random() * Math.pow(2, 32));
-    if (window && window.crypto && window.crypto.getRandomValues && Uint32Array) {
-        id = window.crypto.getRandomValues(new Uint32Array(1))[0];
-    }
-    return id.toString(36);
-}
-function session() {
-    var output = { session: shortid(), ts: Math.round(Date.now()), count: 1, upgrade: null, upload: "" /* Empty */ };
-    var value = getCookie("_clsk" /* SessionKey */);
-    if (value) {
-        var parts = value.split("|" /* Pipe */);
-        // Making it backward & forward compatible by using greater than comparison (v0.6.21)
-        // In future version, we can reduce the parts length to be 5 where the last part contains the full upload URL
-        if (parts.length >= 5 && output.ts - num$2(parts[1]) < 1800000 /* SessionTimeout */) {
-            output.session = parts[0];
-            output.count = num$2(parts[2]) + 1;
-            output.upgrade = num$2(parts[3]);
-            output.upload = parts.length >= 6 ? "" + "https://" /* HTTPS */ + parts[5] + "/" + parts[4] : "" + "https://" /* HTTPS */ + parts[4];
-        }
-    }
-    return output;
-}
-function num$2(string, base) {
-    if (base === void 0) { base = 10; }
-    return parseInt(string, base);
-}
-function user() {
-    var output = { id: shortid(), expiry: null, consent: 0 /* False */ };
-    var cookie = getCookie("_clck" /* CookieKey */);
-    if (cookie && cookie.length > 0) {
-        // Splitting and looking up first part for forward compatibility, in case we wish to store additional information in a cookie
-        var parts = cookie.split("|" /* Pipe */);
-        // For backward compatibility introduced in v0.6.18; following code can be removed with future iterations
-        // Count number of times Clarity's user cookie crumb appears in document.cookie (could be on different sub-domains e.g. www.domain.com and .domain.com)
-        var count = 0;
-        for (var _i = 0, _a = document.cookie.split(";" /* Semicolon */); _i < _a.length; _i++) {
-            var c = _a[_i];
-            count += c.split("=" /* Equals */)[0].trim() === "_clck" /* CookieKey */ ? 1 : 0;
-        }
-        // Check if we either got version-less cookie value or saw multiple copies of the user cookie crumbs
-        // In both these cases, we go ahead and delete the existing cookie set on current domain
-        if (parts.length === 1 || count > 1) {
-            var deleted = "" + ";" /* Semicolon */ + "expires=" /* Expires */ + (new Date(0)).toUTCString() + ";path=/" /* Path */;
-            // First, delete current user cookie which might be set on current sub-domain vs. root domain
-            document.cookie = "_clck" /* CookieKey */ + "=" + deleted;
-            // Second, same thing for current session cookie so it can be re-written later with the root domain
-            document.cookie = "_clsk" /* SessionKey */ + "=" + deleted;
-        }
-        // End code for backward compatibility
-        // Read version information and timestamp from cookie, if available
-        if (parts.length > 2) {
-            output.expiry = num$2(parts[2], 36);
-        }
-        // Check if we have explicit consent to track this user
-        if (parts.length > 3 && num$2(parts[3]) === 1) {
-            output.consent = 1 /* True */;
-        }
-        // Set track configuration to true for this user if we have explicit consent, regardless of project setting
-        config$1.track = config$1.track || output.consent === 1 /* True */;
-        // Get user id from cookie only if we tracking is enabled, otherwise fallback to a random id
-        output.id = config$1.track ? parts[0] : output.id;
-    }
-    return output;
+    data$h = {};
+    updates$3 = {};
 }
-function getCookie(key) {
-    if (supported$1(document, "cookie" /* Cookie */)) {
-        var cookies = document.cookie.split(";" /* Semicolon */);
-        if (cookies) {
-            for (var i = 0; i < cookies.length; i++) {
-                var pair = cookies[i].split("=" /* Equals */);
-                if (pair.length > 1 && pair[0] && pair[0].trim() === key) {
-                    return pair[1];
-                }
-            }
-        }
+function count$1(metric, increment) {
+    if (increment === void 0) { increment = 1; }
+    if (!(metric in data$h)) {
+        data$h[metric] = 0;
     }
-    return null;
-}
-function setCookie(key, value, time) {
-    if (config$1.track && ((navigator && navigator.cookieEnabled) || supported$1(document, "cookie" /* Cookie */))) {
-        var expiry = new Date();
-        expiry.setDate(expiry.getDate() + time);
-        var expires = expiry ? "expires=" /* Expires */ + expiry.toUTCString() : "" /* Empty */;
-        var cookie = key + "=" + value + ";" /* Semicolon */ + expires + ";path=/" /* Path */;
-        try {
-            // Attempt to get the root domain only once and fall back to writing cookie on the current domain.
-            if (rootDomain === null) {
-                var hostname = location.hostname ? location.hostname.split("." /* Dot */) : [];
-                // Walk backwards on a domain and attempt to set a cookie, until successful
-                for (var i = hostname.length - 1; i >= 0; i--) {
-                    rootDomain = "." + hostname[i] + (rootDomain ? rootDomain : "" /* Empty */);
-                    // We do not wish to attempt writing a cookie on the absolute last part of the domain, e.g. .com or .net.
-                    // So we start attempting after second-last part, e.g. .domain.com (PASS) or .co.uk (FAIL)
-                    if (i < hostname.length - 1) {
-                        // Write the cookie on the current computed top level domain
-                        document.cookie = "" + cookie + ";" /* Semicolon */ + "domain=" /* Domain */ + rootDomain;
-                        // Once written, check if the cookie exists and its value matches exactly with what we intended to set
-                        // Checking for exact value match helps us eliminate a corner case where the cookie may already be present with a different value
-                        // If the check is successful, no more action is required and we can return from the function since rootDomain cookie is already set
-                        // If the check fails, continue with the for loop until we can successfully set and verify the cookie
-                        if (getCookie(key) === value) {
-                            return;
-                        }
-                    }
-                }
-                // Finally, if we were not successful and gone through all the options, play it safe and reset rootDomain to be empty
-                // This forces our code to fall back to always writing cookie to the current domain
-                rootDomain = "" /* Empty */;
-            }
-        }
-        catch (_a) {
-            rootDomain = "" /* Empty */;
-        }
-        document.cookie = rootDomain ? "" + cookie + ";" /* Semicolon */ + "domain=" /* Domain */ + rootDomain : cookie;
+    if (!(metric in updates$3)) {
+        updates$3[metric] = 0;
     }
-}
-
-var metadata$2 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    get data () { return data$i; },
-    get callback () { return callback; },
-    start: start$B,
-    stop: stop$y,
-    metadata: metadata$1,
-    id: id,
-    consent: consent,
-    clear: clear,
-    save: save
-});
-
-var history$4;
-function reset$l() {
-    history$4 = [];
+    data$h[metric] += increment;
+    updates$3[metric] += increment;
 }
-function report(check, message) {
-    if (message === void 0) { message = null; }
-    // Do not report the same message twice for the same page
-    if (history$4 && history$4.indexOf(message) === -1) {
-        var url = config$1.report;
-        if (url && url.length > 0) {
-            var payload = { c: check, p: data$i.projectId, u: data$i.userId, s: data$i.sessionId, n: data$i.pageNum };
-            if (message)
-                payload.m = message;
-            // Using POST request instead of a GET request (img-src) to not violate existing CSP rules
-            // Since, Clarity already uses XHR to upload data, we stick with similar POST mechanism for reporting too
-            var xhr = new XMLHttpRequest();
-            xhr.open("POST", url);
-            xhr.send(JSON.stringify(payload));
-            history$4.push(message);
+function sum(metric, value) {
+    if (value !== null) {
+        if (!(metric in data$h)) {
+            data$h[metric] = 0;
         }
-    }
-}
-
-var version$1 = "0.6.26";
-
-var data$h = null;
-function start$A() {
-    var m = data$i;
-    data$h = {
-        version: version$1,
-        sequence: 0,
-        start: 0,
-        duration: 0,
-        projectId: m.projectId,
-        userId: m.userId,
-        sessionId: m.sessionId,
-        pageNum: m.pageNum,
-        upload: 0 /* Async */,
-        end: 0 /* False */
-    };
-}
-function stop$x() {
-    data$h = null;
-}
-function envelope(last) {
-    data$h.start = data$h.start + data$h.duration;
-    data$h.duration = time() - data$h.start;
-    data$h.sequence++;
-    data$h.upload = last && "sendBeacon" in navigator ? 1 /* Beacon */ : 0 /* Async */;
-    data$h.end = last ? 1 /* True */ : 0 /* False */;
-    return [
-        data$h.version,
-        data$h.sequence,
-        data$h.start,
-        data$h.duration,
-        data$h.projectId,
-        data$h.userId,
-        data$h.sessionId,
-        data$h.pageNum,
-        data$h.upload,
-        data$h.end
-    ];
-}
-
-var envelope$1 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    get data () { return data$h; },
-    start: start$A,
-    stop: stop$x,
-    envelope: envelope
-});
-
-var data$g;
-function start$z() {
-    data$g = { check: 0 /* None */ };
-}
-function check$3(bytes) {
-    if (data$g.check === 0 /* None */) {
-        var reason = data$g.check;
-        reason = data$h.sequence >= 128 /* PayloadLimit */ ? 1 /* Payload */ : reason;
-        reason = time() > 7200000 /* ShutdownLimit */ ? 2 /* Shutdown */ : reason;
-        reason = bytes > 10485760 /* PlaybackBytesLimit */ ? 2 /* Shutdown */ : reason;
-        if (reason !== data$g.check) {
-            trigger$1(reason);
+        if (!(metric in updates$3)) {
+            updates$3[metric] = 0;
         }
+        data$h[metric] += value;
+        updates$3[metric] += value;
     }
 }
-function trigger$1(reason) {
-    report(reason);
-    data$g.check = reason;
-    clear();
-    stop();
-}
-function compute$a() {
-    if (data$g.check !== 0 /* None */) {
-        encode$1(35 /* Limit */);
-    }
-}
-function stop$w() {
-    data$g = null;
-}
-
-var limit = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    get data () { return data$g; },
-    start: start$z,
-    check: check$3,
-    trigger: trigger$1,
-    compute: compute$a,
-    stop: stop$w
-});
-
-var data$f = null;
-var updates$3 = null;
-function start$y() {
-    data$f = {};
-    updates$3 = {};
-}
-function stop$v() {
-    data$f = {};
-    updates$3 = {};
-}
-function log$1(dimension, value) {
-    // Check valid value before moving ahead
-    if (value) {
-        // Ensure received value is casted into a string if it wasn't a string to begin with
-        value = "" + value;
-        if (!(dimension in data$f)) {
-            data$f[dimension] = [];
+function max(metric, value) {
+    // Ensure that we do not process null or NaN values
+    if (value !== null && isNaN(value) === false) {
+        if (!(metric in data$h)) {
+            data$h[metric] = 0;
         }
-        if (data$f[dimension].indexOf(value) < 0) {
-            data$f[dimension].push(value);
-            // If this is a new value, track it as part of updates object
-            // This allows us to only send back new values in subsequent payloads
-            if (!(dimension in updates$3)) {
-                updates$3[dimension] = [];
-            }
-            updates$3[dimension].push(value);
-            // Limit check to ensure we have a cap on number of dimensions we can collect
-            if (data$f[dimension].length > 128 /* CollectionLimit */) {
-                trigger$1(5 /* Collection */);
-            }
+        if (value > data$h[metric] || data$h[metric] === 0) {
+            updates$3[metric] = value;
+            data$h[metric] = value;
         }
     }
 }
-function compute$9() {
-    encode$1(1 /* Dimension */);
+function compute$b() {
+    encode$1(0 /* Metric */);
 }
-function reset$k() {
+function reset$n() {
     updates$3 = {};
 }
 
-var dimension = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    get data () { return data$f; },
-    get updates () { return updates$3; },
-    start: start$y,
-    stop: stop$v,
-    log: log$1,
-    compute: compute$9,
-    reset: reset$k
-});
-
 function setTimeout(handler, timeout, event) {
     return window.setTimeout(measure(handler), timeout, event);
 }
@@ -620,15 +262,15 @@ function clearTimeout(handle) {
     return window.clearTimeout(handle);
 }
 
-var data$e;
+var data$g;
 var last = 0;
 var interval = 0;
 var timeout$6 = null;
-function start$x() {
+function start$B() {
     interval = 60000 /* PingInterval */;
     last = 0;
 }
-function reset$j() {
+function reset$m() {
     if (timeout$6) {
         clearTimeout(timeout$6);
     }
@@ -637,16 +279,16 @@ function reset$j() {
 }
 function ping() {
     var now = time();
-    data$e = { gap: now - last };
+    data$g = { gap: now - last };
     encode$1(25 /* Ping */);
-    if (data$e.gap < 300000 /* PingTimeout */) {
+    if (data$g.gap < 300000 /* PingTimeout */) {
         timeout$6 = setTimeout(ping, interval);
     }
     else {
         suspend();
     }
 }
-function stop$u() {
+function stop$y() {
     clearTimeout(timeout$6);
     last = 0;
     interval = 0;
@@ -654,59 +296,59 @@ function stop$u() {
 
 var ping$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    get data () { return data$e; },
-    start: start$x,
-    reset: reset$j,
-    stop: stop$u
+    get data () { return data$g; },
+    start: start$B,
+    reset: reset$m,
+    stop: stop$y
 });
 
-var data$d = null;
-function start$w() {
-    data$d = {};
+var data$f = null;
+function start$A() {
+    data$f = {};
 }
-function stop$t() {
-    data$d = {};
+function stop$x() {
+    data$f = {};
 }
-function track$5(event, time) {
-    if (!(event in data$d)) {
-        data$d[event] = [[time, 0]];
+function track$6(event, time) {
+    if (!(event in data$f)) {
+        data$f[event] = [[time, 0]];
     }
     else {
-        var e = data$d[event];
+        var e = data$f[event];
         var last = e[e.length - 1];
         // Add a new entry only if the new event occurs after configured interval
         // Otherwise, extend the duration of the previous entry
         if (time - last[0] > 100 /* SummaryInterval */) {
-            data$d[event].push([time, 0]);
+            data$f[event].push([time, 0]);
         }
         else {
             last[1] = time - last[0];
         }
     }
 }
-function compute$8() {
+function compute$a() {
     encode$1(36 /* Summary */);
 }
-function reset$i() {
-    data$d = {};
+function reset$l() {
+    data$f = {};
 }
 
 var summary = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    get data () { return data$d; },
-    start: start$w,
-    stop: stop$t,
-    track: track$5,
-    compute: compute$8,
-    reset: reset$i
+    get data () { return data$f; },
+    start: start$A,
+    stop: stop$x,
+    track: track$6,
+    compute: compute$a,
+    reset: reset$l
 });
 
-var data$c = null;
-function start$v() {
+var data$e = null;
+function start$z() {
     if (!config$1.lean && config$1.upgrade) {
         config$1.upgrade("Config" /* Config */);
     }
-    data$c = null;
+    data$e = null;
 }
 // Following call will upgrade the session from lean mode into the full mode retroactively from the start of the page.
 // As part of the lean mode, we do not send back any layout information - including discovery of DOM and mutations.
@@ -716,7 +358,7 @@ function upgrade(key) {
     // Upgrade only if Clarity was successfully activated on the page
     if (active() && config$1.lean) {
         config$1.lean = false;
-        data$c = { key: key };
+        data$e = { key: key };
         // Update metadata to track we have upgraded this session
         save();
         // Callback upgrade handler, if configured
@@ -726,16 +368,67 @@ function upgrade(key) {
         encode$1(3 /* Upgrade */);
     }
 }
-function stop$s() {
-    data$c = null;
+function stop$w() {
+    data$e = null;
 }
 
 var upgrade$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    get data () { return data$c; },
-    start: start$v,
+    get data () { return data$e; },
+    start: start$z,
     upgrade: upgrade,
-    stop: stop$s
+    stop: stop$w
+});
+
+var data$d = null;
+function start$y() {
+    reset$k();
+}
+function set(variable, value) {
+    var values = typeof value === "string" /* String */ ? [value] : value;
+    log$2(variable, values);
+}
+function identify(userId, sessionId, pageId) {
+    if (sessionId === void 0) { sessionId = null; }
+    if (pageId === void 0) { pageId = null; }
+    log$2("userId" /* UserId */, [userId]);
+    log$2("sessionId" /* SessionId */, [sessionId]);
+    log$2("pageId" /* PageId */, [pageId]);
+}
+function log$2(variable, value) {
+    if (active() &&
+        variable &&
+        value &&
+        typeof variable === "string" /* String */ &&
+        variable.length < 255) {
+        var validValues = variable in data$d ? data$d[variable] : [];
+        for (var i = 0; i < value.length; i++) {
+            if (typeof value[i] === "string" /* String */ && value[i].length < 255) {
+                validValues.push(value[i]);
+            }
+        }
+        data$d[variable] = validValues;
+    }
+}
+function compute$9() {
+    encode$1(34 /* Variable */);
+}
+function reset$k() {
+    data$d = {};
+}
+function stop$v() {
+    reset$k();
+}
+
+var variable = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    get data () { return data$d; },
+    start: start$y,
+    set: set,
+    identify: identify,
+    compute: compute$9,
+    reset: reset$k,
+    stop: stop$v
 });
 
 /*! *****************************************************************************
@@ -791,7 +484,7 @@ function __generator(thisArg, body) {
     }
 }
 
-var supported = "CompressionStream" /* CompressionStream */ in window;
+var supported$1 = "CompressionStream" /* CompressionStream */ in window;
 function compress (input) {
     return __awaiter(this, void 0, void 0, function () {
         var stream, _a;
@@ -799,7 +492,7 @@ function compress (input) {
             switch (_c.label) {
                 case 0:
                     _c.trys.push([0, 3, , 4]);
-                    if (!supported) return [3 /*break*/, 2];
+                    if (!supported$1) return [3 /*break*/, 2];
                     stream = new ReadableStream({ start: function (controller) {
                             return __awaiter(this, void 0, void 0, function () {
                                 return __generator(this, function (_a) {
@@ -849,27 +542,27 @@ function read(stream) {
     });
 }
 
-var modules$1 = [baseline, dimension, variable, limit, summary, metadata$2, envelope$1, upload$1, ping$1, upgrade$1];
-function start$u() {
+var modules$1 = [baseline, dimension, variable, limit, summary, metadata$1, envelope$1, upload$1, ping$1, upgrade$1];
+function start$x() {
     // Metric needs to be initialized before we can start measuring. so metric is not wrapped in measure
-    start$9();
+    start$C();
     modules$1.forEach(function (x) { return measure(x.start)(); });
 }
-function stop$r() {
+function stop$u() {
     // 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$8();
+    stop$z();
 }
-function compute$7() {
-    compute$b();
-    compute$c();
+function compute$8() {
     compute$9();
+    compute$c();
     compute$2();
-    compute$8();
+    compute$b();
     compute$a();
+    compute$3();
 }
 
 function scrub (value, hint, privacy, mangle) {
@@ -991,7 +684,7 @@ function resume$1() {
         }
     }
 }
-function reset$h() {
+function reset$j() {
     tracker = {};
     queuedTasks = [];
     activeTask = null;
@@ -1045,14 +738,14 @@ function run() {
                 return;
             }
             if (error) {
-                log(0 /* RunTask */, 1 /* Warning */, error.name, error.message, error.stack);
+                log$1(0 /* RunTask */, 1 /* Warning */, error.name, error.message, error.stack);
             }
             activeTask = null;
             run();
         });
     }
 }
-function state$6(timer) {
+function state$8(timer) {
     var id = key(timer);
     if (id in tracker) {
         var elapsed = performance.now() - tracker[id].start;
@@ -1061,7 +754,7 @@ function state$6(timer) {
     // If this task is no longer being tracked, send stop message to the caller
     return 2 /* Stop */;
 }
-function start$t(timer) {
+function start$w(timer) {
     tracker[key(timer)] = { start: performance.now(), calls: 0, yield: 30 /* LongTask */ };
 }
 function restart$1(timer) {
@@ -1069,12 +762,12 @@ function restart$1(timer) {
     if (tracker && tracker[id]) {
         var c = tracker[id].calls;
         var y = tracker[id].yield;
-        start$t(timer);
+        start$w(timer);
         tracker[id].calls = c + 1;
         tracker[id].yield = y;
     }
 }
-function stop$q(timer) {
+function stop$t(timer) {
     var end = performance.now();
     var id = key(timer);
     var duration = end - tracker[id].start;
@@ -1094,7 +787,7 @@ function suspend$1(timer) {
                 case 0:
                     id = key(timer);
                     if (!(id in tracker)) return [3 /*break*/, 2];
-                    stop$q(timer);
+                    stop$t(timer);
                     _a = tracker[id];
                     return [4 /*yield*/, wait()];
                 case 1:
@@ -1163,21 +856,6 @@ function requestIdleCallbackPolyfill(callback, options) {
 }
 var requestIdleCallback = window["requestIdleCallback"] || requestIdleCallbackPolyfill;
 
-var data$b;
-function start$s() {
-    bind(document, "error", handler$5, true);
-}
-function handler$5(error) {
-    var element = error.target;
-    if (element && element.tagName === "IMG") {
-        data$b = { source: element.src, target: element };
-        schedule$1(encode$3.bind(this, 32 /* ImageError */));
-    }
-}
-function stop$p() {
-    data$b = null;
-}
-
 // Following code takes an array of tokens and transforms it to optimize for repeating tokens and make it efficient to send over the wire
 // The way it works is that it iterate over all tokens and checks if the current token was already seen in the tokens array so far
 // If so, it replaces the token with its reference (index). This helps us save bytes by not repeating the same value twice.
@@ -1221,15 +899,15 @@ function tokenize (tokens) {
     return output;
 }
 
-var data$a;
-function reset$g() {
-    data$a = null;
+var data$c;
+function reset$i() {
+    data$c = null;
 }
-function start$r() {
-    reset$g();
-    compute$6();
+function start$v() {
+    reset$i();
+    compute$7();
 }
-function compute$6() {
+function compute$7() {
     var body = document.body;
     var d = document.documentElement;
     var bodyClientWidth = body ? body.clientWidth : null;
@@ -1247,13 +925,13 @@ function compute$6() {
     var documentOffsetHeight = d ? d.offsetHeight : null;
     var height = Math.max(bodyClientHeight, bodyScrollHeight, bodyOffsetHeight, documentClientHeight, documentScrollHeight, documentOffsetHeight);
     // Check that width or height has changed from before, and also that width & height are not null values
-    if ((data$a === null || width !== data$a.width || height !== data$a.height) && width !== null && height !== null) {
-        data$a = { width: width, height: height };
+    if ((data$c === null || width !== data$c.width || height !== data$c.height) && width !== null && height !== null) {
+        data$c = { width: width, height: height };
         encode$4(8 /* Document */);
     }
 }
 function end() {
-    reset$g();
+    reset$i();
 }
 
 function encode$4 (type, timer, ts) {
@@ -1276,14 +954,14 @@ function encode$4 (type, timer, ts) {
                     }
                     return [3 /*break*/, 11];
                 case 1:
-                    d = data$a;
+                    d = data$c;
                     tokens.push(d.width);
                     tokens.push(d.height);
                     track$7(type, d.width, d.height);
                     queue(tokens);
                     return [3 /*break*/, 11];
                 case 2:
-                    for (_i = 0, _b = state$5; _i < _b.length; _i++) {
+                    for (_i = 0, _b = state$7; _i < _b.length; _i++) {
                         r = _b[_i];
                         tokens = [r.time, 7 /* Region */];
                         tokens.push(r.data.id);
@@ -1292,22 +970,22 @@ function encode$4 (type, timer, ts) {
                         tokens.push(r.data.name);
                         queue(tokens);
                     }
-                    reset$d();
+                    reset$f();
                     return [3 /*break*/, 11];
                 case 3:
-                    b = data$9;
+                    b = data$b;
                     for (_c = 0, b_1 = b; _c < b_1.length; _c++) {
                         entry = b_1[_c];
                         tokens.push(entry.id);
                         tokens.push(entry.width);
                         tokens.push(entry.height);
                     }
-                    reset$f();
+                    reset$h();
                     queue(tokens);
                     return [3 /*break*/, 11];
                 case 4:
                     // Check if we are operating within the context of the current page
-                    if (state$6(timer) === 2 /* Stop */) {
+                    if (state$8(timer) === 2 /* Stop */) {
                         return [3 /*break*/, 11];
                     }
                     values = updates$2();
@@ -1317,7 +995,7 @@ function encode$4 (type, timer, ts) {
                 case 5:
                     if (!(_d < values_1.length)) return [3 /*break*/, 9];
                     value = values_1[_d];
-                    state = state$6(timer);
+                    state = state$8(timer);
                     if (!(state === 0 /* Wait */)) return [3 /*break*/, 7];
                     return [4 /*yield*/, suspend$1(timer)];
                 case 6:
@@ -1333,7 +1011,7 @@ function encode$4 (type, timer, ts) {
                     privacy = value.metadata.privacy;
                     mangle = shouldMangle(value);
                     keys = active ? ["tag", "attributes", "value"] : ["tag"];
-                    compute$5(value.id);
+                    compute$6(value.id);
                     for (_e = 0, keys_1 = keys; _e < keys_1.length; _e++) {
                         key = keys_1[_e];
                         if (data[key]) {
@@ -1350,7 +1028,7 @@ function encode$4 (type, timer, ts) {
                                     }
                                     tokens.push(suspend ? "*M" /* SuspendMutationTag */ : data[key]);
                                     if (size && size.length === 2) {
-                                        tokens.push("" + "#" /* Box */ + str(size[0]) + "." + str(size[1]));
+                                        tokens.push("" + "#" /* Box */ + str$1(size[0]) + "." + str$1(size[1]));
                                     }
                                     break;
                                 case "attributes":
@@ -1386,22 +1064,22 @@ function shouldMangle(value) {
     var privacy = value.metadata.privacy;
     return value.data.tag === "*T" /* TextTag */ && !(privacy === 0 /* None */ || privacy === 1 /* Sensitive */);
 }
-function str(input) {
+function str$1(input) {
     return input.toString(36);
 }
 function attribute(key, value, privacy) {
     return key + "=" + scrub(value, key, privacy);
 }
 
-var data$9 = [];
+var data$b = [];
 var enabled = false;
 var observer$2 = null;
-function start$q() {
-    reset$f();
+function start$u() {
+    reset$h();
     observer$2 = null;
     enabled = window["ResizeObserver"] ? true : false;
 }
-function compute$5(id) {
+function compute$6(id) {
     if (enabled === false) {
         return;
     }
@@ -1449,21 +1127,21 @@ function handler$4(entries) {
                 // Capture new width & height only if they are different from what we have in in-memory cache
                 if (w !== s[0] && h !== s[1]) {
                     s = [w, h];
-                    data$9.push({ id: id, width: w, height: h });
+                    data$b.push({ id: id, width: w, height: h });
                 }
             }
         }
         // Schedule encode only when we have at least one valid data entry
-        if (data$9.length > 0) {
+        if (data$b.length > 0) {
             encode$4(37 /* Box */);
         }
     });
 }
-function reset$f() {
-    data$9 = [];
+function reset$h() {
+    data$b = [];
 }
-function stop$o() {
-    reset$f();
+function stop$s() {
+    reset$h();
     if (observer$2) {
         observer$2.disconnect();
         observer$2 = null;
@@ -1471,25 +1149,25 @@ function stop$o() {
     enabled = false;
 }
 
-var history$3 = {};
-var data$8;
-function start$p() {
+var history$4 = {};
+var data$a;
+function start$t() {
     bind(window, "error", handler$3);
-    history$3 = {};
+    history$4 = {};
 }
 function handler$3(error) {
     var e = error["error"] || error;
     // While rare, it's possible for code to fail repeatedly during the lifetime of the same page
     // In those cases, we only want to log the failure first few times and not spam logs with redundant information.
-    if (!(e.message in history$3)) {
-        history$3[e.message] = 0;
+    if (!(e.message in history$4)) {
+        history$4[e.message] = 0;
     }
-    if (history$3[e.message]++ >= 5 /* ScriptErrorLimit */) {
+    if (history$4[e.message]++ >= 5 /* ScriptErrorLimit */) {
         return true;
     }
     // Send back information only if the handled error has valid information
     if (e && e.message) {
-        data$8 = {
+        data$a = {
             message: e.message,
             line: error["lineno"],
             column: error["colno"],
@@ -1501,7 +1179,7 @@ function handler$3(error) {
         // Even though it doesn't impact user experience, or show up in console, it can still flood error reporting through on error
         // To mitigate that, we turn off Clarity's ResizeObserver on getting the first instance of this error
         if (e.message.indexOf("ResizeObserver" /* ResizeObserver */) >= 0) {
-            stop$o();
+            stop$s();
             return false;
         }
         encode$3(31 /* ScriptError */);
@@ -1511,33 +1189,25 @@ function handler$3(error) {
 
 function encode$3 (type) {
     return __awaiter(this, void 0, void 0, function () {
-        var tokens, imageTarget;
+        var tokens;
         return __generator(this, function (_a) {
             tokens = [time(), type];
             switch (type) {
                 case 31 /* ScriptError */:
-                    tokens.push(data$8.message);
-                    tokens.push(data$8.line);
-                    tokens.push(data$8.column);
-                    tokens.push(data$8.stack);
-                    tokens.push(data$8.source);
+                    tokens.push(data$a.message);
+                    tokens.push(data$a.line);
+                    tokens.push(data$a.column);
+                    tokens.push(data$a.stack);
+                    tokens.push(data$a.source);
                     queue(tokens);
                     break;
-                case 32 /* ImageError */:
-                    if (data$b) {
-                        imageTarget = metadata(data$b.target, type);
-                        tokens.push(data$b.source);
-                        tokens.push(imageTarget.id);
-                        queue(tokens);
-                    }
-                    break;
                 case 33 /* Log */:
-                    if (data$7) {
-                        tokens.push(data$7.code);
-                        tokens.push(data$7.name);
-                        tokens.push(data$7.message);
-                        tokens.push(data$7.stack);
-                        tokens.push(data$7.severity);
+                    if (data$9) {
+                        tokens.push(data$9.code);
+                        tokens.push(data$9.name);
+                        tokens.push(data$9.message);
+                        tokens.push(data$9.stack);
+                        tokens.push(data$9.severity);
                         queue(tokens, false);
                     }
                     break;
@@ -1547,29 +1217,29 @@ function encode$3 (type) {
     });
 }
 
-var history$2 = {};
-var data$7;
-function start$o() {
-    history$2 = {};
+var history$3 = {};
+var data$9;
+function start$s() {
+    history$3 = {};
     bind(document, "securitypolicyviolation", csp);
 }
-function log(code, severity, name, message, stack) {
+function log$1(code, severity, name, message, stack) {
     if (name === void 0) { name = null; }
     if (message === void 0) { message = null; }
     if (stack === void 0) { stack = null; }
     var key = name ? name + "|" + message : "";
     // While rare, it's possible for code to fail repeatedly during the lifetime of the same page
     // In those cases, we only want to log the failure once and not spam logs with redundant information.
-    if (code in history$2 && history$2[code].indexOf(key) >= 0) {
+    if (code in history$3 && history$3[code].indexOf(key) >= 0) {
         return;
     }
-    data$7 = { code: code, name: name, message: message, stack: stack, severity: severity };
+    data$9 = { code: code, name: name, message: message, stack: stack, severity: severity };
     // Maintain history of errors in memory to avoid sending redundant information
-    if (code in history$2) {
-        history$2[code].push(key);
+    if (code in history$3) {
+        history$3[code].push(key);
     }
     else {
-        history$2[code] = [key];
+        history$3[code] = [key];
     }
     encode$3(33 /* Log */);
 }
@@ -1579,11 +1249,11 @@ function csp(e) {
     var domain = parts.length >= 2 ? parts.splice(-2).join("." /* Dot */) : null;
     // Capture content security policy violation only if disposition value is not explicitly set to "report"
     if (domain && e.blockedURI && e.blockedURI.indexOf(domain) >= 0 && e["disposition"] !== "report" /* Report */) {
-        log(7 /* ContentSecurityPolicy */, 1 /* Warning */, e.blockedURI);
+        log$1(7 /* ContentSecurityPolicy */, 1 /* Warning */, e.blockedURI);
     }
 }
-function stop$n() {
-    history$2 = {};
+function stop$r() {
+    history$3 = {};
 }
 
 var formatRegex = /1/g;
@@ -1603,7 +1273,7 @@ function regions$1(root, value) {
                 break;
         }
         if (valid) {
-            root.querySelectorAll(selector).forEach(function (e) { return observe$9(e, regionId.toString()); });
+            root.querySelectorAll(selector).forEach(function (e) { return observe$b(e, regionId.toString()); });
         }
     };
     for (var _i = 0, value_1 = value; _i < value_1.length; _i++) {
@@ -1617,10 +1287,10 @@ function metrics(root, value) {
         if (match) {
             switch (source) {
                 case 0 /* Text */:
-                    root.querySelectorAll(match).forEach(function (e) { max(metricId, num$1(e.innerText, scale)); });
+                    root.querySelectorAll(match).forEach(function (e) { max(metricId, num$2(e.innerText, scale)); });
                     break;
                 case 2 /* Attribute */:
-                    root.querySelectorAll("[" + match + "]").forEach(function (e) { max(metricId, num$1(e.getAttribute(match), scale, false)); });
+                    root.querySelectorAll("[" + match + "]").forEach(function (e) { max(metricId, num$2(e.getAttribute(match), scale, false)); });
                     break;
                 case 1 /* Javascript */:
                     max(metricId, evaluate(match, "number" /* Number */));
@@ -1633,6 +1303,28 @@ function metrics(root, value) {
         _loop_2(v);
     }
 }
+function dimensions(root, value) {
+    var _loop_3 = function (v) {
+        var dimensionId = v[0], source = v[1], match = v[2];
+        if (match) {
+            switch (source) {
+                case 0 /* Text */:
+                    root.querySelectorAll(match).forEach(function (e) { log(dimensionId, str(e.innerText)); });
+                    break;
+                case 2 /* Attribute */:
+                    root.querySelectorAll("[" + match + "]").forEach(function (e) { log(dimensionId, str(e.getAttribute(match))); });
+                    break;
+                case 1 /* Javascript */:
+                    log(dimensionId, str(evaluate(match, "string" /* String */)));
+                    break;
+            }
+        }
+    };
+    for (var _i = 0, value_3 = value; _i < value_3.length; _i++) {
+        var v = value_3[_i];
+        _loop_3(v);
+    }
+}
 function regex(match) {
     regexCache[match] = match in regexCache ? regexCache[match] : new RegExp(match);
     return regexCache[match];
@@ -1654,7 +1346,11 @@ function evaluate(variable, type, base) {
     }
     return null;
 }
-function num$1(text, scale, localize) {
+function str(input) {
+    // Automatically trim string to max of Setting.DimensionLimit to avoid fetching long strings
+    return input ? input.substr(0, 256 /* DimensionLimit */) : input;
+}
+function num$2(text, scale, localize) {
     if (localize === void 0) { localize = true; }
     try {
         scale = scale || 1;
@@ -1703,12 +1399,13 @@ function selector (input, beta) {
             var selector = "" + prefix + input.tag + suffix;
             var classes = "class" /* Class */ in a && a["class" /* Class */].length > 0 ? a["class" /* Class */].trim().split(/\s+/) : null;
             if (beta) {
-                // In beta mode, update selector to use "id" field when available
-                // The only exception is if "id" appears to be an auto generated string token, e.g. guid or a random id
+                // In beta mode, update selector to use "id" field when available. There are two exceptions:
+                // (1) if "id" appears to be an auto generated string token, e.g. guid or a random id containing digits
+                // (2) if "id" appears inside a shadow DOM, in which case we continue to prefix up to shadow DOM to prevent conflicts
                 var id = "id" /* Id */ in a && a["id" /* Id */].length > 0 ? a["id" /* Id */] : null;
                 classes = input.tag !== "BODY" /* BodyTag */ && classes ? classes.filter(function (c) { return !hasDigits(c); }) : [];
                 selector = classes.length > 0 ? "" + prefix + input.tag + "." + classes.join(".") + suffix : selector;
-                selector = id && hasDigits(id) === false ? "#" + id : selector;
+                selector = id && hasDigits(id) === false ? getDomPrefix(prefix) + "#" + id : selector;
             }
             else {
                 // Otherwise, fallback to stable mode, where we include class names as part of the selector
@@ -1717,11 +1414,23 @@ function selector (input, beta) {
             return selector;
     }
 }
+function getDomPrefix(prefix) {
+    var shadowDomStart = prefix.lastIndexOf("*S" /* ShadowDomTag */);
+    var iframeDomStart = prefix.lastIndexOf("" + "iframe:" /* IFramePrefix */ + "HTML" /* HTML */);
+    var domStart = Math.max(shadowDomStart, iframeDomStart);
+    if (domStart < 0) {
+        return "";
+    }
+    var domEnd = prefix.indexOf(">", domStart) + 1;
+    return prefix.substr(0, domEnd);
+}
 // Check if the given input string has digits or not
 function hasDigits(value) {
     for (var i = 0; i < value.length; i++) {
         var c = value.charCodeAt(i);
-        return c >= 48 /* Zero */ && c <= 57 /* Nine */;
+        if (c >= 48 /* Zero */ && c <= 57 /* Nine */) {
+            return true;
+        }
     }
     return false;
 }
@@ -1729,7 +1438,7 @@ function hasDigits(value) {
 var index = 1;
 // Reference: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input#%3Cinput%3E_types
 var DISALLOWED_TYPES = ["password", "hidden", "email", "tel"];
-var DISALLOWED_NAMES = ["addr", "cell", "code", "dob", "email", "mob", "name", "phone", "secret", "social", "ssn", "tel", "zip", "pass"];
+var DISALLOWED_NAMES = ["addr", "cell", "code", "dob", "email", "mob", "name", "phone", "secret", "social", "ssn", "tel", "zip", "pass", "card", "account", "cvv", "ccv"];
 var DISALLOWED_MATCH = ["address", "password", "contact"];
 var nodes = [];
 var values = [];
@@ -1739,14 +1448,14 @@ var hashMap = {};
 var idMap = null; // Maps node => id.
 var iframeMap = null; // Maps iframe's contentDocument => parent iframe element
 var privacyMap = null; // Maps node => Privacy (enum)
-function start$n() {
-    reset$e();
+function start$r() {
+    reset$g();
     parse(document);
 }
-function stop$m() {
-    reset$e();
+function stop$q() {
+    reset$g();
 }
-function reset$e() {
+function reset$g() {
     index = 1;
     nodes = [];
     values = [];
@@ -1767,12 +1476,13 @@ function parse(root) {
         if ("querySelectorAll" in root) {
             regions$1(root, config$1.regions);
             metrics(root, config$1.metrics);
+            dimensions(root, config$1.dimensions);
             config$1.mask.forEach(function (x) { return root.querySelectorAll(x).forEach(function (e) { return privacyMap.set(e, 3 /* TextImage */); }); }); // Masked Elements
             config$1.unmask.forEach(function (x) { return root.querySelectorAll(x).forEach(function (e) { return privacyMap.set(e, 0 /* None */); }); }); // Unmasked Elements
         }
     }
     catch (e) {
-        log(5 /* Selector */, 1 /* Warning */, e ? e.name : null);
+        log$1(5 /* Selector */, 1 /* Warning */, e ? e.name : null);
     }
 }
 function getId(node, autogen) {
@@ -1806,7 +1516,7 @@ function add(node, parent, data, source) {
     privacy = getPrivacy(node, data, parentTag, privacy);
     // If there's an explicit region attribute set on the element, use it to mark a region on the page
     if (data.attributes && "data-clarity-region" /* RegionData */ in data.attributes) {
-        observe$9(node, data.attributes["data-clarity-region" /* RegionData */]);
+        observe$b(node, data.attributes["data-clarity-region" /* RegionData */]);
         regionId = id;
     }
     nodes[id] = node;
@@ -1823,7 +1533,7 @@ function add(node, parent, data, source) {
     };
     updateSelector(values[id]);
     size(values[id], parentValue);
-    track$4(id, source);
+    track$5(id, source);
 }
 function update(node, parent, data, source) {
     var id = getId(node);
@@ -1873,7 +1583,7 @@ function update(node, parent, data, source) {
         }
         // Update selector
         updateSelector(value);
-        track$4(id, source, changed, parentChanged);
+        track$5(id, source, changed, parentChanged);
     }
 }
 function sameorigin(node) {
@@ -2035,7 +1745,7 @@ function remove(id, source) {
         var value = values[id];
         value.metadata.active = false;
         value.parent = null;
-        track$4(id, source);
+        track$5(id, source);
     }
 }
 function size(value, parent) {
@@ -2062,7 +1772,7 @@ function getPreviousId(node) {
     }
     return id;
 }
-function track$4(id, source, changed, parentChanged) {
+function track$5(id, source, changed, parentChanged) {
     if (changed === void 0) { changed = true; }
     if (parentChanged === void 0) { parentChanged = false; }
     // Keep track of the order in which mutations happened, they may not be sequential
@@ -2080,8 +1790,8 @@ function track$4(id, source, changed, parentChanged) {
 
 var dom = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    start: start$n,
-    stop: stop$m,
+    start: start$r,
+    stop: stop$q,
     parse: parse,
     getId: getId,
     add: add,
@@ -2096,21 +1806,21 @@ var dom = /*#__PURE__*/Object.freeze({
     updates: updates$2
 });
 
-var state$5 = [];
+var state$7 = [];
 var regionMap = null; // Maps region nodes => region name
 var regions = {};
 var queue$2 = [];
 var watch = false;
 var observer$1 = null;
-function start$m() {
-    reset$d();
+function start$q() {
+    reset$f();
     observer$1 = null;
     regionMap = new WeakMap();
     regions = {};
     queue$2 = [];
     watch = window["IntersectionObserver"] ? true : false;
 }
-function observe$9(node, name) {
+function observe$b(node, name) {
     if (regionMap.has(node) === false) {
         regionMap.set(node, name);
         observer$1 = observer$1 === null && watch ? new IntersectionObserver(handler$2, {
@@ -2131,7 +1841,7 @@ function exists(node) {
     // and still attempt to call exists on a late coming DOM mutation (or addition), effectively causing a script error
     return regionMap && regionMap.has(node);
 }
-function track$3(id, event) {
+function track$4(id, event) {
     var node = getNode(id);
     var data = id in regions ? regions[id] : { id: id, visibility: 0 /* Rendered */, interaction: 16 /* None */, name: regionMap.get(node) };
     // Determine the interaction state based on incoming event
@@ -2147,7 +1857,7 @@ function track$3(id, event) {
     // Process updates to this region, if applicable
     process$6(node, data, interaction, data.visibility);
 }
-function compute$4() {
+function compute$5() {
     // 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
@@ -2159,7 +1869,7 @@ function compute$4() {
             if (id) {
                 r.data.id = id;
                 regions[id] = r.data;
-                state$5.push(clone(r.data));
+                state$7.push(clone(r.data));
             }
             else {
                 q.push(r);
@@ -2168,7 +1878,7 @@ function compute$4() {
     }
     queue$2 = q;
     // Schedule encode only when we have at least one valid data entry
-    if (state$5.length > 0) {
+    if (state$7.length > 0) {
         encode$4(7 /* Region */);
     }
 }
@@ -2204,7 +1914,7 @@ function handler$2(entries) {
             }
         }
     }
-    if (state$5.length > 0) {
+    if (state$7.length > 0) {
         encode$4(7 /* Region */);
     }
 }
@@ -2218,7 +1928,7 @@ function process$6(n, d, s, v) {
     if (d.id) {
         if ((d.id in regions && updated) || !(d.id in regions)) {
             regions[d.id] = d;
-            state$5.push(clone(d));
+            state$7.push(clone(d));
         }
     }
     else {
@@ -2228,11 +1938,11 @@ function process$6(n, d, s, v) {
 function clone(r) {
     return { time: time(), data: { id: r.id, interaction: r.interaction, visibility: r.visibility, name: r.name } };
 }
-function reset$d() {
-    state$5 = [];
+function reset$f() {
+    state$7 = [];
 }
-function stop$l() {
-    reset$d();
+function stop$p() {
+    reset$f();
     regionMap = null;
     regions = {};
     queue$2 = [];
@@ -2260,11 +1970,11 @@ function offset (element) {
 }
 
 var UserInputTags = ["input", "textarea", "radio", "button", "canvas"];
-var state$4 = [];
-function start$l() {
-    reset$c();
+var state$6 = [];
+function start$p() {
+    reset$e();
 }
-function observe$8(root) {
+function observe$a(root) {
     bind(root, "click", handler$1.bind(this, 9 /* Click */, root), true);
 }
 function handler$1(event, root, evt) {
@@ -2295,7 +2005,7 @@ function handler$1(event, root, evt) {
     var eY = l ? Math.max(Math.floor(((y - l.y) / l.h) * 32767 /* ClickPrecision */), 0) : 0;
     // Check for null values before processing this event
     if (x !== null && y !== null) {
-        state$4.push({
+        state$6.push({
             time: time(),
             event: event,
             data: {
@@ -2369,19 +2079,39 @@ function context(a) {
     }
     return 0 /* Self */;
 }
-function reset$c() {
-    state$4 = [];
+function reset$e() {
+    state$6 = [];
 }
-function stop$k() {
-    reset$c();
+function stop$o() {
+    reset$e();
+}
+
+var state$5 = [];
+function start$o() {
+    reset$d();
+}
+function observe$9(root) {
+    bind(root, "cut", recompute$7.bind(this, 0 /* Cut */), true);
+    bind(root, "copy", recompute$7.bind(this, 1 /* Copy */), true);
+    bind(root, "paste", recompute$7.bind(this, 2 /* Paste */), true);
+}
+function recompute$7(action, evt) {
+    state$5.push({ time: time(), event: 38 /* Clipboard */, data: { target: target(evt), action: action } });
+    schedule$1(encode$2.bind(this, 38 /* Clipboard */));
+}
+function reset$d() {
+    state$5 = [];
+}
+function stop$n() {
+    reset$d();
 }
 
 var timeout$5 = null;
-var state$3 = [];
-function start$k() {
-    reset$b();
+var state$4 = [];
+function start$n() {
+    reset$c();
 }
-function observe$7(root) {
+function observe$8(root) {
     bind(root, "input", recompute$6, true);
 }
 function recompute$6(evt) {
@@ -2403,10 +2133,10 @@ function recompute$6(evt) {
         }
         var data = { target: input, value: v };
         // If last entry in the queue is for the same target node as the current one, remove it so we can later swap it with current data.
-        if (state$3.length > 0 && (state$3[state$3.length - 1].data.target === data.target)) {
-            state$3.pop();
+        if (state$4.length > 0 && (state$4[state$4.length - 1].data.target === data.target)) {
+            state$4.pop();
         }
-        state$3.push({ time: time(), event: 27 /* Input */, data: data });
+        state$4.push({ time: time(), event: 27 /* Input */, data: data });
         clearTimeout(timeout$5);
         timeout$5 = setTimeout(process$5, 500 /* LookAhead */, 27 /* Input */);
     }
@@ -2414,20 +2144,20 @@ function recompute$6(evt) {
 function process$5(event) {
     schedule$1(encode$2.bind(this, event));
 }
-function reset$b() {
-    state$3 = [];
+function reset$c() {
+    state$4 = [];
 }
-function stop$j() {
+function stop$m() {
     clearTimeout(timeout$5);
-    reset$b();
+    reset$c();
 }
 
-var state$2 = [];
+var state$3 = [];
 var timeout$4 = null;
-function start$j() {
-    reset$a();
+function start$m() {
+    reset$b();
 }
-function observe$6(root) {
+function observe$7(root) {
     bind(root, "mousedown", mouse.bind(this, 13 /* MouseDown */, root), true);
     bind(root, "mouseup", mouse.bind(this, 14 /* MouseUp */, root), true);
     bind(root, "mousemove", mouse.bind(this, 12 /* MouseMove */, root), true);
@@ -2478,17 +2208,17 @@ function handler(current) {
         case 12 /* MouseMove */:
         case 15 /* MouseWheel */:
         case 19 /* TouchMove */:
-            var length_1 = state$2.length;
-            var last = length_1 > 1 ? state$2[length_1 - 2] : null;
+            var length_1 = state$3.length;
+            var last = length_1 > 1 ? state$3[length_1 - 2] : null;
             if (last && similar$1(last, current)) {
-                state$2.pop();
+                state$3.pop();
             }
-            state$2.push(current);
+            state$3.push(current);
             clearTimeout(timeout$4);
             timeout$4 = setTimeout(process$4, 500 /* LookAhead */, current.event);
             break;
         default:
-            state$2.push(current);
+            state$3.push(current);
             process$4(current.event);
             break;
     }
@@ -2496,8 +2226,8 @@ function handler(current) {
 function process$4(event) {
     schedule$1(encode$2.bind(this, event));
 }
-function reset$a() {
-    state$2 = [];
+function reset$b() {
+    state$3 = [];
 }
 function similar$1(last, current) {
     var dx = last.data.x - current.data.x;
@@ -2507,16 +2237,16 @@ function similar$1(last, current) {
     var match = current.data.target === last.data.target;
     return current.event === last.event && match && distance < 20 /* Distance */ && gap < 25 /* Interval */;
 }
-function stop$i() {
+function stop$l() {
     clearTimeout(timeout$4);
     // Send out any pending pointer events in the pipeline
-    if (state$2.length > 0) {
-        process$4(state$2[state$2.length - 1].event);
+    if (state$3.length > 0) {
+        process$4(state$3[state$3.length - 1].event);
     }
 }
 
-var data$6;
-function start$i() {
+var data$8;
+function start$l() {
     bind(window, "resize", recompute$5);
     recompute$5();
 }
@@ -2524,26 +2254,26 @@ function recompute$5() {
     var de = document.documentElement;
     // window.innerWidth includes width of the scrollbar and is not a true representation of the viewport width.
     // Therefore, when possible, use documentElement's clientWidth property.
-    data$6 = {
+    data$8 = {
         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,
     };
     encode$2(11 /* Resize */);
 }
-function reset$9() {
-    data$6 = null;
+function reset$a() {
+    data$8 = null;
 }
-function stop$h() {
-    reset$9();
+function stop$k() {
+    reset$a();
 }
 
-var state$1 = [];
+var state$2 = [];
 var timeout$3 = null;
-function start$h() {
-    state$1 = [];
+function start$k() {
+    state$2 = [];
     recompute$4();
 }
-function observe$5(root) {
+function observe$6(root) {
     var frame = iframe(root);
     var node = frame ? frame.contentWindow : (root === document ? window : root);
     bind(node, "scroll", recompute$4, true);
@@ -2569,17 +2299,17 @@ function recompute$4(event) {
     if ((event === null && x === 0 && y === 0) || (x === null || y === null)) {
         return;
     }
-    var length = state$1.length;
-    var last = length > 1 ? state$1[length - 2] : null;
+    var length = state$2.length;
+    var last = length > 1 ? state$2[length - 2] : null;
     if (last && similar(last, current)) {
-        state$1.pop();
+        state$2.pop();
     }
-    state$1.push(current);
+    state$2.push(current);
     clearTimeout(timeout$3);
     timeout$3 = setTimeout(process$3, 500 /* LookAhead */, 10 /* Scroll */);
 }
-function reset$8() {
-    state$1 = [];
+function reset$9() {
+    state$2 = [];
 }
 function process$3(event) {
     schedule$1(encode$2.bind(this, event));
@@ -2589,18 +2319,18 @@ function similar(last, current) {
     var dy = last.data.y - current.data.y;
     return (dx * dx + dy * dy < 20 /* Distance */ * 20 /* Distance */) && (current.time - last.time < 25 /* Interval */);
 }
-function stop$g() {
+function stop$j() {
     clearTimeout(timeout$3);
-    state$1 = [];
+    state$2 = [];
 }
 
-var data$5 = null;
+var data$7 = null;
 var previous = null;
 var timeout$2 = null;
-function start$g() {
-    reset$7();
+function start$j() {
+    reset$8();
 }
-function observe$4(root) {
+function observe$5(root) {
     bind(root, "selectstart", recompute$3.bind(this, root), true);
     bind(root, "selectionchange", recompute$3.bind(this, root), true);
 }
@@ -2619,12 +2349,12 @@ function recompute$3(root) {
         (current.anchorNode === current.focusNode && current.anchorOffset === current.focusOffset)) {
         return;
     }
-    var startNode = data$5.start ? data$5.start : null;
-    if (previous !== null && data$5.start !== null && startNode !== current.anchorNode) {
+    var startNode = data$7.start ? data$7.start : null;
+    if (previous !== null && data$7.start !== null && startNode !== current.anchorNode) {
         clearTimeout(timeout$2);
         process$2(21 /* Selection */);
     }
-    data$5 = {
+    data$7 = {
         start: current.anchorNode,
         startOffset: current.anchorOffset,
         end: current.focusNode,
@@ -2637,85 +2367,109 @@ function recompute$3(root) {
 function process$2(event) {
     schedule$1(encode$2.bind(this, event));
 }
-function reset$7() {
+function reset$8() {
     previous = null;
-    data$5 = { start: 0, startOffset: 0, end: 0, endOffset: 0 };
+    data$7 = { start: 0, startOffset: 0, end: 0, endOffset: 0 };
 }
-function stop$f() {
-    reset$7();
+function stop$i() {
+    reset$8();
     clearTimeout(timeout$2);
 }
 
-var data$4;
-function start$f() {
-    bind(window, "pagehide", recompute$2);
+var state$1 = [];
+function start$i() {
+    reset$7();
+}
+function observe$4(root) {
+    bind(root, "submit", recompute$2, true);
 }
 function recompute$2(evt) {
-    data$4 = { name: evt.type };
+    state$1.push({ time: time(), event: 39 /* Submit */, data: { target: target(evt) } });
+    schedule$1(encode$2.bind(this, 39 /* Submit */));
+}
+function reset$7() {
+    state$1 = [];
+}
+function stop$h() {
+    reset$7();
+}
+
+var data$6;
+function start$h() {
+    bind(window, "pagehide", recompute$1);
+}
+function recompute$1(evt) {
+    data$6 = { name: evt.type };
     encode$2(26 /* Unload */);
     stop();
 }
 function reset$6() {
-    data$4 = null;
+    data$6 = null;
 }
-function stop$e() {
+function stop$g() {
     reset$6();
 }
 
-var data$3;
-function start$e() {
-    bind(document, "visibilitychange", recompute$1);
-    recompute$1();
+var data$5;
+function start$g() {
+    bind(document, "visibilitychange", recompute);
+    recompute();
 }
-function recompute$1() {
-    data$3 = { visible: "visibilityState" in document ? document.visibilityState : "default" };
+function recompute() {
+    data$5 = { visible: "visibilityState" in document ? document.visibilityState : "default" };
     encode$2(28 /* Visibility */);
 }
 function reset$5() {
-    data$3 = null;
+    data$5 = null;
 }
-function stop$d() {
+function stop$f() {
     reset$5();
 }
 
-function start$d() {
-    start$b();
+function start$f() {
+    start$d();
+    start$p();
+    start$o();
+    start$m();
+    start$n();
     start$l();
-    start$j();
+    start$g();
     start$k();
+    start$j();
     start$i();
-    start$e();
     start$h();
-    start$g();
-    start$f();
 }
-function stop$c() {
-    stop$a();
+function stop$e() {
+    stop$c();
+    stop$o();
+    stop$n();
+    stop$l();
+    stop$m();
     stop$k();
-    stop$i();
+    stop$f();
     stop$j();
+    stop$i();
     stop$h();
-    stop$d();
     stop$g();
-    stop$f();
-    stop$e();
 }
 function observe$3(root) {
-    observe$5(root);
+    observe$6(root);
     // Only monitor following interactions if the root node is a document
     // In case of shadow DOM, following events automatically bubble up to the parent document.
     if (root.nodeType === Node.DOCUMENT_NODE) {
-        observe$8(root);
-        observe$6(root);
+        observe$a(root);
+        observe$9(root);
         observe$7(root);
+        observe$8(root);
+        observe$5(root);
         observe$4(root);
     }
 }
 
 var interaction = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    start: start$d,
-    stop: stop$c,
+    start: start$f,
+    stop: stop$e,
     observe: observe$3
 });
 
@@ -2732,39 +2486,39 @@ function ld(json) {
             switch (value) {
                 case "article" /* Article */:
                 case "recipe" /* Recipe */:
-                    log$1(5 /* SchemaType */, json[key]);
-                    log$1(8 /* AuthorName */, json["creator" /* Creator */]);
-                    log$1(18 /* Headline */, json["headline" /* Headline */]);
+                    log(5 /* SchemaType */, json[key]);
+                    log(8 /* AuthorName */, json["creator" /* Creator */]);
+                    log(18 /* Headline */, json["headline" /* Headline */]);
                     break;
                 case "product" /* Product */:
-                    log$1(5 /* SchemaType */, json[key]);
-                    log$1(10 /* ProductName */, json["name" /* Name */]);
-                    log$1(12 /* ProductSku */, json["sku" /* Sku */]);
+                    log(5 /* SchemaType */, json[key]);
+                    log(10 /* ProductName */, json["name" /* Name */]);
+                    log(12 /* ProductSku */, json["sku" /* Sku */]);
                     if (json["brand" /* Brand */]) {
-                        log$1(6 /* ProductBrand */, json["brand" /* Brand */]["name" /* Name */]);
+                        log(6 /* ProductBrand */, json["brand" /* Brand */]["name" /* Name */]);
                     }
                     break;
                 case "aggregaterating" /* AggregateRating */:
                     if (json["ratingValue" /* RatingValue */]) {
-                        max(11 /* RatingValue */, num(json["ratingValue" /* RatingValue */], 100 /* RatingScale */));
-                        max(18 /* BestRating */, num(json["bestRating" /* BestRating */]));
-                        max(19 /* WorstRating */, num(json["worstRating" /* WorstRating */]));
+                        max(11 /* RatingValue */, num$1(json["ratingValue" /* RatingValue */], 100 /* RatingScale */));
+                        max(18 /* BestRating */, num$1(json["bestRating" /* BestRating */]));
+                        max(19 /* WorstRating */, num$1(json["worstRating" /* WorstRating */]));
                     }
-                    max(12 /* RatingCount */, num(json["ratingCount" /* RatingCount */]));
-                    max(17 /* ReviewCount */, num(json["reviewCount" /* ReviewCount */]));
+                    max(12 /* RatingCount */, num$1(json["ratingCount" /* RatingCount */]));
+                    max(17 /* ReviewCount */, num$1(json["reviewCount" /* ReviewCount */]));
                     break;
                 case "person" /* Author */:
-                    log$1(8 /* AuthorName */, json["name" /* Name */]);
+                    log(8 /* AuthorName */, json["name" /* Name */]);
                     break;
                 case "offer" /* Offer */:
-                    log$1(7 /* ProductAvailability */, json["availability" /* Availability */]);
-                    log$1(14 /* ProductCondition */, json["itemCondition" /* ItemCondition */]);
-                    log$1(13 /* ProductCurrency */, json["priceCurrency" /* PriceCurrency */]);
-                    log$1(12 /* ProductSku */, json["sku" /* Sku */]);
-                    max(13 /* ProductPrice */, num(json["price" /* Price */]));
+                    log(7 /* ProductAvailability */, json["availability" /* Availability */]);
+                    log(14 /* ProductCondition */, json["itemCondition" /* ItemCondition */]);
+                    log(13 /* ProductCurrency */, json["priceCurrency" /* PriceCurrency */]);
+                    log(12 /* ProductSku */, json["sku" /* Sku */]);
+                    max(13 /* ProductPrice */, num$1(json["price" /* Price */]));
                     break;
                 case "brand" /* Brand */:
-                    log$1(6 /* ProductBrand */, json["name" /* Name */]);
+                    log(6 /* ProductBrand */, json["name" /* Name */]);
                     break;
             }
         }
@@ -2774,7 +2528,7 @@ function ld(json) {
         }
     }
 }
-function num(input, scale) {
+function num$1(input, scale) {
     if (scale === void 0) { scale = 1; }
     if (input !== null) {
         switch (typeof input) {
@@ -2896,13 +2650,13 @@ function processNode (node, source) {
                         var content = attributes["content" /* Content */];
                         switch (attributes[key]) {
                             case "og:title" /* ogTitle */:
-                                log$1(20 /* MetaTitle */, content);
+                                log(20 /* MetaTitle */, content);
                                 break;
                             case "og:type" /* ogType */:
-                                log$1(19 /* MetaType */, content);
+                                log(19 /* MetaType */, content);
                                 break;
                             case "generator" /* Generator */:
-                                log$1(21 /* Generator */, content);
+                                log(21 /* Generator */, content);
                                 break;
                         }
                     }
@@ -2967,7 +2721,7 @@ function getCssRules(sheet) {
         cssRules = sheet ? sheet.cssRules : [];
     }
     catch (e) {
-        log(1 /* CssRules */, 1 /* Warning */, e ? e.name : null);
+        log$1(1 /* CssRules */, 1 /* Warning */, e ? e.name : null);
         if (e && e.name !== "SecurityError") {
             throw e;
         }
@@ -3013,7 +2767,7 @@ function traverse (root, timer, source) {
                         queue.push(next);
                         next = next.nextSibling;
                     }
-                    state = state$6(timer);
+                    state = state$8(timer);
                     if (!(state === 0 /* Wait */)) return [3 /*break*/, 3];
                     return [4 /*yield*/, suspend$1(timer)];
                 case 2:
@@ -3042,13 +2796,13 @@ var attachShadow = null;
 var queue$1 = [];
 var timeout$1 = null;
 var activePeriod = null;
-var history$1 = {};
-function start$c() {
+var history$2 = {};
+function start$e() {
     observers = [];
     queue$1 = [];
     timeout$1 = null;
     activePeriod = 0;
-    history$1 = {};
+    history$2 = {};
     if (insertRule === null) {
         insertRule = CSSStyleSheet.prototype.insertRule;
     }
@@ -3056,7 +2810,7 @@ function start$c() {
         deleteRule = CSSStyleSheet.prototype.deleteRule;
     }
     if (attachShadow === null) {
-        attachShadow = HTMLElement.prototype.attachShadow;
+        attachShadow = Element.prototype.attachShadow;
     }
     // Some popular open source libraries, like styled-components, optimize performance
     // by injecting CSS using insertRule API vs. appending text node. A side effect of
@@ -3070,10 +2824,17 @@ function start$c() {
         schedule(this.ownerNode);
         return deleteRule.apply(this, arguments);
     };
-    // Listening to attachShadow API
-    HTMLElement.prototype.attachShadow = function () {
-        return schedule(attachShadow.apply(this, arguments));
-    };
+    // Add a hook to attachShadow API calls
+    // In case we are unable to add a hook and browser throws an exception,
+    // reset attachShadow variable and resume processing like before
+    try {
+        Element.prototype.attachShadow = function () {
+            return schedule(attachShadow.apply(this, arguments));
+        };
+    }
+    catch (_a) {
+        attachShadow = null;
+    }
 }
 function observe$1(node) {
     // Create a new observer for every time a new DOM tree (e.g. root document or shadowdom root) is discovered on the page
@@ -3092,7 +2853,7 @@ function observe$1(node) {
         }
     }
     catch (e) {
-        log(2 /* MutationObserver */, 0 /* Info */, e ? e.name : null);
+        log$1(2 /* MutationObserver */, 0 /* Info */, e ? e.name : null);
     }
 }
 function monitor(frame) {
@@ -3103,7 +2864,7 @@ function monitor(frame) {
         bind(frame, "load" /* LoadEvent */, generate.bind(this, frame, "childList" /* ChildList */), true);
     }
 }
-function stop$b() {
+function stop$d() {
     for (var _i = 0, observers_1 = observers; _i < observers_1.length; _i++) {
         var observer = observers_1[_i];
         if (observer) {
@@ -3123,10 +2884,10 @@ function stop$b() {
     }
     // Restoring original attachShadow
     if (attachShadow != null) {
-        HTMLElement.prototype.attachShadow = attachShadow;
+        Element.prototype.attachShadow = attachShadow;
         attachShadow = null;
     }
-    history$1 = {};
+    history$2 = {};
     mutations = [];
     queue$1 = [];
     activePeriod = 0;
@@ -3138,11 +2899,11 @@ function active$2() {
 function handle$1(m) {
     // Queue up mutation records for asynchronous processing
     var now = time();
-    track$5(6 /* Mutation */, now);
+    track$6(6 /* Mutation */, now);
     mutations.push({ time: now, mutations: m });
     schedule$1(process$1, 1 /* High */).then(function () {
-        measure(compute$6)();
-        measure(compute$4)();
+        measure(compute$7)();
+        measure(compute$5)();
     });
 }
 function process$1() {
@@ -3152,7 +2913,7 @@ function process$1() {
             switch (_b.label) {
                 case 0:
                     timer = { id: id(), cost: 3 /* LayoutCost */ };
-                    start$t(timer);
+                    start$w(timer);
                     _b.label = 1;
                 case 1:
                     if (!(mutations.length > 0)) return [3 /*break*/, 8];
@@ -3162,7 +2923,7 @@ function process$1() {
                 case 2:
                     if (!(_i < _a.length)) return [3 /*break*/, 6];
                     mutation = _a[_i];
-                    state = state$6(timer);
+                    state = state$8(timer);
                     if (!(state === 0 /* Wait */)) return [3 /*break*/, 4];
                     return [4 /*yield*/, suspend$1(timer)];
                 case 3:
@@ -3173,7 +2934,7 @@ function process$1() {
                         return [3 /*break*/, 6];
                     }
                     target = mutation.target;
-                    type = track$2(mutation, timer);
+                    type = track$3(mutation, timer);
                     if (type && target && target.ownerDocument) {
                         parse(target.ownerDocument);
                     }
@@ -3204,13 +2965,13 @@ function process$1() {
                     _b.sent();
                     return [3 /*break*/, 1];
                 case 8:
-                    stop$q(timer);
+                    stop$t(timer);
                     return [2 /*return*/];
             }
         });
     });
 }
-function track$2(m, timer) {
+function track$3(m, timer) {
     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" /* HTML */) {
@@ -3223,8 +2984,8 @@ function track$2(m, timer) {
         // In those cases, IDs will change however the selector (which is relative to DOM xPath) remains the same
         var key = [parent_1, element, m.attributeName, names(m.addedNodes), names(m.removedNodes)].join();
         // Initialize an entry if it doesn't already exist
-        history$1[key] = key in history$1 ? history$1[key] : [0];
-        var h = history$1[key];
+        history$2[key] = key in history$2 ? history$2[key] : [0];
+        var h = history$2[key];
         // Lookup any pending nodes queued up for removal, and process them now if we suspended a mutation before
         if (inactive === false && h[0] >= 10 /* MutationSuspendThreshold */) {
             processNodeList(h[1], 2 /* ChildListRemove */, timer);
@@ -3266,7 +3027,7 @@ function processNodeList(list, source, timer) {
                     traverse(list[i], timer, source);
                     return [3 /*break*/, 5];
                 case 2:
-                    state = state$6(timer);
+                    state = state$8(timer);
                     if (!(state === 0 /* Wait */)) return [3 /*break*/, 4];
                     return [4 /*yield*/, suspend$1(timer)];
                 case 3:
@@ -3297,10 +3058,10 @@ function schedule(node) {
     if (timeout$1) {
         clearTimeout(timeout$1);
     }
-    timeout$1 = setTimeout(trigger, 33 /* LookAhead */);
+    timeout$1 = setTimeout(trigger$1, 33 /* LookAhead */);
     return node;
 }
-function trigger() {
+function trigger$1() {
     for (var _i = 0, queue_1 = queue$1; _i < queue_1.length; _i++) {
         var node = queue_1[_i];
         var shadowRoot = node && node.nodeType === Node.DOCUMENT_FRAGMENT_NODE;
@@ -3344,7 +3105,7 @@ function link(node) {
     }
     return null;
 }
-function metadata(node, event) {
+function metadata$2(node, event) {
     // If the node is null, we return a reserved value for id: 0. Valid assignment of id begins from 1+.
     var output = { id: 0, hash: null, privacy: 2 /* Text */, node: node };
     if (node) {
@@ -3354,7 +3115,7 @@ function metadata(node, event) {
             output.hash = value.hash;
             output.privacy = value.metadata.privacy;
             if (value.region) {
-                track$3(value.region, event);
+                track$4(value.region, event);
             }
         }
     }
@@ -3363,8 +3124,8 @@ function metadata(node, event) {
 
 function encode$2 (type) {
     return __awaiter(this, void 0, void 0, function () {
-        var t, tokens, i, entry, pTarget, i, entry, cTarget, cHash, r, u, i, entry, iTarget, s, startTarget, endTarget, i, entry, sTarget, i, entry, v;
-        return __generator(this, function (_a) {
+        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, v;
+        return __generator(this, function (_p) {
             t = time();
             tokens = [t, type];
             switch (type) {
@@ -3377,9 +3138,9 @@ function encode$2 (type) {
                 case 18 /* TouchEnd */:
                 case 19 /* TouchMove */:
                 case 20 /* TouchCancel */:
-                    for (i = 0; i < state$2.length; i++) {
-                        entry = state$2[i];
-                        pTarget = metadata(entry.data.target, entry.event);
+                    for (_i = 0, _a = state$3; _i < _a.length; _i++) {
+                        entry = _a[_i];
+                        pTarget = metadata$2(entry.data.target, entry.event);
                         if (pTarget.id > 0) {
                             tokens = [entry.time, entry.event];
                             tokens.push(pTarget.id);
@@ -3389,12 +3150,12 @@ function encode$2 (type) {
                             track$7(entry.event, entry.data.x, entry.data.y);
                         }
                     }
-                    reset$a();
+                    reset$b();
                     break;
                 case 9 /* Click */:
-                    for (i = 0; i < state$4.length; i++) {
-                        entry = state$4[i];
-                        cTarget = metadata(entry.data.target, entry.event);
+                    for (_b = 0, _c = state$6; _b < _c.length; _b++) {
+                        entry = _c[_b];
+                        cTarget = metadata$2(entry.data.target, entry.event);
                         tokens = [entry.time, entry.event];
                         cHash = cTarget.hash.join("." /* Dot */);
                         tokens.push(cTarget.id);
@@ -3409,52 +3170,65 @@ function encode$2 (type) {
                         tokens.push(entry.data.link);
                         tokens.push(cHash);
                         queue(tokens);
-                        track$1(entry.time, entry.event, cHash, entry.data.x, entry.data.y, entry.data.reaction, entry.data.context);
+                        track$2(entry.time, entry.event, cHash, entry.data.x, entry.data.y, entry.data.reaction, entry.data.context);
                     }
-                    reset$c();
+                    reset$e();
+                    break;
+                case 38 /* Clipboard */:
+                    for (_d = 0, _e = state$5; _d < _e.length; _d++) {
+                        entry = _e[_d];
+                        tokens = [entry.time, entry.event];
+                        target = metadata$2(entry.data.target, entry.event);
+                        if (target.id > 0) {
+                            tokens.push(target.id);
+                            tokens.push(entry.data.action);
+                            queue(tokens);
+                        }
+                    }
+                    reset$d();
                     break;
                 case 11 /* Resize */:
-                    r = data$6;
+                    r = data$8;
                     tokens.push(r.width);
                     tokens.push(r.height);
                     track$7(type, r.width, r.height);
-                    reset$9();
+                    reset$a();
                     queue(tokens);
                     break;
                 case 26 /* Unload */:
-                    u = data$4;
+                    u = data$6;
                     tokens.push(u.name);
                     reset$6();
                     queue(tokens);
                     break;
                 case 27 /* Input */:
-                    for (i = 0; i < state$3.length; i++) {
-                        entry = state$3[i];
-                        iTarget = metadata(entry.data.target, entry.event);
+                    for (_f = 0, _g = state$4; _f < _g.length; _f++) {
+                        entry = _g[_f];
+                        iTarget = metadata$2(entry.data.target, entry.event);
                         tokens = [entry.time, entry.event];
                         tokens.push(iTarget.id);
                         tokens.push(entry.data.value);
                         queue(tokens);
                     }
-                    reset$b();
+                    reset$c();
                     break;
                 case 21 /* Selection */:
-                    s = data$5;
+                    s = data$7;
                     if (s) {
-                        startTarget = metadata(s.start, type);
-                        endTarget = metadata(s.end, type);
+                        startTarget = metadata$2(s.start, type);
+                        endTarget = metadata$2(s.end, type);
                         tokens.push(startTarget.id);
                         tokens.push(s.startOffset);
                         tokens.push(endTarget.id);
                         tokens.push(s.endOffset);
-                        reset$7();
+                        reset$8();
                         queue(tokens);
                     }
                     break;
                 case 10 /* Scroll */:
-                    for (i = 0; i < state$1.length; i++) {
-                        entry = state$1[i];
-                        sTarget = metadata(entry.data.target, entry.event);
+                    for (_h = 0, _j = state$2; _h < _j.length; _h++) {
+                        entry = _j[_h];
+                        sTarget = metadata$2(entry.data.target, entry.event);
                         if (sTarget.id > 0) {
                             tokens = [entry.time, entry.event];
                             tokens.push(sTarget.id);
@@ -3464,11 +3238,23 @@ function encode$2 (type) {
                             track$7(entry.event, entry.data.x, entry.data.y);
                         }
                     }
-                    reset$8();
+                    reset$9();
+                    break;
+                case 39 /* Submit */:
+                    for (_k = 0, _l = state$1; _k < _l.length; _k++) {
+                        entry = _l[_k];
+                        tokens = [entry.time, entry.event];
+                        target = metadata$2(entry.data.target, entry.event);
+                        if (target.id > 0) {
+                            tokens.push(target.id);
+                            queue(tokens);
+                        }
+                    }
+                    reset$7();
                     break;
                 case 22 /* Timeline */:
-                    for (i = 0; i < updates$1.length; i++) {
-                        entry = updates$1[i];
+                    for (_m = 0, _o = updates$1; _m < _o.length; _m++) {
+                        entry = _o[_m];
                         tokens = [entry.time, entry.event];
                         tokens.push(entry.data.type);
                         tokens.push(entry.data.hash);
@@ -3481,7 +3267,7 @@ function encode$2 (type) {
                     reset$4();
                     break;
                 case 28 /* Visibility */:
-                    v = data$3;
+                    v = data$5;
                     tokens.push(v.visible);
                     queue(tokens);
                     visibility(t, v.visible);
@@ -3495,14 +3281,14 @@ function encode$2 (type) {
 
 var state = [];
 var updates$1 = [];
-function start$b() {
+function start$d() {
     state = [];
     reset$4();
 }
 function reset$4() {
     updates$1 = [];
 }
-function track$1(time, event, hash, x, y, reaction, context) {
+function track$2(time, event, hash, x, y, reaction, context) {
     if (reaction === void 0) { reaction = 1 /* True */; }
     if (context === void 0) { context = 0 /* Self */; }
     state.push({
@@ -3522,10 +3308,10 @@ function track$1(time, event, hash, x, y, reaction, context) {
     // We would still need to capture the last scroll position as part of the baseline event, even when timeline will be empty.
     track$7(event, x, y);
 }
-function compute$3() {
+function compute$4() {
     var temp = [];
     updates$1 = [];
-    var max = data$h.start + data$h.duration;
+    var max = data$1.start + data$1.duration;
     var min = Math.max(max - 2000 /* TimelineSpan */, 0);
     for (var _i = 0, state_1 = state; _i < state_1.length; _i++) {
         var s = state_1[_i];
@@ -3539,7 +3325,7 @@ function compute$3() {
     state = temp; // Drop events less than the min time
     encode$2(22 /* Timeline */);
 }
-function stop$a() {
+function stop$c() {
     state = [];
     reset$4();
 }
@@ -3552,8 +3338,8 @@ var timeout = null;
 var transit;
 var active$1;
 var queuedTime = 0;
-var track;
-function start$a() {
+var track$1;
+function start$c() {
     active$1 = true;
     discoverBytes = 0;
     playbackBytes = 0;
@@ -3561,7 +3347,7 @@ function start$a() {
     playback = [];
     analysis = [];
     transit = {};
-    track = null;
+    track$1 = null;
 }
 function queue(tokens, transmit) {
     if (transmit === void 0) { transmit = true; }
@@ -3581,6 +3367,8 @@ function queue(tokens, transmit) {
                 analysis.push(event_1);
                 break;
         }
+        // Increment event count metric
+        count$1(25 /* EventCount */);
         // Following two checks are precautionary and act as a fail safe mechanism to get out of unexpected situations.
         // Check 1: If for any reason the upload hasn't happened after waiting for 2x the config.delay time,
         // reset the timer. This allows Clarity to attempt an upload again.
@@ -3594,15 +3382,15 @@ 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 /* Ping */) {
-                reset$j();
+                reset$m();
             }
             timeout = setTimeout(upload, gap);
             queuedTime = now;
-            check$3(playbackBytes);
+            check$2(playbackBytes);
         }
     }
 }
-function stop$9() {
+function stop$b() {
     clearTimeout(timeout);
     upload(true);
     discoverBytes = 0;
@@ -3611,7 +3399,7 @@ function stop$9() {
     playback = [];
     analysis = [];
     transit = {};
-    track = null;
+    track$1 = null;
     active$1 = false;
 }
 function upload(final) {
@@ -3622,15 +3410,15 @@ function upload(final) {
             switch (_b.label) {
                 case 0:
                     timeout = null;
-                    sendPlaybackBytes = config$1.lean === false && playbackBytes > 0 && (playbackBytes < 1048576 /* MaxFirstPayloadBytes */ || data$h.sequence > 0);
+                    sendPlaybackBytes = config$1.lean === false && playbackBytes > 0 && (playbackBytes < 1048576 /* MaxFirstPayloadBytes */ || data$1.sequence > 0);
                     if (sendPlaybackBytes) {
                         max(1 /* Playback */, 1 /* True */);
                     }
                     // CAUTION: Ensure "transmit" is set to false in the queue function for following events
                     // Otherwise you run a risk of infinite loop.
+                    compute$5();
                     compute$4();
-                    compute$3();
-                    compute$7();
+                    compute$8();
                     last = final === true;
                     e = JSON.stringify(envelope(last));
                     a = "[" + analysis.join() + "]";
@@ -3647,7 +3435,7 @@ function upload(final) {
                 case 3:
                     zipped = _a;
                     sum(2 /* TotalBytes */, zipped ? zipped.length : payload.length);
-                    send(payload, zipped, data$h.sequence, last);
+                    send(payload, zipped, data$1.sequence, last);
                     // Clear out events now that payload has been dispatched
                     analysis = [];
                     if (sendPlaybackBytes) {
@@ -3696,7 +3484,7 @@ function send(payload, zipped, sequence, beacon) {
             var xhr_1 = new XMLHttpRequest();
             xhr_1.open("POST", url);
             if (sequence !== null) {
-                xhr_1.onreadystatechange = function () { measure(check$2)(xhr_1, sequence); };
+                xhr_1.onreadystatechange = function () { measure(check$3)(xhr_1, sequence); };
             }
             xhr_1.withCredentials = true;
             if (zipped) {
@@ -3716,7 +3504,7 @@ function send(payload, zipped, sequence, beacon) {
         done(sequence);
     }
 }
-function check$2(xhr, sequence) {
+function check$3(xhr, sequence) {
     var transitData = transit[sequence];
     if (xhr && xhr.readyState === 4 /* Done */ && transitData) {
         // Attempt send payload again (as configured in settings) if we do not receive a success (2XX) response code back from the server
@@ -3724,7 +3512,7 @@ function check$2(xhr, sequence) {
             // We re-attempt in all cases except when server explicitly rejects our request with 4XX error 
             if (xhr.status >= 400 && xhr.status < 500) {
                 // In case of a 4XX response from the server, we bail out instead of trying again
-                trigger$1(6 /* Server */);
+                trigger(6 /* Server */);
             }
             else {
                 // Browser will send status = 0 when it refuses to put network request over the wire
@@ -3742,7 +3530,7 @@ function check$2(xhr, sequence) {
             }
         }
         else {
-            track = { sequence: sequence, attempts: transitData.attempts, status: xhr.status };
+            track$1 = { sequence: sequence, attempts: transitData.attempts, status: xhr.status };
             // Send back an event only if we were not successful in our first attempt
             if (transitData.attempts > 1) {
                 encode$1(2 /* Upload */);
@@ -3756,7 +3544,7 @@ function check$2(xhr, sequence) {
                 // And, right before we terminate the session, we will attempt one last time to see if we can use
                 // different transport option (sendBeacon vs. XHR) to get this data to the server for analysis purposes
                 send(transitData.data, null, sequence, true);
-                trigger$1(3 /* Retry */);
+                trigger(3 /* Retry */);
             }
             // Signal that this request completed successfully
             if (xhr.status >= 200 && xhr.status <= 208) {
@@ -3776,7 +3564,7 @@ function done(sequence) {
 function delay() {
     // Progressively increase delay as we continue to send more payloads from the client to the server
     // If we are not uploading data to a server, and instead invoking UploadCallback, in that case keep returning configured value 
-    var gap = config$1.lean === false && discoverBytes > 0 ? 100 /* MinUploadDelay */ : data$h.sequence * config$1.delay;
+    var gap = config$1.lean === false && discoverBytes > 0 ? 100 /* MinUploadDelay */ : data$1.sequence * config$1.delay;
     return typeof config$1.upload === "string" /* String */ ? Math.max(Math.min(gap, 30000 /* MaxUploadDelay */), 100 /* MinUploadDelay */) : config$1.delay;
 }
 function response(payload) {
@@ -3784,7 +3572,7 @@ function response(payload) {
     switch (key) {
         case "END" /* End */:
             // Clear out session storage and end the session so we can start fresh the next time
-            trigger$1(6 /* Server */);
+            trigger(6 /* Server */);
             break;
         case "UPGRADE" /* Upgrade */:
             // Upgrade current session to send back playback information
@@ -3798,7 +3586,7 @@ function encode$1 (event) {
     var tokens = [t, event];
     switch (event) {
         case 4 /* Baseline */:
-            var b = state$7;
+            var b = state$9;
             if (b) {
                 tokens = [b.time, b.event];
                 tokens.push(b.data.visible);
@@ -3813,45 +3601,45 @@ function encode$1 (event) {
                 tokens.push(b.data.activityTime);
                 queue(tokens, false);
             }
-            reset$n();
+            reset$o();
             break;
         case 25 /* Ping */:
-            tokens.push(data$e.gap);
+            tokens.push(data$g.gap);
             queue(tokens);
             break;
         case 35 /* Limit */:
-            tokens.push(data$g.check);
+            tokens.push(data$4.check);
             queue(tokens, false);
             break;
         case 3 /* Upgrade */:
-            tokens.push(data$c.key);
+            tokens.push(data$e.key);
             queue(tokens);
             break;
         case 2 /* Upload */:
-            tokens.push(track.sequence);
-            tokens.push(track.attempts);
-            tokens.push(track.status);
+            tokens.push(track$1.sequence);
+            tokens.push(track$1.attempts);
+            tokens.push(track$1.status);
             queue(tokens, false);
             break;
         case 24 /* Custom */:
-            tokens.push(data$k.key);
-            tokens.push(data$k.value);
+            tokens.push(data$i.key);
+            tokens.push(data$i.value);
             queue(tokens);
             break;
         case 34 /* Variable */:
-            var variableKeys = Object.keys(data$j);
+            var variableKeys = Object.keys(data$d);
             if (variableKeys.length > 0) {
                 for (var _i = 0, variableKeys_1 = variableKeys; _i < variableKeys_1.length; _i++) {
                     var v = variableKeys_1[_i];
                     tokens.push(v);
-                    tokens.push(data$j[v]);
+                    tokens.push(data$d[v]);
                 }
-                reset$m();
+                reset$k();
                 queue(tokens, false);
             }
             break;
         case 0 /* Metric */:
-            var metricKeys = Object.keys(updates);
+            var metricKeys = Object.keys(updates$3);
             if (metricKeys.length > 0) {
                 for (var _a = 0, metricKeys_1 = metricKeys; _a < metricKeys_1.length; _a++) {
                     var m = metricKeys_1[_a];
@@ -3859,99 +3647,441 @@ function encode$1 (event) {
                     tokens.push(key);
                     // For computation, we need microseconds precision that performance.now() API offers
                     // However, for data over the wire, we round it off to milliseconds precision.
-                    tokens.push(Math.round(updates[m]));
+                    tokens.push(Math.round(updates$3[m]));
                 }
-                reset$3();
+                reset$n();
                 queue(tokens, false);
             }
             break;
         case 1 /* Dimension */:
-            var dimensionKeys = Object.keys(updates$3);
+            var dimensionKeys = Object.keys(updates);
             if (dimensionKeys.length > 0) {
                 for (var _b = 0, dimensionKeys_1 = dimensionKeys; _b < dimensionKeys_1.length; _b++) {
                     var d = dimensionKeys_1[_b];
                     var key = parseInt(d, 10);
                     tokens.push(key);
-                    tokens.push(updates$3[d]);
+                    tokens.push(updates[d]);
                 }
-                reset$k();
+                reset$3();
                 queue(tokens, false);
             }
             break;
         case 36 /* Summary */:
-            var eventKeys = Object.keys(data$d);
+            var eventKeys = Object.keys(data$f);
             if (eventKeys.length > 0) {
                 for (var _c = 0, eventKeys_1 = eventKeys; _c < eventKeys_1.length; _c++) {
                     var e = eventKeys_1[_c];
                     var key = parseInt(e, 10);
                     tokens.push(key);
-                    tokens.push([].concat.apply([], data$d[e]));
+                    tokens.push([].concat.apply([], data$f[e]));
                 }
-                reset$i();
+                reset$l();
                 queue(tokens, false);
             }
             break;
     }
 }
 
-var data$2 = null;
+var data$4;
+function start$b() {
+    data$4 = { check: 0 /* None */ };
+}
+function check$2(bytes) {
+    if (data$4.check === 0 /* None */) {
+        var reason = data$4.check;
+        reason = data$1.sequence >= 128 /* PayloadLimit */ ? 1 /* Payload */ : reason;
+        reason = time() > 7200000 /* ShutdownLimit */ ? 2 /* Shutdown */ : reason;
+        reason = bytes > 10485760 /* PlaybackBytesLimit */ ? 2 /* Shutdown */ : reason;
+        if (reason !== data$4.check) {
+            trigger(reason);
+        }
+    }
+}
+function trigger(reason) {
+    data$4.check = reason;
+    clear();
+    stop();
+}
+function compute$3() {
+    if (data$4.check !== 0 /* None */) {
+        encode$1(35 /* Limit */);
+    }
+}
+function stop$a() {
+    data$4 = null;
+}
+
+var data$3 = null;
 var updates = null;
-function start$9() {
-    data$2 = {};
+function start$a() {
+    data$3 = {};
     updates = {};
-    count$1(5 /* InvokeCount */);
 }
-function stop$8() {
-    data$2 = {};
+function stop$9() {
+    data$3 = {};
+    updates = {};
+}
+function log(dimension, value) {
+    // Check valid value before moving ahead
+    if (value) {
+        // Ensure received value is casted into a string if it wasn't a string to begin with
+        value = "" + value;
+        if (!(dimension in data$3)) {
+            data$3[dimension] = [];
+        }
+        if (data$3[dimension].indexOf(value) < 0) {
+            data$3[dimension].push(value);
+            // If this is a new value, track it as part of updates object
+            // This allows us to only send back new values in subsequent payloads
+            if (!(dimension in updates)) {
+                updates[dimension] = [];
+            }
+            updates[dimension].push(value);
+            // Limit check to ensure we have a cap on number of dimensions we can collect
+            if (data$3[dimension].length > 128 /* CollectionLimit */) {
+                trigger(5 /* Collection */);
+            }
+        }
+    }
+}
+function compute$2() {
+    encode$1(1 /* Dimension */);
+}
+function reset$3() {
     updates = {};
+}
+
+var data$2 = null;
+var callback = null;
+var rootDomain = null;
+function start$9() {
+    callback = null;
+    rootDomain = null;
+    var ua = navigator && "userAgent" in navigator ? navigator.userAgent : "" /* Empty */;
+    var title = document && document.title ? document.title : "" /* Empty */;
+    // Populate ids for this page
+    var s = session();
+    var u = user();
+    data$2 = {
+        projectId: config$1.projectId || hash(location.host),
+        userId: u.id,
+        sessionId: s.session,
+        pageNum: s.count
+    };
+    // Override configuration based on what's in the session storage, unless it is blank (e.g. using upload callback, like in devtools)
+    config$1.lean = config$1.track && s.upgrade !== null ? s.upgrade === 0 /* False */ : config$1.lean;
+    config$1.upload = config$1.track && typeof config$1.upload === "string" /* String */ && s.upload && s.upload.length > "https://" /* HTTPS */.length ? s.upload : config$1.upload;
+    // Log dimensions
+    log(0 /* UserAgent */, ua);
+    log(3 /* PageTitle */, title);
+    log(1 /* Url */, location.href);
+    log(2 /* Referrer */, document.referrer);
+    log(15 /* TabId */, tab());
+    log(16 /* PageLanguage */, document.documentElement.lang);
+    log(17 /* DocumentDirection */, document.dir);
+    if (navigator) {
+        log(9 /* Language */, navigator.userLanguage || navigator.language);
+        max(26 /* Automation */, navigator.webdriver ? 1 /* True */ : 0 /* False */);
+        userAgentData();
+    }
+    // Metrics
+    max(0 /* ClientTimestamp */, s.ts);
+    max(1 /* Playback */, 0 /* False */);
+    if (screen) {
+        max(14 /* ScreenWidth */, Math.round(screen.width));
+        max(15 /* ScreenHeight */, Math.round(screen.height));
+        max(16 /* ColorDepth */, Math.round(screen.colorDepth));
+    }
+    // Read cookies specified in configuration
+    for (var _i = 0, _a = config$1.cookies; _i < _a.length; _i++) {
+        var key = _a[_i];
+        var value = getCookie(key);
+        if (value) {
+            set(key, value);
+        }
+    }
+    // Track ids using a cookie if configuration allows it
+    track(u);
+}
+function userAgentData() {
+    if (navigator["userAgentData"] && navigator["userAgentData"].getHighEntropyValues) {
+        navigator["userAgentData"].getHighEntropyValues(["model",
+            "platform",
+            "platformVersion",
+            "uaFullVersion"])
+            .then(function (ua) {
+            var _a;
+            log(22 /* Platform */, ua.platform);
+            log(23 /* PlatformVersion */, ua.platformVersion);
+            (_a = ua.brands) === null || _a === void 0 ? void 0 : _a.forEach(function (brand) {
+                log(24 /* Brand */, brand.name + "~" /* Tilde */ + brand.version);
+            });
+            log(25 /* Model */, ua.model);
+            max(27 /* Mobile */, ua.mobile ? 1 /* True */ : 0 /* False */);
+        });
+    }
+}
+function stop$8() {
+    callback = null;
+    rootDomain = null;
+    data$2 = null;
+}
+function metadata(cb, wait) {
+    if (wait === void 0) { wait = true; }
+    if (data$2 && wait === false) {
+        // Immediately invoke the callback if the caller explicitly doesn't want to wait for the upgrade confirmation
+        cb(data$2, !config$1.lean);
+    }
+    else {
+        // Save the callback for future reference; so we can inform the caller when page gets upgraded and we have a valid playback flag
+        callback = cb;
+    }
+}
+function id() {
+    return data$2 ? [data$2.userId, data$2.sessionId, data$2.pageNum].join("." /* Dot */) : "" /* Empty */;
+}
+function consent() {
+    if (active()) {
+        config$1.track = true;
+        track(user(), 1 /* True */);
+    }
+}
+function clear() {
+    // Clear any stored information in the cookie that tracks session information so we can restart fresh the next time
+    setCookie("_clsk" /* SessionKey */, "" /* Empty */, 0);
+}
+function tab() {
+    var id = shortid();
+    if (config$1.track && supported(window, "sessionStorage" /* SessionStorage */)) {
+        var value = sessionStorage.getItem("_cltk" /* TabKey */);
+        id = value ? value : id;
+        sessionStorage.setItem("_cltk" /* TabKey */, id);
+    }
+    return id;
+}
+function save() {
+    var ts = Math.round(Date.now());
+    var upgrade = config$1.lean ? 0 /* False */ : 1 /* True */;
+    var upload = config$1.upload && typeof config$1.upload === "string" /* String */ ? config$1.upload.replace("https://" /* HTTPS */, "" /* Empty */) : "" /* Empty */;
+    if (upgrade && callback) {
+        callback(data$2, !config$1.lean);
+    }
+    setCookie("_clsk" /* SessionKey */, [data$2.sessionId, ts, data$2.pageNum, upgrade, upload].join("|" /* Pipe */), 1 /* SessionExpire */);
+}
+function supported(target, api) {
+    try {
+        return !!target[api];
+    }
+    catch (_a) {
+        return false;
+    }
+}
+function track(u, consent) {
+    if (consent === void 0) { consent = null; }
+    // If consent is not explicitly specified, infer it from the user object
+    consent = consent === null ? u.consent : consent;
+    // Convert time precision into days to reduce number of bytes we have to write in a cookie
+    // E.g. Math.ceil(1628735962643 / (24*60*60*1000)) => 18852 (days) => ejo in base36 (13 bytes => 3 bytes)
+    var end = Math.ceil((Date.now() + (365 /* Expire */ * 86400000 /* Day */)) / 86400000 /* Day */);
+    // To avoid cookie churn, write user id cookie only once every day
+    if (u.expiry === null || Math.abs(end - u.expiry) >= 1 /* CookieInterval */ || u.consent !== consent) {
+        setCookie("_clck" /* CookieKey */, [data$2.userId, 1 /* CookieVersion */, end.toString(36), consent].join("|" /* Pipe */), 365 /* Expire */);
+    }
 }
-function count$1(metric, increment) {
-    if (increment === void 0) { increment = 1; }
-    if (!(metric in data$2)) {
-        data$2[metric] = 0;
+function shortid() {
+    var id = Math.floor(Math.random() * Math.pow(2, 32));
+    if (window && window.crypto && window.crypto.getRandomValues && Uint32Array) {
+        id = window.crypto.getRandomValues(new Uint32Array(1))[0];
     }
-    if (!(metric in updates)) {
-        updates[metric] = 0;
+    return id.toString(36);
+}
+function session() {
+    var output = { session: shortid(), ts: Math.round(Date.now()), count: 1, upgrade: null, upload: "" /* Empty */ };
+    var value = getCookie("_clsk" /* SessionKey */);
+    if (value) {
+        var parts = value.split("|" /* Pipe */);
+        // Making it backward & forward compatible by using greater than comparison (v0.6.21)
+        // In future version, we can reduce the parts length to be 5 where the last part contains the full upload URL
+        if (parts.length >= 5 && output.ts - num(parts[1]) < 1800000 /* SessionTimeout */) {
+            output.session = parts[0];
+            output.count = num(parts[2]) + 1;
+            output.upgrade = num(parts[3]);
+            output.upload = parts.length >= 6 ? "" + "https://" /* HTTPS */ + parts[5] + "/" + parts[4] : "" + "https://" /* HTTPS */ + parts[4];
+        }
     }
-    data$2[metric] += increment;
-    updates[metric] += increment;
+    return output;
 }
-function sum(metric, value) {
-    if (value !== null) {
-        if (!(metric in data$2)) {
-            data$2[metric] = 0;
+function num(string, base) {
+    if (base === void 0) { base = 10; }
+    return parseInt(string, base);
+}
+function user() {
+    var output = { id: shortid(), expiry: null, consent: 0 /* False */ };
+    var cookie = getCookie("_clck" /* CookieKey */);
+    if (cookie && cookie.length > 0) {
+        // Splitting and looking up first part for forward compatibility, in case we wish to store additional information in a cookie
+        var parts = cookie.split("|" /* Pipe */);
+        // For backward compatibility introduced in v0.6.18; following code can be removed with future iterations
+        // Count number of times Clarity's user cookie crumb appears in document.cookie (could be on different sub-domains e.g. www.domain.com and .domain.com)
+        var count = 0;
+        for (var _i = 0, _a = document.cookie.split(";" /* Semicolon */); _i < _a.length; _i++) {
+            var c = _a[_i];
+            count += c.split("=" /* Equals */)[0].trim() === "_clck" /* CookieKey */ ? 1 : 0;
+        }
+        // Check if we either got version-less cookie value or saw multiple copies of the user cookie crumbs
+        // In both these cases, we go ahead and delete the existing cookie set on current domain
+        if (parts.length === 1 || count > 1) {
+            var deleted = "" + ";" /* Semicolon */ + "expires=" /* Expires */ + (new Date(0)).toUTCString() + ";path=/" /* Path */;
+            // First, delete current user cookie which might be set on current sub-domain vs. root domain
+            document.cookie = "_clck" /* CookieKey */ + "=" + deleted;
+            // Second, same thing for current session cookie so it can be re-written later with the root domain
+            document.cookie = "_clsk" /* SessionKey */ + "=" + deleted;
+        }
+        // End code for backward compatibility
+        // Read version information and timestamp from cookie, if available
+        if (parts.length > 2) {
+            output.expiry = num(parts[2], 36);
         }
-        if (!(metric in updates)) {
-            updates[metric] = 0;
+        // Check if we have explicit consent to track this user
+        if (parts.length > 3 && num(parts[3]) === 1) {
+            output.consent = 1 /* True */;
         }
-        data$2[metric] += value;
-        updates[metric] += value;
+        // Set track configuration to true for this user if we have explicit consent, regardless of project setting
+        config$1.track = config$1.track || output.consent === 1 /* True */;
+        // Get user id from cookie only if we tracking is enabled, otherwise fallback to a random id
+        output.id = config$1.track ? parts[0] : output.id;
     }
+    return output;
 }
-function max(metric, value) {
-    // Ensure that we do not process null or NaN values
-    if (value !== null && isNaN(value) === false) {
-        if (!(metric in data$2)) {
-            data$2[metric] = 0;
+function getCookie(key) {
+    if (supported(document, "cookie" /* Cookie */)) {
+        var cookies = document.cookie.split(";" /* Semicolon */);
+        if (cookies) {
+            for (var i = 0; i < cookies.length; i++) {
+                var pair = cookies[i].split("=" /* Equals */);
+                if (pair.length > 1 && pair[0] && pair[0].trim() === key) {
+                    return pair[1];
+                }
+            }
+        }
+    }
+    return null;
+}
+function setCookie(key, value, time) {
+    if (config$1.track && ((navigator && navigator.cookieEnabled) || supported(document, "cookie" /* Cookie */))) {
+        var expiry = new Date();
+        expiry.setDate(expiry.getDate() + time);
+        var expires = expiry ? "expires=" /* Expires */ + expiry.toUTCString() : "" /* Empty */;
+        var cookie = key + "=" + value + ";" /* Semicolon */ + expires + ";path=/" /* Path */;
+        try {
+            // Attempt to get the root domain only once and fall back to writing cookie on the current domain.
+            if (rootDomain === null) {
+                var hostname = location.hostname ? location.hostname.split("." /* Dot */) : [];
+                // Walk backwards on a domain and attempt to set a cookie, until successful
+                for (var i = hostname.length - 1; i >= 0; i--) {
+                    rootDomain = "." + hostname[i] + (rootDomain ? rootDomain : "" /* Empty */);
+                    // We do not wish to attempt writing a cookie on the absolute last part of the domain, e.g. .com or .net.
+                    // So we start attempting after second-last part, e.g. .domain.com (PASS) or .co.uk (FAIL)
+                    if (i < hostname.length - 1) {
+                        // Write the cookie on the current computed top level domain
+                        document.cookie = "" + cookie + ";" /* Semicolon */ + "domain=" /* Domain */ + rootDomain;
+                        // Once written, check if the cookie exists and its value matches exactly with what we intended to set
+                        // Checking for exact value match helps us eliminate a corner case where the cookie may already be present with a different value
+                        // If the check is successful, no more action is required and we can return from the function since rootDomain cookie is already set
+                        // If the check fails, continue with the for loop until we can successfully set and verify the cookie
+                        if (getCookie(key) === value) {
+                            return;
+                        }
+                    }
+                }
+                // Finally, if we were not successful and gone through all the options, play it safe and reset rootDomain to be empty
+                // This forces our code to fall back to always writing cookie to the current domain
+                rootDomain = "" /* Empty */;
+            }
         }
-        if (value > data$2[metric] || data$2[metric] === 0) {
-            updates[metric] = value;
-            data$2[metric] = value;
+        catch (_a) {
+            rootDomain = "" /* Empty */;
         }
+        document.cookie = rootDomain ? "" + cookie + ";" /* Semicolon */ + "domain=" /* Domain */ + rootDomain : cookie;
     }
+}
+
+var data$1 = null;
+function start$8() {
+    var m = data$2;
+    data$1 = {
+        version: version$1,
+        sequence: 0,
+        start: 0,
+        duration: 0,
+        projectId: m.projectId,
+        userId: m.userId,
+        sessionId: m.sessionId,
+        pageNum: m.pageNum,
+        upload: 0 /* Async */,
+        end: 0 /* False */
+    };
 }
-function compute$2() {
-    encode$1(0 /* Metric */);
+function stop$7() {
+    data$1 = null;
 }
-function reset$3() {
-    updates = {};
+function envelope(last) {
+    data$1.start = data$1.start + data$1.duration;
+    data$1.duration = time() - data$1.start;
+    data$1.sequence++;
+    data$1.upload = last && "sendBeacon" in navigator ? 1 /* Beacon */ : 0 /* Async */;
+    data$1.end = last ? 1 /* True */ : 0 /* False */;
+    return [
+        data$1.version,
+        data$1.sequence,
+        data$1.start,
+        data$1.duration,
+        data$1.projectId,
+        data$1.userId,
+        data$1.sessionId,
+        data$1.pageNum,
+        data$1.upload,
+        data$1.end
+    ];
+}
+
+var history$1;
+function reset$2() {
+    history$1 = [];
+}
+function report(e) {
+    // Do not report the same message twice for the same page
+    if (history$1 && history$1.indexOf(e.message) === -1) {
+        var url = config$1.report;
+        if (url && url.length > 0) {
+            var payload = { v: data$1.version, p: data$1.projectId, u: data$1.userId, s: data$1.sessionId, n: data$1.pageNum };
+            if (e.message) {
+                payload.m = e.message;
+            }
+            if (e.stack) {
+                payload.e = e.stack;
+            }
+            // Using POST request instead of a GET request (img-src) to not violate existing CSP rules
+            // Since, Clarity already uses XHR to upload data, we stick with similar POST mechanism for reporting too
+            var xhr = new XMLHttpRequest();
+            xhr.open("POST", url);
+            xhr.send(JSON.stringify(payload));
+            history$1.push(e.message);
+        }
+    }
+    return e;
 }
 
 // tslint:disable-next-line: ban-types
 function measure (method) {
     return function () {
         var start = performance.now();
-        method.apply(this, arguments);
+        try {
+            method.apply(this, arguments);
+        }
+        catch (ex) {
+            throw report(ex);
+        }
         var duration = performance.now() - start;
         sum(4 /* TotalCost */, duration);
         if (duration > 30 /* LongTask */) {
@@ -3973,7 +4103,7 @@ function bind(target, event, listener, capture) {
     }
     catch ( /* do nothing */_a) { /* do nothing */ }
 }
-function reset$2() {
+function reset$1() {
     // Walk through existing list of bindings and remove them all
     for (var _i = 0, bindings_1 = bindings; _i < bindings_1.length; _i++) {
         var binding = bindings_1[_i];
@@ -3990,7 +4120,7 @@ var pushState = null;
 var replaceState = null;
 var url = null;
 var count = 0;
-function start$8() {
+function start$7() {
     url = getCurrentUrl();
     count = 0;
     bind(window, "popstate", compute$1);
@@ -4017,7 +4147,7 @@ function start$8() {
 }
 function check$1() {
     if (count++ > 20 /* CallStackDepth */) {
-        log(4 /* CallStackDepth */, 0 /* Info */);
+        log$1(4 /* CallStackDepth */, 0 /* Info */);
         return false;
     }
     return true;
@@ -4033,7 +4163,7 @@ function compute$1() {
 function getCurrentUrl() {
     return location.href ? location.href.replace(location.hash, "" /* Empty */) : location.href;
 }
-function stop$7() {
+function stop$6() {
     // Restore original function definition of history.pushState
     if (pushState !== null) {
         history.pushState = pushState;
@@ -4049,19 +4179,19 @@ function stop$7() {
 }
 
 var status = false;
-function start$7() {
+function start$6() {
     status = true;
     start$E();
-    reset$h();
+    reset$j();
+    reset$1();
     reset$2();
-    reset$l();
-    start$8();
+    start$7();
 }
-function stop$6() {
-    stop$7();
-    reset$l();
+function stop$5() {
+    stop$6();
     reset$2();
-    reset$h();
+    reset$1();
+    reset$j();
     stop$B();
     status = false;
 }
@@ -4115,26 +4245,24 @@ function restart() {
     event("clarity" /* Clarity */, "restart" /* Restart */);
 }
 
-function start$6() {
-    start$p();
+function start$5() {
+    start$t();
     start$s();
-    start$o();
 }
-function stop$5() {
-    stop$p();
-    stop$n();
+function stop$4() {
+    stop$r();
 }
 
 var diagnostic = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    start: start$6,
-    stop: stop$5
+    start: start$5,
+    stop: stop$4
 });
 
-function start$5() {
+function start$4() {
     schedule$1(discover, 1 /* High */).then(function () {
-        measure(compute$6)();
-        measure(compute$4)();
+        measure(compute$7)();
+        measure(compute$5)();
     });
 }
 function discover() {
@@ -4145,70 +4273,44 @@ function discover() {
                 case 0:
                     ts = time();
                     timer = { id: id(), cost: 3 /* LayoutCost */ };
-                    start$t(timer);
+                    start$w(timer);
                     return [4 /*yield*/, traverse(document, timer, 0 /* Discover */)];
                 case 1:
                     _a.sent();
                     return [4 /*yield*/, encode$4(5 /* Discover */, timer, ts)];
                 case 2:
                     _a.sent();
-                    stop$q(timer);
+                    stop$t(timer);
                     return [2 /*return*/];
             }
         });
     });
 }
 
-function start$4() {
+function start$3() {
     // The order below is important 
     // and is determined by interdependencies of modules
-    start$r();
-    start$m();
-    start$n();
-    start$c();
-    start$5();
+    start$v();
     start$q();
+    start$r();
+    start$e();
+    start$4();
+    start$u();
 }
-function stop$4() {
-    stop$l();
-    stop$m();
-    stop$b();
-    stop$o();
+function stop$3() {
+    stop$p();
+    stop$q();
+    stop$d();
+    stop$s();
     end();
 }
 
 var layout = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    start: start$4,
-    stop: stop$4
+    start: start$3,
+    stop: stop$3
 });
 
-var data$1 = null;
-function reset$1() {
-    data$1 = null;
-}
-function compute(entry) {
-    data$1 = {
-        fetchStart: Math.round(entry.fetchStart),
-        connectStart: Math.round(entry.connectStart),
-        connectEnd: Math.round(entry.connectEnd),
-        requestStart: Math.round(entry.requestStart),
-        responseStart: Math.round(entry.responseStart),
-        responseEnd: Math.round(entry.responseEnd),
-        domInteractive: Math.round(entry.domInteractive),
-        domComplete: Math.round(entry.domComplete),
-        loadEventStart: Math.round(entry.loadEventStart),
-        loadEventEnd: Math.round(entry.loadEventEnd),
-        redirectCount: Math.round(entry.redirectCount),
-        size: entry.transferSize ? entry.transferSize : 0,
-        type: entry.type,
-        protocol: entry.nextHopProtocol,
-        encodedSize: entry.encodedBodySize ? entry.encodedBodySize : 0,
-        decodedSize: entry.decodedBodySize ? entry.decodedBodySize : 0
-    };
-    encode(29 /* Navigation */);
-}
-
 function encode (type) {
     return __awaiter(this, void 0, void 0, function () {
         var t, tokens;
@@ -4216,68 +4318,56 @@ function encode (type) {
             t = time();
             tokens = [t, type];
             switch (type) {
-                case 30 /* Connection */:
-                    tokens.push(data.downlink);
-                    tokens.push(data.rtt);
-                    tokens.push(data.saveData);
+                case 29 /* Navigation */:
+                    tokens.push(data.fetchStart);
+                    tokens.push(data.connectStart);
+                    tokens.push(data.connectEnd);
+                    tokens.push(data.requestStart);
+                    tokens.push(data.responseStart);
+                    tokens.push(data.responseEnd);
+                    tokens.push(data.domInteractive);
+                    tokens.push(data.domComplete);
+                    tokens.push(data.loadEventStart);
+                    tokens.push(data.loadEventEnd);
+                    tokens.push(data.redirectCount);
+                    tokens.push(data.size);
                     tokens.push(data.type);
+                    tokens.push(data.protocol);
+                    tokens.push(data.encodedSize);
+                    tokens.push(data.decodedSize);
                     reset();
                     queue(tokens, false);
                     break;
-                case 29 /* Navigation */:
-                    tokens.push(data$1.fetchStart);
-                    tokens.push(data$1.connectStart);
-                    tokens.push(data$1.connectEnd);
-                    tokens.push(data$1.requestStart);
-                    tokens.push(data$1.responseStart);
-                    tokens.push(data$1.responseEnd);
-                    tokens.push(data$1.domInteractive);
-                    tokens.push(data$1.domComplete);
-                    tokens.push(data$1.loadEventStart);
-                    tokens.push(data$1.loadEventEnd);
-                    tokens.push(data$1.redirectCount);
-                    tokens.push(data$1.size);
-                    tokens.push(data$1.type);
-                    tokens.push(data$1.protocol);
-                    tokens.push(data$1.encodedSize);
-                    tokens.push(data$1.decodedSize);
-                    reset$1();
-                    queue(tokens, false);
-                    break;
             }
             return [2 /*return*/];
         });
     });
 }
 
-// Reference: https://wicg.github.io/netinfo/
-var data;
-function start$3() {
-    // Check if the client supports Navigator.Connection: https://developer.mozilla.org/en-US/docs/Web/API/Navigator/connection
-    // This is an experimental API so we go a bit deeper in our check and ensure that values returned are valid
-    if (navigator &&
-        "connection" in navigator &&
-        "downlink" in navigator["connection"] &&
-        typeof navigator["connection"]["downlink"] === "number") {
-        navigator["connection"].addEventListener("change", recompute);
-        recompute();
-    }
-}
-function recompute() {
-    var connection = navigator["connection"];
-    data = {
-        downlink: connection.downlink,
-        rtt: connection.rtt,
-        saveData: connection.saveData ? 1 /* True */ : 0 /* False */,
-        type: connection.effectiveType
-    };
-    encode(30 /* Connection */);
-}
+var data = null;
 function reset() {
     data = null;
 }
-function stop$3() {
-    reset();
+function compute(entry) {
+    data = {
+        fetchStart: Math.round(entry.fetchStart),
+        connectStart: Math.round(entry.connectStart),
+        connectEnd: Math.round(entry.connectEnd),
+        requestStart: Math.round(entry.requestStart),
+        responseStart: Math.round(entry.responseStart),
+        responseEnd: Math.round(entry.responseEnd),
+        domInteractive: Math.round(entry.domInteractive),
+        domComplete: Math.round(entry.domComplete),
+        loadEventStart: Math.round(entry.loadEventStart),
+        loadEventEnd: Math.round(entry.loadEventEnd),
+        redirectCount: Math.round(entry.redirectCount),
+        size: entry.transferSize ? entry.transferSize : 0,
+        type: entry.type,
+        protocol: entry.nextHopProtocol,
+        encodedSize: entry.encodedBodySize ? entry.encodedBodySize : 0,
+        decodedSize: entry.decodedBodySize ? entry.decodedBodySize : 0
+    };
+    encode(29 /* Navigation */);
 }
 
 var observer;
@@ -4296,7 +4386,7 @@ function start$2() {
         }
     }
     else {
-        log(3 /* PerformanceObserver */, 0 /* Info */);
+        log$1(3 /* PerformanceObserver */, 0 /* Info */);
     }
 }
 function observe() {
@@ -4324,7 +4414,7 @@ function observe() {
         }
     }
     catch (_a) {
-        log(3 /* PerformanceObserver */, 1 /* Warning */);
+        log$1(3 /* PerformanceObserver */, 1 /* Warning */);
     }
 }
 function handle(entries) {
@@ -4339,7 +4429,7 @@ function process(entries) {
                 compute(entry);
                 break;
             case "resource" /* Resource */:
-                log$1(4 /* NetworkHosts */, host(entry.name));
+                log(4 /* NetworkHosts */, host(entry.name));
                 break;
             case "longtask" /* LongTask */:
                 count$1(7 /* LongTaskCount */);
@@ -4376,14 +4466,12 @@ function host(url) {
 }
 
 function start$1() {
-    reset$1();
-    start$3();
+    reset();
     start$2();
 }
 function stop$1() {
     stop$2();
-    stop$3();
-    reset$1();
+    reset();
 }
 
 var performance$1 = /*#__PURE__*/Object.freeze({
@@ -4398,8 +4486,8 @@ function start(config$1) {
     // Check that browser supports required APIs and we do not attempt to start Clarity multiple times
     if (check()) {
         config(config$1);
-        start$7();
-        start$u();
+        start$6();
+        start$x();
         modules.forEach(function (x) { return measure(x.start)(); });
     }
 }
@@ -4425,8 +4513,8 @@ function stop() {
     if (active()) {
         // Stop modules in the reverse order of their initialization
         modules.slice().reverse().forEach(function (x) { return measure(x.stop)(); });
-        stop$r();
-        stop$6();
+        stop$u();
+        stop$5();
     }
 }
 
@@ -4442,7 +4530,7 @@ var clarity = /*#__PURE__*/Object.freeze({
     identify: identify,
     set: set,
     upgrade: upgrade,
-    metadata: metadata$1
+    metadata: metadata
 });
 
 var helper = { hash: hash, selector: selector, get: get, getNode: getNode, lookup: lookup };