clarity-js 0.7.2 → 0.7.4

package/build/clarity.js

@@ -1,96 +1,76 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var dom = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    get start () { return start$i; },
-    get stop () { return stop$g; },
-    get parse () { return parse$1; },
-    get getId () { return getId; },
-    get add () { return add; },
-    get update () { return update$1; },
-    get sameorigin () { return sameorigin; },
-    get iframe () { return iframe; },
-    get hashText () { return hashText; },
-    get getNode () { return getNode; },
-    get getValue () { return getValue; },
-    get get () { return get; },
-    get lookup () { return lookup; },
-    get has () { return has; },
-    get updates () { return updates$2; }
-});
 var upload$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    get track () { return track$1; },
-    get start () { return start$f; },
     get queue () { return queue; },
-    get stop () { return stop$d; }
+    get start () { return start$f; },
+    get stop () { return stop$d; },
+    get track () { return track$1; }
 });
 var extract = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    get data () { return data$5; },
-    get keys () { return keys; },
-    get fragments () { return fragments; },
-    get start () { return start$c; },
     get clone () { return clone; },
     get compute () { return compute$4; },
+    get data () { return data$5; },
+    get keys () { return keys; },
     get reset () { return reset$4; },
-    get update () { return update; },
-    get stop () { return stop$b; }
+    get start () { return start$c; },
+    get stop () { return stop$b; },
+    get trigger () { return trigger$1; },
+    get update () { return update; }
 });
 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; }
+    get data () { return data$4; },
+    get start () { return start$b; },
+    get stop () { return stop$a; },
+    get trigger () { return trigger; }
 });
 var dimension = /*#__PURE__*/Object.freeze({
     __proto__: null,
+    get compute () { return compute$2; },
     get data () { return data$3; },
-    get updates () { return updates; },
+    get log () { return log; },
+    get reset () { return reset$3; },
     get start () { return start$a; },
     get stop () { return stop$9; },
-    get log () { return log; },
-    get compute () { return compute$2; },
-    get reset () { return reset$3; }
+    get updates () { return updates; }
 });
 var metadata$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    get data () { return data$2; },
     get callbacks () { return callbacks; },
-    get start () { return start$9; },
-    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; }
+    get consent () { return consent; },
+    get data () { return data$2; },
+    get id () { return id; },
+    get metadata () { return metadata; },
+    get save () { return save; },
+    get start () { return start$9; },
+    get stop () { return stop$8; }
 });
 var envelope$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     get data () { return data$1; },
+    get envelope () { return envelope; },
     get start () { return start$8; },
-    get stop () { return stop$7; },
-    get envelope () { return envelope; }
+    get stop () { return stop$7; }
 });
 var clarity = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    get version () { return version$1; },
-    get start () { return start; },
-    get pause () { return pause; },
-    get resume () { return resume; },
-    get stop () { return stop; },
     get consent () { return consent; },
     get event () { return event; },
+    get hashText () { return hashText; },
     get identify () { return identify; },
+    get metadata () { return metadata; },
+    get pause () { return pause; },
+    get resume () { return resume; },
     get set () { return set; },
+    get start () { return start; },
+    get stop () { return stop; },
     get upgrade () { return upgrade; },
-    get metadata () { return metadata; },
-    get hashText () { return hashText; }
+    get version () { return version$1; }
 });
 
 var w = window;
@@ -139,7 +119,6 @@ var config$1 = {
     mask: [],
     unmask: [],
     regions: [],
-    extract: [],
     cookies: [],
     fraud: true,
     checksum: [],
@@ -170,7 +149,7 @@ function stop$C() {
     startTime = 0;
 }
 
-var version$1 = "0.7.2";
+var version$1 = "0.7.4";
 
 // tslint:disable: no-bitwise
 function hash (input, precision) {
@@ -418,14 +397,14 @@ function stop$B() {
 
 var baseline = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    get state () { return state$a; },
-    start: start$F,
-    reset: reset$q,
-    track: track$7,
     activity: activity,
-    visibility: visibility,
     compute: compute$c,
-    stop: stop$B
+    reset: reset$q,
+    start: start$F,
+    get state () { return state$a; },
+    stop: stop$B,
+    track: track$7,
+    visibility: visibility
 });
 
 var data$j = null;
@@ -536,8 +515,8 @@ function stop$z() {
 var ping$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     get data () { return data$h; },
-    start: start$D,
     reset: reset$o,
+    start: start$D,
     stop: stop$z
 });
 
@@ -574,12 +553,12 @@ function reset$n() {
 
 var summary = /*#__PURE__*/Object.freeze({
     __proto__: null,
+    compute: compute$a,
     get data () { return data$g; },
+    reset: reset$n,
     start: start$C,
     stop: stop$y,
-    track: track$6,
-    compute: compute$a,
-    reset: reset$n
+    track: track$6
 });
 
 var data$f = null;
@@ -615,8 +594,8 @@ var upgrade$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     get data () { return data$f; },
     start: start$B,
-    upgrade: upgrade,
-    stop: stop$x
+    stop: stop$x,
+    upgrade: upgrade
 });
 
 var data$e = null;
@@ -661,12 +640,12 @@ function stop$w() {
 
 var variable = /*#__PURE__*/Object.freeze({
     __proto__: null,
+    compute: compute$9,
     get data () { return data$e; },
-    start: start$A,
-    set: set,
     identify: identify,
-    compute: compute$9,
     reset: reset$m,
+    set: set,
+    start: start$A,
     stop: stop$w
 });
 
@@ -701,7 +680,7 @@ function __generator(thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -919,2112 +898,2100 @@ function filter(value) {
 
 var selector = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    reset: reset$l,
-    get: get$1
+    get: get$1,
+    reset: reset$l
 });
 
-// Track the start time to be able to compute duration at the end of the task
-var idleTimeout = 5000;
-var tracker = {};
-var queuedTasks = [];
-var activeTask = null;
-var pauseTask = null;
-var resumeResolve = null;
-function pause$1() {
-    if (pauseTask === null) {
-        pauseTask = new Promise(function (resolve) {
-            resumeResolve = resolve;
-        });
-    }
+var index = 1;
+var nodes = [];
+var values = [];
+var updateMap = [];
+var hashMap = {};
+var override = [];
+var unmask = [];
+var maskText = [];
+var maskExclude = [];
+var maskDisable = [];
+var maskTags = [];
+// The WeakMap object is a collection of key/value pairs in which the keys are weakly referenced
+var idMap = null; // Maps node => id.
+var iframeMap = null; // Maps iframe's contentDocument => parent iframe element
+var privacyMap = null; // Maps node => Privacy (enum)
+var fraudMap = null; // Maps node => FraudId (number)
+function start$x() {
+    reset$k();
+    parse$1(document, true);
 }
-function resume$1() {
-    if (pauseTask) {
-        resumeResolve();
-        pauseTask = null;
-        if (activeTask === null) {
-            run();
-        }
-    }
+function stop$u() {
+    reset$k();
 }
 function reset$k() {
-    tracker = {};
-    queuedTasks = [];
-    activeTask = null;
-    pauseTask = null;
-}
-function schedule$1(task, priority) {
-    if (priority === void 0) { priority = 0 /* Priority.Normal */; }
-    return __awaiter(this, void 0, void 0, function () {
-        var _i, queuedTasks_1, q, promise;
-        return __generator(this, function (_a) {
-            // If this task is already scheduled, skip it
-            for (_i = 0, queuedTasks_1 = queuedTasks; _i < queuedTasks_1.length; _i++) {
-                q = queuedTasks_1[_i];
-                if (q.task === task) {
-                    return [2 /*return*/];
-                }
-            }
-            promise = new Promise(function (resolve) {
-                var insert = priority === 1 /* Priority.High */ ? "unshift" : "push";
-                // Queue this task for asynchronous execution later
-                // We also store a unique page identifier (id) along with the task to ensure
-                // ensure that we do not accidentally execute this task in context of a different page
-                queuedTasks[insert]({ task: task, resolve: resolve, id: id() });
-            });
-            // If there is no active task running, and Clarity is not in pause state,
-            // invoke the first task in the queue synchronously. This ensures that we don't yield the thread during unload event
-            if (activeTask === null && pauseTask === null) {
-                run();
-            }
-            return [2 /*return*/, promise];
-        });
-    });
+    index = 1;
+    nodes = [];
+    values = [];
+    updateMap = [];
+    hashMap = {};
+    override = [];
+    unmask = [];
+    maskText = "address,password,contact" /* Mask.Text */.split("," /* Constant.Comma */);
+    maskExclude = "password,secret,pass,social,ssn,code,hidden" /* Mask.Exclude */.split("," /* Constant.Comma */);
+    maskDisable = "radio,checkbox,range,button,reset,submit" /* Mask.Disable */.split("," /* Constant.Comma */);
+    maskTags = "INPUT,SELECT,TEXTAREA" /* Mask.Tags */.split("," /* Constant.Comma */);
+    idMap = new WeakMap();
+    iframeMap = new WeakMap();
+    privacyMap = new WeakMap();
+    fraudMap = new WeakMap();
+    reset$l();
 }
-function run() {
-    var entry = queuedTasks.shift();
-    if (entry) {
-        activeTask = entry;
-        entry.task().then(function () {
-            // Bail out if the context in which this task was operating is different from the current page
-            // An example scenario where task could span across pages is Single Page Applications (SPA)
-            // A task that started on page #1, but completes on page #2
-            if (entry.id !== id()) {
-                return;
-            }
-            entry.resolve();
-            activeTask = null; // Reset active task back to null now that the promise is resolved
-            run();
-        }).catch(function (error) {
-            // If one of the scheduled tasks failed, log, recover and continue processing rest of the tasks
-            if (entry.id !== id()) {
-                return;
-            }
-            if (error) {
-                log$1(0 /* Code.RunTask */, 1 /* Severity.Warning */, error.name, error.message, error.stack);
-            }
-            activeTask = null;
-            run();
-        });
+// We parse new root nodes for any regions or masked nodes in the beginning (document) and
+// later whenever there are new additions or modifications to DOM (mutations)
+function parse$1(root, init) {
+    if (init === void 0) { init = false; }
+    // Wrap selectors in a try / catch block.
+    // It's possible for script to receive invalid selectors, e.g. "'#id'" with extra quotes, and cause the code below to fail
+    try {
+        // Parse unmask configuration into separate query selectors and override tokens as part of initialization
+        if (init) {
+            config$1.unmask.forEach(function (x) { return x.indexOf("!" /* Constant.Bang */) < 0 ? unmask.push(x) : override.push(x.substr(1)); });
+        }
+        // Since mutations may happen on leaf nodes too, e.g. text nodes, which may not support all selector APIs.
+        // We ensure that the root note supports querySelectorAll API before executing the code below to identify new regions.
+        if ("querySelectorAll" in root) {
+            config$1.regions.forEach(function (x) { return root.querySelectorAll(x[1]).forEach(function (e) { return observe$c(e, "".concat(x[0])); }); }); // Regions
+            config$1.mask.forEach(function (x) { return root.querySelectorAll(x).forEach(function (e) { return privacyMap.set(e, 3 /* Privacy.TextImage */); }); }); // Masked Elements
+            config$1.checksum.forEach(function (x) { return root.querySelectorAll(x[1]).forEach(function (e) { return fraudMap.set(e, x[0]); }); }); // Fraud Checksum Check
+            unmask.forEach(function (x) { return root.querySelectorAll(x).forEach(function (e) { return privacyMap.set(e, 0 /* Privacy.None */); }); }); // Unmasked Elements
+        }
     }
-}
-function state$9(timer) {
-    var id = key(timer);
-    if (id in tracker) {
-        var elapsed = performance.now() - tracker[id].start;
-        return (elapsed > tracker[id].yield) ? 0 /* Task.Wait */ : 1 /* Task.Run */;
+    catch (e) {
+        log$1(5 /* Code.Selector */, 1 /* Severity.Warning */, e ? e.name : null);
     }
-    // If this task is no longer being tracked, send stop message to the caller
-    return 2 /* Task.Stop */;
-}
-function start$x(timer) {
-    tracker[key(timer)] = { start: performance.now(), calls: 0, yield: 30 /* Setting.LongTask */ };
 }
-function restart$2(timer) {
-    var id = key(timer);
-    if (tracker && tracker[id]) {
-        var c = tracker[id].calls;
-        var y = tracker[id].yield;
-        start$x(timer);
-        tracker[id].calls = c + 1;
-        tracker[id].yield = y;
+function getId(node, autogen) {
+    if (autogen === void 0) { autogen = false; }
+    if (node === null) {
+        return null;
     }
-}
-function stop$u(timer) {
-    var end = performance.now();
-    var id = key(timer);
-    var duration = end - tracker[id].start;
-    sum(timer.cost, duration);
-    count$1(5 /* Metric.InvokeCount */);
-    // For the first execution, which is synchronous, time is automatically counted towards TotalDuration.
-    // However, for subsequent asynchronous runs, we need to manually update TotalDuration metric.
-    if (tracker[id].calls > 0) {
-        sum(4 /* Metric.TotalCost */, duration);
+    var id = idMap.get(node);
+    if (!id && autogen) {
+        id = index++;
+        idMap.set(node, id);
     }
+    return id ? id : null;
 }
-function suspend$1(timer) {
-    return __awaiter(this, void 0, void 0, function () {
-        var id, _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    id = key(timer);
-                    if (!(id in tracker)) return [3 /*break*/, 2];
-                    stop$u(timer);
-                    _a = tracker[id];
-                    return [4 /*yield*/, wait()];
-                case 1:
-                    _a.yield = (_b.sent()).timeRemaining();
-                    restart$2(timer);
-                    _b.label = 2;
-                case 2: 
-                // After we are done with suspending task, ensure that we are still operating in the right context
-                // If the task is still being tracked, continue running the task, otherwise ask caller to stop execution
-                return [2 /*return*/, id in tracker ? 1 /* Task.Run */ : 2 /* Task.Stop */];
-            }
-        });
-    });
-}
-function key(timer) {
-    return "".concat(timer.id, ".").concat(timer.cost);
-}
-function wait() {
-    return __awaiter(this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!pauseTask) return [3 /*break*/, 2];
-                    return [4 /*yield*/, pauseTask];
-                case 1:
-                    _a.sent();
-                    _a.label = 2;
-                case 2: return [2 /*return*/, new Promise(function (resolve) {
-                        requestIdleCallback(resolve, { timeout: idleTimeout });
-                    })];
-            }
-        });
-    });
-}
-// Use native implementation of requestIdleCallback if it exists.
-// Otherwise, fall back to a custom implementation using requestAnimationFrame & MessageChannel.
-// While it's not possible to build a perfect polyfill given the nature of this API, the following code attempts to get close.
-// Background context: requestAnimationFrame invokes the js code right before: style, layout and paint computation within the frame.
-// This means, that any code that runs as part of requestAnimationFrame will by default be blocking in nature. Not what we want.
-// For non-blocking behavior, We need to know when browser has finished painiting. This can be accomplished in two different ways (hacks):
-//   (1) Use MessageChannel to pass the message, and browser will receive the message right after pain event has occured.
-//   (2) Use setTimeout call within requestAnimationFrame. This also works, but there's a risk that browser may throttle setTimeout calls.
-// Given this information, we are currently using (1) from above. More information on (2) as well as some additional context is below:
-// https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Performance_best_practices_for_Firefox_fe_engineers
-function requestIdleCallbackPolyfill(callback, options) {
-    var startTime = performance.now();
-    var channel = new MessageChannel();
-    var incoming = channel.port1;
-    var outgoing = channel.port2;
-    incoming.onmessage = function (event) {
-        var currentTime = performance.now();
-        var elapsed = currentTime - startTime;
-        var duration = currentTime - event.data;
-        if (duration > 30 /* Setting.LongTask */ && elapsed < options.timeout) {
-            requestAnimationFrame(function () { outgoing.postMessage(currentTime); });
-        }
-        else {
-            var didTimeout_1 = elapsed > options.timeout;
-            callback({
-                didTimeout: didTimeout_1,
-                timeRemaining: function () { return didTimeout_1 ? 30 /* Setting.LongTask */ : Math.max(0, 30 /* Setting.LongTask */ - duration); }
-            });
-        }
+function add(node, parent, data, source) {
+    var id = getId(node, true);
+    var parentId = parent ? getId(parent) : null;
+    var previousId = getPreviousId(node);
+    var parentValue = null;
+    var regionId = exists(node) ? id : null;
+    var fraudId = fraudMap.has(node) ? fraudMap.get(node) : null;
+    var privacyId = config$1.content ? 1 /* Privacy.Sensitive */ : 3 /* Privacy.TextImage */;
+    if (parentId >= 0 && values[parentId]) {
+        parentValue = values[parentId];
+        parentValue.children.push(id);
+        regionId = regionId === null ? parentValue.region : regionId;
+        fraudId = fraudId === null ? parentValue.metadata.fraud : fraudId;
+        privacyId = parentValue.metadata.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" /* Constant.RegionData */ in data.attributes) {
+        observe$c(node, data.attributes["data-clarity-region" /* Constant.RegionData */]);
+        regionId = id;
+    }
+    nodes[id] = node;
+    values[id] = {
+        id: id,
+        parent: parentId,
+        previous: previousId,
+        children: [],
+        data: data,
+        selector: null,
+        hash: null,
+        region: regionId,
+        metadata: { active: true, suspend: false, privacy: privacyId, position: null, fraud: fraudId, size: null },
     };
-    requestAnimationFrame(function () { outgoing.postMessage(performance.now()); });
+    privacy(node, values[id], parentValue);
+    updateSelector(values[id]);
+    size$1(values[id]);
+    track$5(id, source);
 }
-var requestIdleCallback = window["requestIdleCallback"] || requestIdleCallbackPolyfill;
-
-// 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.
-// E.g. If tokens array is: ["hello", "world", "coding", "language", "world", "language", "example"]
-// Then the resulting tokens array after following code execution would be: ["hello", "world", "coding", "language", [1, 3], "example"]
-// Where [1,3] points to tokens[1] => "world" and tokens[3] => "language"
-function tokenize (tokens) {
-    var output = [];
-    var lookup = {};
-    var pointer = 0;
-    var reference = null;
-    for (var i = 0; i < tokens.length; i++) {
-        // Only optimize for string values
-        if (typeof tokens[i] === "string" /* Constant.String */) {
-            var token = tokens[i];
-            var index = lookup[token] || -1;
-            if (index >= 0) {
-                if (reference) {
-                    reference.push(index);
-                }
-                else {
-                    reference = [index];
-                    output.push(reference);
-                    pointer++;
-                }
+function update$1(node, parent, data, source) {
+    var id = getId(node);
+    var parentId = parent ? getId(parent) : null;
+    var previousId = getPreviousId(node);
+    var changed = false;
+    var parentChanged = false;
+    if (id in values) {
+        var value = values[id];
+        value.metadata.active = true;
+        // Handle case where internal ordering may have changed
+        if (value.previous !== previousId) {
+            changed = true;
+            value.previous = previousId;
+        }
+        // Handle case where parent might have been updated
+        if (value.parent !== parentId) {
+            changed = true;
+            var oldParentId = value.parent;
+            value.parent = parentId;
+            // Move this node to the right location under new parent
+            if (parentId !== null && parentId >= 0) {
+                var childIndex = previousId === null ? 0 : values[parentId].children.indexOf(previousId) + 1;
+                values[parentId].children.splice(childIndex, 0, id);
+                // Update region after the move
+                value.region = exists(node) ? id : values[parentId].region;
             }
             else {
-                reference = null;
-                output.push(token);
-                lookup[token] = pointer++;
+                // Mark this element as deleted if the parent has been updated to null
+                remove(id, source);
+            }
+            // Remove reference to this node from the old parent
+            if (oldParentId !== null && oldParentId >= 0) {
+                var nodeIndex = values[oldParentId].children.indexOf(id);
+                if (nodeIndex >= 0) {
+                    values[oldParentId].children.splice(nodeIndex, 1);
+                }
             }
+            parentChanged = true;
         }
-        else {
-            // If the value is anything other than string, append it as it is to the output array
-            // And, also increment the pointer to stay in sync with output array
-            reference = null;
-            output.push(tokens[i]);
-            pointer++;
+        // Update data
+        for (var key in data) {
+            if (diff(value["data"], data, key)) {
+                changed = true;
+                value["data"][key] = data[key];
+            }
+        }
+        // Update selector
+        updateSelector(value);
+        track$5(id, source, changed, parentChanged);
+    }
+}
+function sameorigin(node) {
+    var output = false;
+    if (node.nodeType === Node.ELEMENT_NODE && node.tagName === "IFRAME" /* Constant.IFrameTag */) {
+        var frame = node;
+        // To determine if the iframe is same-origin or not, we try accessing it's contentDocument.
+        // If the browser throws an exception, we assume it's cross-origin and move on.
+        // However, if we do a get a valid document object back, we assume the contents are accessible and iframe is same-origin.
+        try {
+            var doc = frame.contentDocument;
+            if (doc) {
+                iframeMap.set(frame.contentDocument, frame);
+                output = true;
+            }
         }
+        catch ( /* do nothing */_a) { /* do nothing */ }
     }
     return output;
-}
-
-function encode$4 (type, timer, ts) {
-    if (timer === void 0) { timer = null; }
-    if (ts === void 0) { ts = null; }
-    return __awaiter(this, void 0, void 0, function () {
-        var eventTime, tokens, _a, d, _i, _b, r, values, _c, values_1, value, state, data, active, suspend, privacy, mangle, keys, _d, keys_1, key, box, factor, attr;
-        return __generator(this, function (_e) {
-            switch (_e.label) {
-                case 0:
-                    eventTime = ts || time();
-                    tokens = [eventTime, type];
-                    _a = type;
-                    switch (_a) {
-                        case 8 /* Event.Document */: return [3 /*break*/, 1];
-                        case 7 /* Event.Region */: return [3 /*break*/, 2];
-                        case 5 /* Event.Discover */: return [3 /*break*/, 3];
-                        case 6 /* Event.Mutation */: return [3 /*break*/, 3];
-                    }
-                    return [3 /*break*/, 10];
-                case 1:
-                    d = data$c;
-                    tokens.push(d.width);
-                    tokens.push(d.height);
-                    track$7(type, d.width, d.height);
-                    queue(tokens);
-                    return [3 /*break*/, 10];
-                case 2:
-                    for (_i = 0, _b = state$1; _i < _b.length; _i++) {
-                        r = _b[_i];
-                        tokens = [r.time, 7 /* Event.Region */];
-                        tokens.push(r.data.id);
-                        tokens.push(r.data.interaction);
-                        tokens.push(r.data.visibility);
-                        tokens.push(r.data.name);
-                        queue(tokens);
-                    }
-                    reset$6();
-                    return [3 /*break*/, 10];
-                case 3:
-                    // Check if we are operating within the context of the current page
-                    if (state$9(timer) === 2 /* Task.Stop */) {
-                        return [3 /*break*/, 10];
-                    }
-                    values = updates$2();
-                    if (!(values.length > 0)) return [3 /*break*/, 9];
-                    _c = 0, values_1 = values;
-                    _e.label = 4;
-                case 4:
-                    if (!(_c < values_1.length)) return [3 /*break*/, 8];
-                    value = values_1[_c];
-                    state = state$9(timer);
-                    if (!(state === 0 /* Task.Wait */)) return [3 /*break*/, 6];
-                    return [4 /*yield*/, suspend$1(timer)];
-                case 5:
-                    state = _e.sent();
-                    _e.label = 6;
-                case 6:
-                    if (state === 2 /* Task.Stop */) {
-                        return [3 /*break*/, 8];
-                    }
-                    data = value.data;
-                    active = value.metadata.active;
-                    suspend = value.metadata.suspend;
-                    privacy = value.metadata.privacy;
-                    mangle = shouldMangle(value);
-                    keys = active ? ["tag", "attributes", "value"] : ["tag"];
-                    for (_d = 0, keys_1 = keys; _d < keys_1.length; _d++) {
-                        key = keys_1[_d];
-                        if (data[key]) {
-                            switch (key) {
-                                case "tag":
-                                    box = size$1(value);
-                                    factor = mangle ? -1 : 1;
-                                    tokens.push(value.id * factor);
-                                    if (value.parent && active) {
-                                        tokens.push(value.parent);
-                                    }
-                                    if (value.previous && active) {
-                                        tokens.push(value.previous);
-                                    }
-                                    tokens.push(suspend ? "*M" /* Constant.SuspendMutationTag */ : data[key]);
-                                    if (box && box.length === 2) {
-                                        tokens.push("".concat("#" /* Constant.Hash */).concat(str$1(box[0]), ".").concat(str$1(box[1])));
-                                    }
-                                    break;
-                                case "attributes":
-                                    for (attr in data[key]) {
-                                        if (data[key][attr] !== undefined) {
-                                            tokens.push(attribute(attr, data[key][attr], privacy));
-                                        }
-                                    }
-                                    break;
-                                case "value":
-                                    check$4(value.metadata.fraud, value.id, data[key]);
-                                    tokens.push(text$1(data[key], data.tag, privacy, mangle));
-                                    break;
-                            }
-                        }
-                    }
-                    _e.label = 7;
-                case 7:
-                    _c++;
-                    return [3 /*break*/, 4];
-                case 8:
-                    if (type === 6 /* Event.Mutation */) {
-                        activity(eventTime);
-                    }
-                    queue(tokenize(tokens), !config$1.lean);
-                    _e.label = 9;
-                case 9: return [3 /*break*/, 10];
-                case 10: return [2 /*return*/];
-            }
-        });
-    });
 }
-function shouldMangle(value) {
-    var privacy = value.metadata.privacy;
-    return value.data.tag === "*T" /* Constant.TextTag */ && !(privacy === 0 /* Privacy.None */ || privacy === 1 /* Privacy.Sensitive */);
+function iframe(node) {
+    var doc = node.nodeType === Node.DOCUMENT_NODE ? node : null;
+    return doc && iframeMap.has(doc) ? iframeMap.get(doc) : null;
 }
-function size$1(value) {
-    if (value.metadata.size !== null && value.metadata.size.length === 0) {
-        var img = getNode(value.id);
-        if (img) {
-            return [Math.floor(img.offsetWidth * 100 /* Setting.BoxPrecision */), Math.floor(img.offsetHeight * 100 /* Setting.BoxPrecision */)];
+function privacy(node, value, parent) {
+    var data = value.data;
+    var metadata = value.metadata;
+    var current = metadata.privacy;
+    var attributes = data.attributes || {};
+    var tag = data.tag.toUpperCase();
+    switch (true) {
+        case maskTags.indexOf(tag) >= 0:
+            var type = attributes["type" /* Constant.Type */];
+            var meta_1 = "" /* Constant.Empty */;
+            Object.keys(attributes).forEach(function (x) { return meta_1 += attributes[x].toLowerCase(); });
+            var exclude = maskExclude.some(function (x) { return meta_1.indexOf(x) >= 0; });
+            // Regardless of privacy mode, always mask off user input from input boxes or drop downs with two exceptions:
+            // (1) The node is detected to be one of the excluded fields, in which case we drop everything
+            // (2) The node's type is one of the allowed types (like checkboxes)
+            metadata.privacy = tag === "INPUT" /* Constant.InputTag */ && maskDisable.indexOf(type) >= 0 ? current : (exclude ? 4 /* Privacy.Exclude */ : 2 /* Privacy.Text */);
+            break;
+        case "data-clarity-mask" /* Constant.MaskData */ in attributes:
+            metadata.privacy = 3 /* Privacy.TextImage */;
+            break;
+        case "data-clarity-unmask" /* Constant.UnmaskData */ in attributes:
+            metadata.privacy = 0 /* Privacy.None */;
+            break;
+        case privacyMap.has(node):
+            // If this node was explicitly configured to contain sensitive content, honor that privacy setting
+            metadata.privacy = privacyMap.get(node);
+            break;
+        case fraudMap.has(node):
+            // If this node was explicitly configured to be evaluated for fraud, then also mask content
+            metadata.privacy = 2 /* Privacy.Text */;
+            break;
+        case tag === "*T" /* Constant.TextTag */:
+            // If it's a text node belonging to a STYLE or TITLE tag or one of scrub exceptions, then capture content
+            var pTag = parent && parent.data ? parent.data.tag : "" /* Constant.Empty */;
+            var pSelector_1 = parent && parent.selector ? parent.selector[1 /* Selector.Default */] : "" /* Constant.Empty */;
+            var tags = ["STYLE" /* Constant.StyleTag */, "TITLE" /* Constant.TitleTag */, "svg:style" /* Constant.SvgStyle */];
+            metadata.privacy = tags.includes(pTag) || override.some(function (x) { return pSelector_1.indexOf(x) >= 0; }) ? 0 /* Privacy.None */ : current;
+            break;
+        case current === 1 /* Privacy.Sensitive */:
+            // In a mode where we mask sensitive information by default, look through class names to aggressively mask content
+            metadata.privacy = inspect(attributes["class" /* Constant.Class */], maskText, metadata);
+            break;
+    }
+}
+function inspect(input, lookup, metadata) {
+    if (input && lookup.some(function (x) { return input.indexOf(x) >= 0; })) {
+        return 2 /* Privacy.Text */;
+    }
+    return metadata.privacy;
+}
+function diff(a, b, field) {
+    if (typeof a[field] === "object" && typeof b[field] === "object") {
+        for (var key in a[field]) {
+            if (a[field][key] !== b[field][key]) {
+                return true;
+            }
+        }
+        for (var key in b[field]) {
+            if (b[field][key] !== a[field][key]) {
+                return true;
+            }
         }
+        return false;
     }
-    return value.metadata.size;
+    return a[field] !== b[field];
 }
-function str$1(input) {
-    return input.toString(36);
+function position(parent, child) {
+    child.metadata.position = 1;
+    var idx = parent ? parent.children.indexOf(child.id) : -1;
+    while (idx-- > 0) {
+        var sibling = values[parent.children[idx]];
+        if (child.data.tag === sibling.data.tag) {
+            child.metadata.position = sibling.metadata.position + 1;
+            break;
+        }
+    }
+    return child.metadata.position;
 }
-function attribute(key, value, privacy) {
-    return "".concat(key, "=").concat(text$1(value, key, privacy));
-}
-
-var data$c;
-function reset$j() {
-    data$c = null;
+function updateSelector(value) {
+    var parent = value.parent && value.parent in values ? values[value.parent] : null;
+    var prefix = parent ? parent.selector : null;
+    var d = value.data;
+    var p = position(parent, value);
+    var s = { id: value.id, tag: d.tag, prefix: prefix, position: p, attributes: d.attributes };
+    value.selector = [get$1(s, 0 /* Selector.Alpha */), get$1(s, 1 /* Selector.Beta */)];
+    value.hash = value.selector.map(function (x) { return x ? hash(x) : null; });
+    value.hash.forEach(function (h) { return hashMap[h] = value.id; });
 }
-function start$w() {
-    reset$j();
-    compute$7();
+function hashText(hash) {
+    var id = lookup(hash);
+    var node = getNode(id);
+    return node !== null && node.textContent !== null ? node.textContent.substr(0, 25 /* Setting.ClickText */) : '';
 }
-function compute$7() {
-    var body = document.body;
-    var d = document.documentElement;
-    var bodyClientWidth = body ? body.clientWidth : null;
-    var bodyScrollWidth = body ? body.scrollWidth : null;
-    var bodyOffsetWidth = body ? body.offsetWidth : null;
-    var documentClientWidth = d ? d.clientWidth : null;
-    var documentScrollWidth = d ? d.scrollWidth : null;
-    var documentOffsetWidth = d ? d.offsetWidth : null;
-    var width = Math.max(bodyClientWidth, bodyScrollWidth, bodyOffsetWidth, documentClientWidth, documentScrollWidth, documentOffsetWidth);
-    var bodyClientHeight = body ? body.clientHeight : null;
-    var bodyScrollHeight = body ? body.scrollHeight : null;
-    var bodyOffsetHeight = body ? body.offsetHeight : null;
-    var documentClientHeight = d ? d.clientHeight : null;
-    var documentScrollHeight = d ? d.scrollHeight : null;
-    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$c === null || width !== data$c.width || height !== data$c.height) && width !== null && height !== null) {
-        data$c = { width: width, height: height };
-        encode$4(8 /* Event.Document */);
+function getNode(id) {
+    if (id in nodes) {
+        return nodes[id];
     }
+    return null;
 }
-function end() {
-    reset$j();
-}
-
-var state$8 = [];
-function start$v() {
-    reset$i();
+function getValue(id) {
+    if (id in values) {
+        return values[id];
+    }
+    return null;
 }
-function observe$c(root) {
-    bind(root, "change", recompute$8, true);
+function get(node) {
+    var id = getId(node);
+    return id in values ? values[id] : null;
 }
-function recompute$8(evt) {
-    var element = target(evt);
-    if (element) {
-        var value = element.value;
-        var checksum = value && value.length >= 5 /* Setting.WordLength */ && config$1.fraud ? hash(value, 24 /* Setting.ChecksumPrecision */) : "" /* Constant.Empty */;
-        state$8.push({ time: time(evt), event: 42 /* Event.Change */, data: { target: target(evt), type: element.type, value: value, checksum: checksum } });
-        schedule$1(encode$3.bind(this, 42 /* Event.Change */));
-    }
+function lookup(hash) {
+    return hash in hashMap ? hashMap[hash] : null;
 }
-function reset$i() {
-    state$8 = [];
+function has(node) {
+    return getId(node) in nodes;
 }
-function stop$t() {
-    reset$i();
-}
-
-function offset (element) {
-    var output = { x: 0, y: 0 };
-    // Walk up the chain to ensure we compute offset distance correctly
-    // In case where we may have nested IFRAMEs, we keep walking up until we get to the top most parent page
-    if (element && element.offsetParent) {
-        do {
-            var parent_1 = element.offsetParent;
-            var frame = parent_1 === null ? iframe(element.ownerDocument) : null;
-            output.x += element.offsetLeft;
-            output.y += element.offsetTop;
-            element = frame ? frame : parent_1;
-        } while (element);
+function updates$2() {
+    var output = [];
+    for (var _i = 0, updateMap_1 = updateMap; _i < updateMap_1.length; _i++) {
+        var id = updateMap_1[_i];
+        if (id in values) {
+            output.push(values[id]);
+        }
     }
+    updateMap = [];
     return output;
-}
-
-var UserInputTags = ["input", "textarea", "radio", "button", "canvas"];
-var state$7 = [];
-function start$u() {
-    reset$h();
-}
-function observe$b(root) {
-    bind(root, "click", handler$3.bind(this, 9 /* Event.Click */, root), true);
 }
-function handler$3(event, root, evt) {
-    var frame = iframe(root);
-    var d = frame ? frame.contentDocument.documentElement : document.documentElement;
-    var x = "pageX" in evt ? Math.round(evt.pageX) : ("clientX" in evt ? Math.round(evt["clientX"] + d.scrollLeft) : null);
-    var y = "pageY" in evt ? Math.round(evt.pageY) : ("clientY" in evt ? Math.round(evt["clientY"] + d.scrollTop) : null);
-    // In case of iframe, we adjust (x,y) to be relative to top parent's origin
-    if (frame) {
-        var distance = offset(frame);
-        x = x ? x + Math.round(distance.x) : x;
-        y = y ? y + Math.round(distance.y) : y;
+function remove(id, source) {
+    if (id in values) {
+        var value = values[id];
+        value.metadata.active = false;
+        value.parent = null;
+        track$5(id, source);
     }
-    var t = target(evt);
-    // Find nearest anchor tag (<a/>) parent if current target node is part of one
-    // If present, we use the returned link element to populate text and link properties below
-    var a = link(t);
-    // Get layout rectangle for the target element
-    var l = layout$1(t);
-    // Reference: https://developer.mozilla.org/en-US/docs/Web/API/UIEvent/detail
-    // This property helps differentiate between a keyboard navigation vs. pointer click
-    // In case of a keyboard navigation, we use center of target element as (x,y)
-    if (evt.detail === 0 && l) {
-        x = Math.round(l.x + (l.w / 2));
-        y = Math.round(l.y + (l.h / 2));
+}
+function size$1(value) {
+    // If this element is a image node, and is masked, then track box model for the current element
+    if (value.data.tag === "IMG" /* Constant.ImageTag */ && value.metadata.privacy === 3 /* Privacy.TextImage */) {
+        value.metadata.size = [];
     }
-    var eX = l ? Math.max(Math.floor(((x - l.x) / l.w) * 32767 /* Setting.ClickPrecision */), 0) : 0;
-    var eY = l ? Math.max(Math.floor(((y - l.y) / l.h) * 32767 /* Setting.ClickPrecision */), 0) : 0;
-    // Check for null values before processing this event
-    if (x !== null && y !== null) {
-        state$7.push({
-            time: time(evt),
-            event: event,
-            data: {
-                target: t,
-                x: x,
-                y: y,
-                eX: eX,
-                eY: eY,
-                button: evt.button,
-                reaction: reaction(t),
-                context: context(a),
-                text: text(t),
-                link: a ? a.href : null,
-                hash: null,
-                trust: evt.isTrusted ? 1 /* BooleanFlag.True */ : 0 /* BooleanFlag.False */
-            }
-        });
-        schedule$1(encode$3.bind(this, event));
-    }
-}
-function text(element) {
-    var output = null;
-    if (element) {
-        // Grab text using "textContent" for most HTMLElements, however, use "value" for HTMLInputElements and "alt" for HTMLImageElement.
-        var t = element.textContent || element.value || element.alt;
-        if (t) {
-            // Trim any spaces at the beginning or at the end of string
-            // Also, replace multiple occurrence of space characters with a single white space
-            // Finally, send only first few characters as specified by the Setting
-            output = t.trim().replace(/\s+/g, " " /* Constant.Space */).substr(0, 25 /* Setting.ClickText */);
-        }
-    }
-    return output;
 }
-function reaction(element) {
-    if (element.nodeType === Node.ELEMENT_NODE) {
-        var tag = element.tagName.toLowerCase();
-        if (UserInputTags.indexOf(tag) >= 0) {
-            return 0 /* BooleanFlag.False */;
-        }
+function getPreviousId(node) {
+    var id = null;
+    // Some nodes may not have an ID by design since Clarity skips over tags like SCRIPT, NOSCRIPT, META, COMMENTS, etc..
+    // In that case, we keep going back and check for their sibling until we find a sibling with ID or no more sibling nodes are left.
+    while (id === null && node.previousSibling) {
+        id = getId(node.previousSibling);
+        node = node.previousSibling;
     }
-    return 1 /* BooleanFlag.True */;
+    return id;
 }
-function layout$1(element) {
-    var box = null;
-    var de = document.documentElement;
-    if (typeof element.getBoundingClientRect === "function") {
-        // getBoundingClientRect returns rectangle relative positioning to viewport
-        var rect = element.getBoundingClientRect();
-        if (rect && rect.width > 0 && rect.height > 0) {
-            // Add viewport's scroll position to rectangle to get position relative to document origin
-            // Also: using Math.floor() instead of Math.round() because in Edge,
-            // getBoundingClientRect returns partial pixel values (e.g. 162.5px) and Chrome already
-            // floors the value (e.g. 162px). This keeps consistent behavior across browsers.
-            box = {
-                x: Math.floor(rect.left + ("pageXOffset" in window ? window.pageXOffset : de.scrollLeft)),
-                y: Math.floor(rect.top + ("pageYOffset" in window ? window.pageYOffset : de.scrollTop)),
-                w: Math.floor(rect.width),
-                h: Math.floor(rect.height)
-            };
-        }
+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
+    // Edge case: If an element is added later on, and pre-discovered element is moved as a child.
+    // In that case, we need to reorder the pre-discovered element in the update list to keep visualization consistent.
+    var uIndex = updateMap.indexOf(id);
+    if (uIndex >= 0 && source === 1 /* Source.ChildListAdd */ && parentChanged) {
+        updateMap.splice(uIndex, 1);
+        updateMap.push(id);
     }
-    return box;
-}
-function context(a) {
-    if (a && a.hasAttribute("target" /* Constant.Target */)) {
-        switch (a.getAttribute("target" /* Constant.Target */)) {
-            case "_blank" /* Constant.Blank */: return 1 /* BrowsingContext.Blank */;
-            case "_parent" /* Constant.Parent */: return 2 /* BrowsingContext.Parent */;
-            case "_top" /* Constant.Top */: return 3 /* BrowsingContext.Top */;
-        }
+    else if (uIndex === -1 && changed) {
+        updateMap.push(id);
     }
-    return 0 /* BrowsingContext.Self */;
-}
-function reset$h() {
-    state$7 = [];
-}
-function stop$s() {
-    reset$h();
 }
 
-var state$6 = [];
-function start$t() {
-    reset$g();
-}
-function observe$a(root) {
-    bind(root, "cut", recompute$7.bind(this, 0 /* Clipboard.Cut */), true);
-    bind(root, "copy", recompute$7.bind(this, 1 /* Clipboard.Copy */), true);
-    bind(root, "paste", recompute$7.bind(this, 2 /* Clipboard.Paste */), true);
+var dom = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    add: add,
+    get: get,
+    getId: getId,
+    getNode: getNode,
+    getValue: getValue,
+    has: has,
+    hashText: hashText,
+    iframe: iframe,
+    lookup: lookup,
+    parse: parse$1,
+    sameorigin: sameorigin,
+    start: start$x,
+    stop: stop$u,
+    update: update$1,
+    updates: updates$2
+});
+
+// Track the start time to be able to compute duration at the end of the task
+var idleTimeout = 5000;
+var tracker = {};
+var queuedTasks = [];
+var activeTask = null;
+var pauseTask = null;
+var resumeResolve = null;
+function pause$1() {
+    if (pauseTask === null) {
+        pauseTask = new Promise(function (resolve) {
+            resumeResolve = resolve;
+        });
+    }
 }
-function recompute$7(action, evt) {
-    state$6.push({ time: time(evt), event: 38 /* Event.Clipboard */, data: { target: target(evt), action: action } });
-    schedule$1(encode$3.bind(this, 38 /* Event.Clipboard */));
+function resume$1() {
+    if (pauseTask) {
+        resumeResolve();
+        pauseTask = null;
+        if (activeTask === null) {
+            run();
+        }
+    }
 }
-function reset$g() {
-    state$6 = [];
+function reset$j() {
+    tracker = {};
+    queuedTasks = [];
+    activeTask = null;
+    pauseTask = null;
 }
-function stop$r() {
-    reset$g();
-}
-
-var timeout$5 = null;
-var state$5 = [];
-function start$s() {
-    reset$f();
+function schedule$1(task, priority) {
+    if (priority === void 0) { priority = 0 /* Priority.Normal */; }
+    return __awaiter(this, void 0, void 0, function () {
+        var _i, queuedTasks_1, q, promise;
+        return __generator(this, function (_a) {
+            // If this task is already scheduled, skip it
+            for (_i = 0, queuedTasks_1 = queuedTasks; _i < queuedTasks_1.length; _i++) {
+                q = queuedTasks_1[_i];
+                if (q.task === task) {
+                    return [2 /*return*/];
+                }
+            }
+            promise = new Promise(function (resolve) {
+                var insert = priority === 1 /* Priority.High */ ? "unshift" : "push";
+                // Queue this task for asynchronous execution later
+                // We also store a unique page identifier (id) along with the task to ensure
+                // ensure that we do not accidentally execute this task in context of a different page
+                queuedTasks[insert]({ task: task, resolve: resolve, id: id() });
+            });
+            // If there is no active task running, and Clarity is not in pause state,
+            // invoke the first task in the queue synchronously. This ensures that we don't yield the thread during unload event
+            if (activeTask === null && pauseTask === null) {
+                run();
+            }
+            return [2 /*return*/, promise];
+        });
+    });
 }
-function observe$9(root) {
-    bind(root, "input", recompute$6, true);
+function run() {
+    var entry = queuedTasks.shift();
+    if (entry) {
+        activeTask = entry;
+        entry.task().then(function () {
+            // Bail out if the context in which this task was operating is different from the current page
+            // An example scenario where task could span across pages is Single Page Applications (SPA)
+            // A task that started on page #1, but completes on page #2
+            if (entry.id !== id()) {
+                return;
+            }
+            entry.resolve();
+            activeTask = null; // Reset active task back to null now that the promise is resolved
+            run();
+        }).catch(function (error) {
+            // If one of the scheduled tasks failed, log, recover and continue processing rest of the tasks
+            if (entry.id !== id()) {
+                return;
+            }
+            if (error) {
+                log$1(0 /* Code.RunTask */, 1 /* Severity.Warning */, error.name, error.message, error.stack);
+            }
+            activeTask = null;
+            run();
+        });
+    }
 }
-function recompute$6(evt) {
-    var input = target(evt);
-    var value = get(input);
-    if (input && input.type && value) {
-        var v = input.value;
-        switch (input.type) {
-            case "radio":
-            case "checkbox":
-                v = input.checked ? "true" : "false";
-                break;
-        }
-        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$5.length > 0 && (state$5[state$5.length - 1].data.target === data.target)) {
-            state$5.pop();
-        }
-        state$5.push({ time: time(evt), event: 27 /* Event.Input */, data: data });
-        clearTimeout(timeout$5);
-        timeout$5 = setTimeout(process$6, 1000 /* Setting.InputLookAhead */, 27 /* Event.Input */);
+function state$9(timer) {
+    var id = key(timer);
+    if (id in tracker) {
+        var elapsed = performance.now() - tracker[id].start;
+        return (elapsed > tracker[id].yield) ? 0 /* Task.Wait */ : 1 /* Task.Run */;
     }
+    // If this task is no longer being tracked, send stop message to the caller
+    return 2 /* Task.Stop */;
 }
-function process$6(event) {
-    schedule$1(encode$3.bind(this, event));
+function start$w(timer) {
+    tracker[key(timer)] = { start: performance.now(), calls: 0, yield: 30 /* Setting.LongTask */ };
 }
-function reset$f() {
-    state$5 = [];
+function restart$2(timer) {
+    var id = key(timer);
+    if (tracker && tracker[id]) {
+        var c = tracker[id].calls;
+        var y = tracker[id].yield;
+        start$w(timer);
+        tracker[id].calls = c + 1;
+        tracker[id].yield = y;
+    }
 }
-function stop$q() {
-    clearTimeout(timeout$5);
-    reset$f();
-}
-
-var state$4 = [];
-var timeout$4 = null;
-function start$r() {
-    reset$e();
+function stop$t(timer) {
+    var end = performance.now();
+    var id = key(timer);
+    var duration = end - tracker[id].start;
+    sum(timer.cost, duration);
+    count$1(5 /* Metric.InvokeCount */);
+    // For the first execution, which is synchronous, time is automatically counted towards TotalDuration.
+    // However, for subsequent asynchronous runs, we need to manually update TotalDuration metric.
+    if (tracker[id].calls > 0) {
+        sum(4 /* Metric.TotalCost */, duration);
+    }
 }
-function observe$8(root) {
-    bind(root, "mousedown", mouse.bind(this, 13 /* Event.MouseDown */, root), true);
-    bind(root, "mouseup", mouse.bind(this, 14 /* Event.MouseUp */, root), true);
-    bind(root, "mousemove", mouse.bind(this, 12 /* Event.MouseMove */, root), true);
-    bind(root, "wheel", mouse.bind(this, 15 /* Event.MouseWheel */, root), true);
-    bind(root, "dblclick", mouse.bind(this, 16 /* Event.DoubleClick */, root), true);
-    bind(root, "touchstart", touch.bind(this, 17 /* Event.TouchStart */, root), true);
-    bind(root, "touchend", touch.bind(this, 18 /* Event.TouchEnd */, root), true);
-    bind(root, "touchmove", touch.bind(this, 19 /* Event.TouchMove */, root), true);
-    bind(root, "touchcancel", touch.bind(this, 20 /* Event.TouchCancel */, root), true);
+function suspend$1(timer) {
+    return __awaiter(this, void 0, void 0, function () {
+        var id, _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    id = key(timer);
+                    if (!(id in tracker)) return [3 /*break*/, 2];
+                    stop$t(timer);
+                    _a = tracker[id];
+                    return [4 /*yield*/, wait()];
+                case 1:
+                    _a.yield = (_b.sent()).timeRemaining();
+                    restart$2(timer);
+                    _b.label = 2;
+                case 2: 
+                // After we are done with suspending task, ensure that we are still operating in the right context
+                // If the task is still being tracked, continue running the task, otherwise ask caller to stop execution
+                return [2 /*return*/, id in tracker ? 1 /* Task.Run */ : 2 /* Task.Stop */];
+            }
+        });
+    });
 }
-function mouse(event, root, evt) {
-    var frame = iframe(root);
-    var d = frame ? frame.contentDocument.documentElement : document.documentElement;
-    var x = "pageX" in evt ? Math.round(evt.pageX) : ("clientX" in evt ? Math.round(evt["clientX"] + d.scrollLeft) : null);
-    var y = "pageY" in evt ? Math.round(evt.pageY) : ("clientY" in evt ? Math.round(evt["clientY"] + d.scrollTop) : null);
-    // In case of iframe, we adjust (x,y) to be relative to top parent's origin
-    if (frame) {
-        var distance = offset(frame);
-        x = x ? x + Math.round(distance.x) : x;
-        y = y ? y + Math.round(distance.y) : y;
-    }
-    // Check for null values before processing this event
-    if (x !== null && y !== null) {
-        handler$2({ time: time(evt), event: event, data: { target: target(evt), x: x, y: y } });
-    }
+function key(timer) {
+    return "".concat(timer.id, ".").concat(timer.cost);
 }
-function touch(event, root, evt) {
-    var frame = iframe(root);
-    var d = frame ? frame.contentDocument.documentElement : document.documentElement;
-    var touches = evt.changedTouches;
-    var t = time(evt);
-    if (touches) {
-        for (var i = 0; i < touches.length; i++) {
-            var entry = touches[i];
-            var x = "clientX" in entry ? Math.round(entry["clientX"] + d.scrollLeft) : null;
-            var y = "clientY" in entry ? Math.round(entry["clientY"] + d.scrollTop) : null;
-            x = x && frame ? x + Math.round(frame.offsetLeft) : x;
-            y = y && frame ? y + Math.round(frame.offsetTop) : y;
-            // Check for null values before processing this event
-            if (x !== null && y !== null) {
-                handler$2({ time: t, event: event, data: { target: target(evt), x: x, y: y } });
+function wait() {
+    return __awaiter(this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!pauseTask) return [3 /*break*/, 2];
+                    return [4 /*yield*/, pauseTask];
+                case 1:
+                    _a.sent();
+                    _a.label = 2;
+                case 2: return [2 /*return*/, new Promise(function (resolve) {
+                        requestIdleCallback(resolve, { timeout: idleTimeout });
+                    })];
             }
+        });
+    });
+}
+// Use native implementation of requestIdleCallback if it exists.
+// Otherwise, fall back to a custom implementation using requestAnimationFrame & MessageChannel.
+// While it's not possible to build a perfect polyfill given the nature of this API, the following code attempts to get close.
+// Background context: requestAnimationFrame invokes the js code right before: style, layout and paint computation within the frame.
+// This means, that any code that runs as part of requestAnimationFrame will by default be blocking in nature. Not what we want.
+// For non-blocking behavior, We need to know when browser has finished painiting. This can be accomplished in two different ways (hacks):
+//   (1) Use MessageChannel to pass the message, and browser will receive the message right after pain event has occured.
+//   (2) Use setTimeout call within requestAnimationFrame. This also works, but there's a risk that browser may throttle setTimeout calls.
+// Given this information, we are currently using (1) from above. More information on (2) as well as some additional context is below:
+// https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Performance_best_practices_for_Firefox_fe_engineers
+function requestIdleCallbackPolyfill(callback, options) {
+    var startTime = performance.now();
+    var channel = new MessageChannel();
+    var incoming = channel.port1;
+    var outgoing = channel.port2;
+    incoming.onmessage = function (event) {
+        var currentTime = performance.now();
+        var elapsed = currentTime - startTime;
+        var duration = currentTime - event.data;
+        if (duration > 30 /* Setting.LongTask */ && elapsed < options.timeout) {
+            requestAnimationFrame(function () { outgoing.postMessage(currentTime); });
         }
-    }
+        else {
+            var didTimeout_1 = elapsed > options.timeout;
+            callback({
+                didTimeout: didTimeout_1,
+                timeRemaining: function () { return didTimeout_1 ? 30 /* Setting.LongTask */ : Math.max(0, 30 /* Setting.LongTask */ - duration); }
+            });
+        }
+    };
+    requestAnimationFrame(function () { outgoing.postMessage(performance.now()); });
 }
-function handler$2(current) {
-    switch (current.event) {
-        case 12 /* Event.MouseMove */:
-        case 15 /* Event.MouseWheel */:
-        case 19 /* Event.TouchMove */:
-            var length_1 = state$4.length;
-            var last = length_1 > 1 ? state$4[length_1 - 2] : null;
-            if (last && similar$1(last, current)) {
-                state$4.pop();
+var requestIdleCallback = window["requestIdleCallback"] || requestIdleCallbackPolyfill;
+
+// 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.
+// E.g. If tokens array is: ["hello", "world", "coding", "language", "world", "language", "example"]
+// Then the resulting tokens array after following code execution would be: ["hello", "world", "coding", "language", [1, 3], "example"]
+// Where [1,3] points to tokens[1] => "world" and tokens[3] => "language"
+function tokenize (tokens) {
+    var output = [];
+    var lookup = {};
+    var pointer = 0;
+    var reference = null;
+    for (var i = 0; i < tokens.length; i++) {
+        // Only optimize for string values
+        if (typeof tokens[i] === "string" /* Constant.String */) {
+            var token = tokens[i];
+            var index = lookup[token] || -1;
+            if (index >= 0) {
+                if (reference) {
+                    reference.push(index);
+                }
+                else {
+                    reference = [index];
+                    output.push(reference);
+                    pointer++;
+                }
             }
-            state$4.push(current);
-            clearTimeout(timeout$4);
-            timeout$4 = setTimeout(process$5, 500 /* Setting.LookAhead */, current.event);
-            break;
-        default:
-            state$4.push(current);
-            process$5(current.event);
-            break;
-    }
-}
-function process$5(event) {
-    schedule$1(encode$3.bind(this, event));
-}
-function reset$e() {
-    state$4 = [];
-}
-function similar$1(last, current) {
-    var dx = last.data.x - current.data.x;
-    var dy = last.data.y - current.data.y;
-    var distance = Math.sqrt(dx * dx + dy * dy);
-    var gap = current.time - last.time;
-    var match = current.data.target === last.data.target;
-    return current.event === last.event && match && distance < 20 /* Setting.Distance */ && gap < 25 /* Setting.Interval */;
-}
-function stop$p() {
-    clearTimeout(timeout$4);
-    // Send out any pending pointer events in the pipeline
-    if (state$4.length > 0) {
-        process$5(state$4[state$4.length - 1].event);
+            else {
+                reference = null;
+                output.push(token);
+                lookup[token] = pointer++;
+            }
+        }
+        else {
+            // If the value is anything other than string, append it as it is to the output array
+            // And, also increment the pointer to stay in sync with output array
+            reference = null;
+            output.push(tokens[i]);
+            pointer++;
+        }
     }
+    return output;
 }
 
-var data$b;
-function start$q() {
-    bind(window, "resize", recompute$5);
-    recompute$5();
+var data$c;
+function reset$i() {
+    data$c = null;
 }
-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$b = {
-        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$3(11 /* Event.Resize */);
+function start$v() {
+    reset$i();
+    compute$7();
 }
-function reset$d() {
-    data$b = null;
+function compute$7() {
+    var body = document.body;
+    var d = document.documentElement;
+    var bodyClientWidth = body ? body.clientWidth : null;
+    var bodyScrollWidth = body ? body.scrollWidth : null;
+    var bodyOffsetWidth = body ? body.offsetWidth : null;
+    var documentClientWidth = d ? d.clientWidth : null;
+    var documentScrollWidth = d ? d.scrollWidth : null;
+    var documentOffsetWidth = d ? d.offsetWidth : null;
+    var width = Math.max(bodyClientWidth, bodyScrollWidth, bodyOffsetWidth, documentClientWidth, documentScrollWidth, documentOffsetWidth);
+    var bodyClientHeight = body ? body.clientHeight : null;
+    var bodyScrollHeight = body ? body.scrollHeight : null;
+    var bodyOffsetHeight = body ? body.offsetHeight : null;
+    var documentClientHeight = d ? d.clientHeight : null;
+    var documentScrollHeight = d ? d.scrollHeight : null;
+    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$c === null || width !== data$c.width || height !== data$c.height) && width !== null && height !== null) {
+        data$c = { width: width, height: height };
+        encode$4(8 /* Event.Document */);
+    }
 }
-function stop$o() {
-    reset$d();
+function end() {
+    reset$i();
 }
 
-var state$3 = [];
-var timeout$3 = null;
-function start$p() {
-    state$3 = [];
-    recompute$4();
-}
-function observe$7(root) {
-    var frame = iframe(root);
-    var node = frame ? frame.contentWindow : (root === document ? window : root);
-    bind(node, "scroll", recompute$4, true);
-}
-function recompute$4(event) {
-    if (event === void 0) { event = null; }
-    var w = window;
-    var de = document.documentElement;
-    var element = event ? target(event) : de;
-    // If the target is a Document node, then identify corresponding documentElement and window for this document
-    if (element && element.nodeType === Node.DOCUMENT_NODE) {
-        var frame = iframe(element);
-        w = frame ? frame.contentWindow : w;
-        element = de = element.documentElement;
-    }
-    // Edge doesn't support scrollTop position on document.documentElement.
-    // For cross browser compatibility, looking up pageYOffset on window if the scroll is on document.
-    // And, if for some reason that is not available, fall back to looking up scrollTop on document.documentElement.
-    var x = element === de && "pageXOffset" in w ? Math.round(w.pageXOffset) : Math.round(element.scrollLeft);
-    var y = element === de && "pageYOffset" in w ? Math.round(w.pageYOffset) : Math.round(element.scrollTop);
-    var current = { time: time(event), event: 10 /* Event.Scroll */, data: { target: element, x: x, y: y } };
-    // We don't send any scroll events if this is the first event and the current position is top (0,0)
-    if ((event === null && x === 0 && y === 0) || (x === null || y === null)) {
-        return;
-    }
-    var length = state$3.length;
-    var last = length > 1 ? state$3[length - 2] : null;
-    if (last && similar(last, current)) {
-        state$3.pop();
-    }
-    state$3.push(current);
-    clearTimeout(timeout$3);
-    timeout$3 = setTimeout(process$4, 500 /* Setting.LookAhead */, 10 /* Event.Scroll */);
+function encode$4 (type, timer, ts) {
+    if (timer === void 0) { timer = null; }
+    if (ts === void 0) { ts = null; }
+    return __awaiter(this, void 0, void 0, function () {
+        var eventTime, tokens, _a, d, _i, _b, r, values, _c, values_1, value, state, data, active, suspend, privacy, mangle, keys, _d, keys_1, key, box, factor, attr;
+        return __generator(this, function (_e) {
+            switch (_e.label) {
+                case 0:
+                    eventTime = ts || time();
+                    tokens = [eventTime, type];
+                    _a = type;
+                    switch (_a) {
+                        case 8 /* Event.Document */: return [3 /*break*/, 1];
+                        case 7 /* Event.Region */: return [3 /*break*/, 2];
+                        case 5 /* Event.Discover */: return [3 /*break*/, 3];
+                        case 6 /* Event.Mutation */: return [3 /*break*/, 3];
+                    }
+                    return [3 /*break*/, 10];
+                case 1:
+                    d = data$c;
+                    tokens.push(d.width);
+                    tokens.push(d.height);
+                    track$7(type, d.width, d.height);
+                    queue(tokens);
+                    return [3 /*break*/, 10];
+                case 2:
+                    for (_i = 0, _b = state$8; _i < _b.length; _i++) {
+                        r = _b[_i];
+                        tokens = [r.time, 7 /* Event.Region */];
+                        tokens.push(r.data.id);
+                        tokens.push(r.data.interaction);
+                        tokens.push(r.data.visibility);
+                        tokens.push(r.data.name);
+                        queue(tokens);
+                    }
+                    reset$h();
+                    return [3 /*break*/, 10];
+                case 3:
+                    // Check if we are operating within the context of the current page
+                    if (state$9(timer) === 2 /* Task.Stop */) {
+                        return [3 /*break*/, 10];
+                    }
+                    values = updates$2();
+                    if (!(values.length > 0)) return [3 /*break*/, 9];
+                    _c = 0, values_1 = values;
+                    _e.label = 4;
+                case 4:
+                    if (!(_c < values_1.length)) return [3 /*break*/, 8];
+                    value = values_1[_c];
+                    state = state$9(timer);
+                    if (!(state === 0 /* Task.Wait */)) return [3 /*break*/, 6];
+                    return [4 /*yield*/, suspend$1(timer)];
+                case 5:
+                    state = _e.sent();
+                    _e.label = 6;
+                case 6:
+                    if (state === 2 /* Task.Stop */) {
+                        return [3 /*break*/, 8];
+                    }
+                    data = value.data;
+                    active = value.metadata.active;
+                    suspend = value.metadata.suspend;
+                    privacy = value.metadata.privacy;
+                    mangle = shouldMangle(value);
+                    keys = active ? ["tag", "attributes", "value"] : ["tag"];
+                    for (_d = 0, keys_1 = keys; _d < keys_1.length; _d++) {
+                        key = keys_1[_d];
+                        if (data[key]) {
+                            switch (key) {
+                                case "tag":
+                                    box = size(value);
+                                    factor = mangle ? -1 : 1;
+                                    tokens.push(value.id * factor);
+                                    if (value.parent && active) {
+                                        tokens.push(value.parent);
+                                    }
+                                    if (value.previous && active) {
+                                        tokens.push(value.previous);
+                                    }
+                                    tokens.push(suspend ? "*M" /* Constant.SuspendMutationTag */ : data[key]);
+                                    if (box && box.length === 2) {
+                                        tokens.push("".concat("#" /* Constant.Hash */).concat(str$1(box[0]), ".").concat(str$1(box[1])));
+                                    }
+                                    break;
+                                case "attributes":
+                                    for (attr in data[key]) {
+                                        if (data[key][attr] !== undefined) {
+                                            tokens.push(attribute(attr, data[key][attr], privacy));
+                                        }
+                                    }
+                                    break;
+                                case "value":
+                                    check$4(value.metadata.fraud, value.id, data[key]);
+                                    tokens.push(text$1(data[key], data.tag, privacy, mangle));
+                                    break;
+                            }
+                        }
+                    }
+                    _e.label = 7;
+                case 7:
+                    _c++;
+                    return [3 /*break*/, 4];
+                case 8:
+                    if (type === 6 /* Event.Mutation */) {
+                        activity(eventTime);
+                    }
+                    queue(tokenize(tokens), !config$1.lean);
+                    _e.label = 9;
+                case 9: return [3 /*break*/, 10];
+                case 10: return [2 /*return*/];
+            }
+        });
+    });
 }
-function reset$c() {
-    state$3 = [];
+function shouldMangle(value) {
+    var privacy = value.metadata.privacy;
+    return value.data.tag === "*T" /* Constant.TextTag */ && !(privacy === 0 /* Privacy.None */ || privacy === 1 /* Privacy.Sensitive */);
 }
-function process$4(event) {
-    schedule$1(encode$3.bind(this, event));
+function size(value) {
+    if (value.metadata.size !== null && value.metadata.size.length === 0) {
+        var img = getNode(value.id);
+        if (img) {
+            return [Math.floor(img.offsetWidth * 100 /* Setting.BoxPrecision */), Math.floor(img.offsetHeight * 100 /* Setting.BoxPrecision */)];
+        }
+    }
+    return value.metadata.size;
 }
-function similar(last, current) {
-    var dx = last.data.x - current.data.x;
-    var dy = last.data.y - current.data.y;
-    return (dx * dx + dy * dy < 20 /* Setting.Distance */ * 20 /* Setting.Distance */) && (current.time - last.time < 25 /* Setting.Interval */);
+function str$1(input) {
+    return input.toString(36);
 }
-function stop$n() {
-    clearTimeout(timeout$3);
-    state$3 = [];
+function attribute(key, value, privacy) {
+    return "".concat(key, "=").concat(text$1(value, key, privacy));
 }
 
-var data$a = null;
-var previous = null;
-var timeout$2 = null;
-function start$o() {
-    reset$b();
-}
-function observe$6(root) {
-    bind(root, "selectstart", recompute$3.bind(this, root), true);
-    bind(root, "selectionchange", recompute$3.bind(this, root), true);
+var state$8 = [];
+var regionMap = null; // Maps region nodes => region name
+var regions = {};
+var queue$2 = [];
+var watch = false;
+var observer$1 = null;
+function start$u() {
+    reset$h();
+    observer$1 = null;
+    regionMap = new WeakMap();
+    regions = {};
+    queue$2 = [];
+    watch = window["IntersectionObserver"] ? true : false;
 }
-function recompute$3(root) {
-    var doc = root.nodeType === Node.DOCUMENT_NODE ? root : document;
-    var current = doc.getSelection();
-    // Bail out if we don't have a valid selection
-    if (current === null) {
-        return;
-    }
-    // Bail out if we got a valid selection but not valid nodes
-    // In Edge, selectionchange gets fired even on interactions like right clicks and
-    // can result in null anchorNode and focusNode if there was no previous selection on page
-    // Also, ignore any selections that start and end at the exact same point
-    if ((current.anchorNode === null && current.focusNode === null) ||
-        (current.anchorNode === current.focusNode && current.anchorOffset === current.focusOffset)) {
-        return;
-    }
-    var startNode = data$a.start ? data$a.start : null;
-    if (previous !== null && data$a.start !== null && startNode !== current.anchorNode) {
-        clearTimeout(timeout$2);
-        process$3(21 /* Event.Selection */);
+function observe$c(node, name) {
+    if (regionMap.has(node) === false) {
+        regionMap.set(node, name);
+        observer$1 = observer$1 === null && watch ? new IntersectionObserver(handler$3, {
+            // Get notified as intersection continues to change
+            // This allows us to process regions that get partially hidden during the lifetime of the page
+            // See: https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#creating_an_intersection_observer
+            // By default, intersection observers only fire an event when even a single pixel is visible and not thereafter.
+            threshold: [0, 0.2, 0.4, 0.6, 0.8, 1]
+        }) : observer$1;
+        if (observer$1 && node && node.nodeType === Node.ELEMENT_NODE) {
+            observer$1.observe(node);
+        }
     }
-    data$a = {
-        start: current.anchorNode,
-        startOffset: current.anchorOffset,
-        end: current.focusNode,
-        endOffset: current.focusOffset
-    };
-    previous = current;
-    clearTimeout(timeout$2);
-    timeout$2 = setTimeout(process$3, 500 /* Setting.LookAhead */, 21 /* Event.Selection */);
-}
-function process$3(event) {
-    schedule$1(encode$3.bind(this, event));
-}
-function reset$b() {
-    previous = null;
-    data$a = { start: 0, startOffset: 0, end: 0, endOffset: 0 };
 }
-function stop$m() {
-    reset$b();
-    clearTimeout(timeout$2);
-}
-
-var state$2 = [];
-function start$n() {
-    reset$a();
+function exists(node) {
+    // Check if regionMap is not null before looking up a node
+    // Since, dom module stops after region module, it's possible that we may set regionMap to be null
+    // 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 observe$5(root) {
-    bind(root, "submit", recompute$2, true);
+function track$4(id, event) {
+    var node = getNode(id);
+    var data = id in regions ? regions[id] : { id: id, visibility: 0 /* RegionVisibility.Rendered */, interaction: 16 /* InteractionState.None */, name: regionMap.get(node) };
+    // Determine the interaction state based on incoming event
+    var interaction = 16 /* InteractionState.None */;
+    switch (event) {
+        case 9 /* Event.Click */:
+            interaction = 20 /* InteractionState.Clicked */;
+            break;
+        case 27 /* Event.Input */:
+            interaction = 30 /* InteractionState.Input */;
+            break;
+    }
+    // Process updates to this region, if applicable
+    process$6(node, data, interaction, data.visibility);
 }
-function recompute$2(evt) {
-    state$2.push({ time: time(evt), event: 39 /* Event.Submit */, data: { target: target(evt) } });
-    schedule$1(encode$3.bind(this, 39 /* Event.Submit */));
+function compute$6() {
+    // 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
+    var q = [];
+    for (var _i = 0, queue_1 = queue$2; _i < queue_1.length; _i++) {
+        var r = queue_1[_i];
+        var id = getId(r.node);
+        if (!(id in regions)) {
+            if (id) {
+                r.data.id = id;
+                regions[id] = r.data;
+                state$8.push(clone$1(r.data));
+            }
+            else {
+                q.push(r);
+            }
+        }
+    }
+    queue$2 = q;
+    // Schedule encode only when we have at least one valid data entry
+    if (state$8.length > 0) {
+        encode$4(7 /* Event.Region */);
+    }
 }
-function reset$a() {
-    state$2 = [];
+function handler$3(entries) {
+    for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) {
+        var entry = entries_1[_i];
+        var target = entry.target;
+        var rect = entry.boundingClientRect;
+        var overlap = entry.intersectionRect;
+        var viewport = entry.rootBounds;
+        // Only capture regions that have non-zero width or height to avoid tracking and sending regions
+        // that cannot ever be seen by the user. In some cases, websites will have a multiple copy of the same region
+        // like search box - one for desktop, and another for mobile. In those cases, CSS media queries determine which one should be visible.
+        // Also, if these regions ever become non-zero width or height (through AJAX, user action or orientation change) - we will automatically start monitoring them from that point onwards
+        if (regionMap.has(target) && rect.width + rect.height > 0 && viewport.width > 0 && viewport.height > 0) {
+            var id = target ? getId(target) : null;
+            var data = id in regions ? regions[id] : { id: id, name: regionMap.get(target), interaction: 16 /* InteractionState.None */, visibility: 0 /* RegionVisibility.Rendered */ };
+            // For regions that have relatively smaller area, we look at intersection ratio and see the overlap relative to element's area
+            // However, for larger regions, area of regions could be bigger than viewport and therefore comparison is relative to visible area
+            var viewportRatio = overlap ? (overlap.width * overlap.height * 1.0) / (viewport.width * viewport.height) : 0;
+            var visible = viewportRatio > 0.05 /* Setting.ViewportIntersectionRatio */ || entry.intersectionRatio > 0.8 /* Setting.IntersectionRatio */;
+            // If an element is either visible or was visible and has been scrolled to the end
+            // i.e. Scrolled to end is determined by if the starting position of the element + the window height is more than the total element height. 
+            // starting position is relative to the viewport - so Intersection observer returns a negative value for rect.top to indicate that the element top is above the viewport
+            var scrolledToEnd = (visible || data.visibility == 10 /* RegionVisibility.Visible */) && Math.abs(rect.top) + viewport.height > rect.height;
+            // Process updates to this region, if applicable
+            process$6(target, data, data.interaction, (scrolledToEnd ?
+                13 /* RegionVisibility.ScrolledToEnd */ :
+                (visible ? 10 /* RegionVisibility.Visible */ : 0 /* RegionVisibility.Rendered */)));
+            // Stop observing this element now that we have already received scrolled signal
+            if (data.visibility >= 13 /* RegionVisibility.ScrolledToEnd */ && observer$1) {
+                observer$1.unobserve(target);
+            }
+        }
+    }
+    if (state$8.length > 0) {
+        encode$4(7 /* Event.Region */);
+    }
 }
-function stop$l() {
-    reset$a();
-}
-
-var data$9;
-function start$m() {
-    bind(window, "pagehide", recompute$1);
+function process$6(n, d, s, v) {
+    // Check if received a state that supersedes existing state
+    var updated = s > d.interaction || v > d.visibility;
+    d.interaction = s > d.interaction ? s : d.interaction;
+    d.visibility = v > d.visibility ? v : d.visibility;
+    // If the corresponding node is already discovered, update the internal state
+    // Otherwise, track it in a queue to reprocess later.
+    if (d.id) {
+        if ((d.id in regions && updated) || !(d.id in regions)) {
+            regions[d.id] = d;
+            state$8.push(clone$1(d));
+        }
+    }
+    else {
+        queue$2.push({ node: n, data: d });
+    }
 }
-function recompute$1(evt) {
-    data$9 = { name: evt.type };
-    encode$3(26 /* Event.Unload */, time(evt));
-    stop();
+function clone$1(r) {
+    return { time: time(), data: { id: r.id, interaction: r.interaction, visibility: r.visibility, name: r.name } };
 }
-function reset$9() {
-    data$9 = null;
+function reset$h() {
+    state$8 = [];
 }
-function stop$k() {
-    reset$9();
+function stop$s() {
+    reset$h();
+    regionMap = null;
+    regions = {};
+    queue$2 = [];
+    if (observer$1) {
+        observer$1.disconnect();
+        observer$1 = null;
+    }
+    watch = false;
 }
 
-var data$8;
-function start$l() {
-    bind(document, "visibilitychange", recompute);
-    recompute();
+var state$7 = [];
+function start$t() {
+    reset$g();
 }
-function recompute(evt) {
-    if (evt === void 0) { evt = null; }
-    data$8 = { visible: "visibilityState" in document ? document.visibilityState : "default" };
-    encode$3(28 /* Event.Visibility */, time(evt));
+function observe$b(root) {
+    bind(root, "change", recompute$8, true);
 }
-function reset$8() {
-    data$8 = null;
+function recompute$8(evt) {
+    var element = target(evt);
+    if (element) {
+        var value = element.value;
+        var checksum = value && value.length >= 5 /* Setting.WordLength */ && config$1.fraud ? hash(value, 24 /* Setting.ChecksumPrecision */) : "" /* Constant.Empty */;
+        state$7.push({ time: time(evt), event: 42 /* Event.Change */, data: { target: target(evt), type: element.type, value: value, checksum: checksum } });
+        schedule$1(encode$3.bind(this, 42 /* Event.Change */));
+    }
 }
-function stop$j() {
-    reset$8();
+function reset$g() {
+    state$7 = [];
+}
+function stop$r() {
+    reset$g();
 }
 
-function start$k() {
-    start$g();
-    start$u();
-    start$t();
-    start$r();
-    start$s();
-    start$q();
-    start$l();
-    start$p();
-    start$o();
-    start$v();
-    start$n();
-    start$m();
-}
-function stop$i() {
-    stop$e();
-    stop$s();
-    stop$r();
-    stop$p();
-    stop$q();
-    stop$o();
-    stop$j();
-    stop$n();
-    stop$m();
-    stop$t();
-    stop$l();
-    stop$k();
-}
-function observe$4(root) {
-    observe$7(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$b(root);
-        observe$a(root);
-        observe$8(root);
-        observe$9(root);
-        observe$6(root);
-        observe$c(root);
-        observe$5(root);
+function offset (element) {
+    var output = { x: 0, y: 0 };
+    // Walk up the chain to ensure we compute offset distance correctly
+    // In case where we may have nested IFRAMEs, we keep walking up until we get to the top most parent page
+    if (element && element.offsetParent) {
+        do {
+            var parent_1 = element.offsetParent;
+            var frame = parent_1 === null ? iframe(element.ownerDocument) : null;
+            output.x += element.offsetLeft;
+            output.y += element.offsetTop;
+            element = frame ? frame : parent_1;
+        } while (element);
     }
+    return output;
 }
 
-var interaction = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    start: start$k,
-    stop: stop$i,
-    observe: observe$4
-});
-
-var digitsRegex = /[^0-9\.]/g;
-/* JSON+LD (Linked Data) Recursive Parser */
-function ld(json) {
-    for (var _i = 0, _a = Object.keys(json); _i < _a.length; _i++) {
-        var key = _a[_i];
-        var value = json[key];
-        if (key === "@type" /* JsonLD.Type */ && typeof value === "string") {
-            value = value.toLowerCase();
-            /* Normalizations */
-            value = value.indexOf("article" /* JsonLD.Article */) >= 0 || value.indexOf("posting" /* JsonLD.Posting */) >= 0 ? "article" /* JsonLD.Article */ : value;
-            switch (value) {
-                case "article" /* JsonLD.Article */:
-                case "recipe" /* JsonLD.Recipe */:
-                    log(5 /* Dimension.SchemaType */, json[key]);
-                    log(8 /* Dimension.AuthorName */, json["creator" /* JsonLD.Creator */]);
-                    log(18 /* Dimension.Headline */, json["headline" /* JsonLD.Headline */]);
-                    break;
-                case "product" /* JsonLD.Product */:
-                    log(5 /* Dimension.SchemaType */, json[key]);
-                    log(10 /* Dimension.ProductName */, json["name" /* JsonLD.Name */]);
-                    log(12 /* Dimension.ProductSku */, json["sku" /* JsonLD.Sku */]);
-                    if (json["brand" /* JsonLD.Brand */]) {
-                        log(6 /* Dimension.ProductBrand */, json["brand" /* JsonLD.Brand */]["name" /* JsonLD.Name */]);
-                    }
-                    break;
-                case "aggregaterating" /* JsonLD.AggregateRating */:
-                    if (json["ratingValue" /* JsonLD.RatingValue */]) {
-                        max(11 /* Metric.RatingValue */, num$1(json["ratingValue" /* JsonLD.RatingValue */], 100 /* Setting.RatingScale */));
-                        max(18 /* Metric.BestRating */, num$1(json["bestRating" /* JsonLD.BestRating */]));
-                        max(19 /* Metric.WorstRating */, num$1(json["worstRating" /* JsonLD.WorstRating */]));
-                    }
-                    max(12 /* Metric.RatingCount */, num$1(json["ratingCount" /* JsonLD.RatingCount */]));
-                    max(17 /* Metric.ReviewCount */, num$1(json["reviewCount" /* JsonLD.ReviewCount */]));
-                    break;
-                case "person" /* JsonLD.Author */:
-                    log(8 /* Dimension.AuthorName */, json["name" /* JsonLD.Name */]);
-                    break;
-                case "offer" /* JsonLD.Offer */:
-                    log(7 /* Dimension.ProductAvailability */, json["availability" /* JsonLD.Availability */]);
-                    log(14 /* Dimension.ProductCondition */, json["itemCondition" /* JsonLD.ItemCondition */]);
-                    log(13 /* Dimension.ProductCurrency */, json["priceCurrency" /* JsonLD.PriceCurrency */]);
-                    log(12 /* Dimension.ProductSku */, json["sku" /* JsonLD.Sku */]);
-                    max(13 /* Metric.ProductPrice */, num$1(json["price" /* JsonLD.Price */]));
-                    break;
-                case "brand" /* JsonLD.Brand */:
-                    log(6 /* Dimension.ProductBrand */, json["name" /* JsonLD.Name */]);
-                    break;
-            }
-        }
-        // Continue parsing nested objects
-        if (value !== null && typeof (value) === "object" /* Constant.Object */) {
-            ld(value);
-        }
-    }
+var UserInputTags = ["input", "textarea", "radio", "button", "canvas"];
+var state$6 = [];
+function start$s() {
+    reset$f();
 }
-function num$1(input, scale) {
-    if (scale === void 0) { scale = 1; }
-    if (input !== null) {
-        switch (typeof input) {
-            case "number" /* Constant.Number */: return Math.round(input * scale);
-            case "string" /* Constant.String */: return Math.round(parseFloat(input.replace(digitsRegex, "" /* Constant.Empty */)) * scale);
-        }
+function observe$a(root) {
+    bind(root, "click", handler$2.bind(this, 9 /* Event.Click */, root), true);
+}
+function handler$2(event, root, evt) {
+    var frame = iframe(root);
+    var d = frame ? frame.contentDocument.documentElement : document.documentElement;
+    var x = "pageX" in evt ? Math.round(evt.pageX) : ("clientX" in evt ? Math.round(evt["clientX"] + d.scrollLeft) : null);
+    var y = "pageY" in evt ? Math.round(evt.pageY) : ("clientY" in evt ? Math.round(evt["clientY"] + d.scrollTop) : null);
+    // In case of iframe, we adjust (x,y) to be relative to top parent's origin
+    if (frame) {
+        var distance = offset(frame);
+        x = x ? x + Math.round(distance.x) : x;
+        y = y ? y + Math.round(distance.y) : y;
     }
-    return null;
-}
-
-var IGNORE_ATTRIBUTES = ["title", "alt", "onload", "onfocus", "onerror", "data-drupal-form-submit-last"];
-var newlineRegex = /[\r\n]+/g;
-function processNode (node, source) {
-    var _a;
-    var child = null;
-    // Do not track this change if we are attempting to remove a node before discovering it
-    if (source === 2 /* Source.ChildListRemove */ && has(node) === false) {
-        return child;
+    var t = target(evt);
+    // Find nearest anchor tag (<a/>) parent if current target node is part of one
+    // If present, we use the returned link element to populate text and link properties below
+    var a = link(t);
+    // Get layout rectangle for the target element
+    var l = layout$1(t);
+    // Reference: https://developer.mozilla.org/en-US/docs/Web/API/UIEvent/detail
+    // This property helps differentiate between a keyboard navigation vs. pointer click
+    // In case of a keyboard navigation, we use center of target element as (x,y)
+    if (evt.detail === 0 && l) {
+        x = Math.round(l.x + (l.w / 2));
+        y = Math.round(l.y + (l.h / 2));
     }
-    // Special handling for text nodes that belong to style nodes
-    if (source !== 0 /* Source.Discover */ &&
-        node.nodeType === Node.TEXT_NODE &&
-        node.parentElement &&
-        node.parentElement.tagName === "STYLE") {
-        node = node.parentNode;
-    }
-    var add = has(node) === false;
-    var call = add ? "add" : "update";
-    var parent = node.parentElement ? node.parentElement : null;
-    var insideFrame = node.ownerDocument !== document;
-    switch (node.nodeType) {
-        case Node.DOCUMENT_TYPE_NODE:
-            parent = insideFrame && node.parentNode ? iframe(node.parentNode) : parent;
-            var docTypePrefix = insideFrame ? "iframe:" /* Constant.IFramePrefix */ : "" /* Constant.Empty */;
-            var doctype = node;
-            var docAttributes = { name: doctype.name, publicId: doctype.publicId, systemId: doctype.systemId };
-            var docData = { tag: docTypePrefix + "*D" /* Constant.DocumentTag */, attributes: docAttributes };
-            dom[call](node, parent, docData, source);
-            break;
-        case Node.DOCUMENT_NODE:
-            // We check for regions in the beginning when discovering document and
-            // later whenever there are new additions or modifications to DOM (mutations)
-            if (node === document)
-                parse$1(document);
-            observe$3(node);
-            break;
-        case Node.DOCUMENT_FRAGMENT_NODE:
-            var shadowRoot = node;
-            if (shadowRoot.host) {
-                parse$1(shadowRoot);
-                var type = typeof (shadowRoot.constructor);
-                if (type === "function" /* Constant.Function */ && shadowRoot.constructor.toString().indexOf("[native code]" /* Constant.NativeCode */) >= 0) {
-                    observe$3(shadowRoot);
-                    // See: https://wicg.github.io/construct-stylesheets/ for more details on adoptedStyleSheets.
-                    // At the moment, we are only able to capture "open" shadow DOM nodes. If they are closed, they are not accessible.
-                    // In future we may decide to proxy "attachShadow" call to gain access, but at the moment, we don't want to
-                    // cause any unintended side effect to the page. We will re-evaluate after we gather more real world data on this.
-                    var style = "" /* Constant.Empty */;
-                    var adoptedStyleSheets = "adoptedStyleSheets" in shadowRoot ? shadowRoot["adoptedStyleSheets"] : [];
-                    for (var _i = 0, adoptedStyleSheets_1 = adoptedStyleSheets; _i < adoptedStyleSheets_1.length; _i++) {
-                        var styleSheet = adoptedStyleSheets_1[_i];
-                        style += getCssRules(styleSheet);
-                    }
-                    var fragementData = { tag: "*S" /* Constant.ShadowDomTag */, attributes: { style: style } };
-                    dom[call](node, shadowRoot.host, fragementData, source);
-                }
-                else {
-                    // If the browser doesn't support shadow DOM natively, we detect that, and send appropriate tag back.
-                    // The differentiation is important because we don't have to observe pollyfill shadow DOM nodes,
-                    // the same way we observe real shadow DOM nodes (encapsulation provided by the browser).
-                    dom[call](node, shadowRoot.host, { tag: "*P" /* Constant.PolyfillShadowDomTag */, attributes: {} }, source);
-                }
-            }
-            break;
-        case Node.TEXT_NODE:
-            // In IE11 TEXT_NODE doesn't expose a valid parentElement property. Instead we need to lookup parentNode property.
-            parent = parent ? parent : node.parentNode;
-            // Account for this text node only if we are tracking the parent node
-            // We do not wish to track text nodes for ignored parent nodes, like script tags
-            // Also, we do not track text nodes for STYLE tags
-            // The only exception is when we receive a mutation to remove the text node, in that case
-            // parent will be null, but we can still process the node by checking it's an update call.
-            if (call === "update" || (parent && has(parent) && parent.tagName !== "STYLE")) {
-                var textData = { tag: "*T" /* Constant.TextTag */, value: node.nodeValue };
-                dom[call](node, parent, textData, source);
-            }
-            break;
-        case Node.ELEMENT_NODE:
-            var element = node;
-            var tag = element.tagName;
-            var attributes = getAttributes(element);
-            // In some cases, external libraries like vue-fragment, can modify parentNode property to not be in sync with the DOM
-            // For correctness, we first look at parentElement and if it not present then fall back to using parentNode
-            parent = node.parentElement ? node.parentElement : (node.parentNode ? node.parentNode : null);
-            // If we encounter a node that is part of SVG namespace, prefix the tag with SVG_PREFIX
-            if (element.namespaceURI === "http://www.w3.org/2000/svg" /* Constant.SvgNamespace */) {
-                tag = "svg:" /* Constant.SvgPrefix */ + tag;
-            }
-            switch (tag) {
-                case "HTML":
-                    parent = insideFrame && parent ? iframe(parent) : null;
-                    var htmlPrefix = insideFrame ? "iframe:" /* Constant.IFramePrefix */ : "" /* Constant.Empty */;
-                    var htmlData = { tag: htmlPrefix + tag, attributes: attributes };
-                    dom[call](node, parent, htmlData, source);
-                    break;
-                case "SCRIPT":
-                    if ("type" /* Constant.Type */ in attributes && attributes["type" /* Constant.Type */] === "application/ld+json" /* Constant.JsonLD */) {
-                        try {
-                            ld(JSON.parse(element.text.replace(newlineRegex, "" /* Constant.Empty */)));
-                        }
-                        catch ( /* do nothing */_b) { /* do nothing */ }
-                    }
-                    break;
-                case "NOSCRIPT":
-                    break;
-                case "META":
-                    var key = ("property" /* Constant.Property */ in attributes ?
-                        "property" /* Constant.Property */ :
-                        ("name" /* Constant.Name */ in attributes ? "name" /* Constant.Name */ : null));
-                    if (key && "content" /* Constant.Content */ in attributes) {
-                        var content = attributes["content" /* Constant.Content */];
-                        switch (attributes[key]) {
-                            case "og:title" /* Constant.ogTitle */:
-                                log(20 /* Dimension.MetaTitle */, content);
-                                break;
-                            case "og:type" /* Constant.ogType */:
-                                log(19 /* Dimension.MetaType */, content);
-                                break;
-                            case "generator" /* Constant.Generator */:
-                                log(21 /* Dimension.Generator */, content);
-                                break;
-                        }
-                    }
-                    break;
-                case "HEAD":
-                    var head = { tag: tag, attributes: attributes };
-                    var l = insideFrame && ((_a = node.ownerDocument) === null || _a === void 0 ? void 0 : _a.location) ? node.ownerDocument.location : location;
-                    head.attributes["*B" /* Constant.Base */] = l.protocol + "//" + l.hostname + l.pathname;
-                    dom[call](node, parent, head, source);
-                    break;
-                case "BASE":
-                    // Override the auto detected base path to explicit value specified in this tag
-                    var baseHead = get(node.parentElement);
-                    if (baseHead) {
-                        // We create "a" element so we can generate protocol and hostname for relative paths like "/path/"
-                        var a = document.createElement("a");
-                        a.href = attributes["href"];
-                        baseHead.data.attributes["*B" /* Constant.Base */] = a.protocol + "//" + a.hostname + a.pathname;
-                    }
-                    break;
-                case "STYLE":
-                    var styleData = { tag: tag, attributes: attributes, value: getStyleValue(element) };
-                    dom[call](node, parent, styleData, source);
-                    break;
-                case "IFRAME":
-                    var iframe$1 = node;
-                    var frameData = { tag: tag, attributes: attributes };
-                    if (sameorigin(iframe$1)) {
-                        monitor(iframe$1);
-                        frameData.attributes["*O" /* Constant.SameOrigin */] = "true";
-                        if (iframe$1.contentDocument && iframe$1.contentWindow && iframe$1.contentDocument.readyState !== "loading") {
-                            child = iframe$1.contentDocument;
-                        }
-                    }
-                    dom[call](node, parent, frameData, source);
-                    break;
-                default:
-                    var data = { tag: tag, attributes: attributes };
-                    if (element.shadowRoot) {
-                        child = element.shadowRoot;
-                    }
-                    dom[call](node, parent, data, source);
-                    break;
+    var eX = l ? Math.max(Math.floor(((x - l.x) / l.w) * 32767 /* Setting.ClickPrecision */), 0) : 0;
+    var eY = l ? Math.max(Math.floor(((y - l.y) / l.h) * 32767 /* Setting.ClickPrecision */), 0) : 0;
+    // Check for null values before processing this event
+    if (x !== null && y !== null) {
+        state$6.push({
+            time: time(evt),
+            event: event,
+            data: {
+                target: t,
+                x: x,
+                y: y,
+                eX: eX,
+                eY: eY,
+                button: evt.button,
+                reaction: reaction(t),
+                context: context(a),
+                text: text(t),
+                link: a ? a.href : null,
+                hash: null,
+                trust: evt.isTrusted ? 1 /* BooleanFlag.True */ : 0 /* BooleanFlag.False */
             }
-            break;
-    }
-    return child;
-}
-function observe$3(root) {
-    if (has(root)) {
-        return;
+        });
+        schedule$1(encode$3.bind(this, event));
     }
-    observe$2(root); // Observe mutations for this root node
-    observe$4(root); // Observe interactions for this root node
 }
-function getStyleValue(style) {
-    // Call trim on the text content to ensure we do not process white spaces ( , \n, \r\n, \t, etc.)
-    // Also, check if stylesheet has any data-* attribute, if so process rules instead of looking up text
-    var value = style.textContent ? style.textContent.trim() : "" /* Constant.Empty */;
-    var dataset = style.dataset ? Object.keys(style.dataset).length : 0;
-    if (value.length === 0 || dataset > 0) {
-        value = getCssRules(style.sheet);
+function text(element) {
+    var output = null;
+    if (element) {
+        // Grab text using "textContent" for most HTMLElements, however, use "value" for HTMLInputElements and "alt" for HTMLImageElement.
+        var t = element.textContent || element.value || element.alt;
+        if (t) {
+            // Trim any spaces at the beginning or at the end of string
+            // Also, replace multiple occurrence of space characters with a single white space
+            // Finally, send only first few characters as specified by the Setting
+            output = t.trim().replace(/\s+/g, " " /* Constant.Space */).substr(0, 25 /* Setting.ClickText */);
+        }
     }
-    return value;
+    return output;
 }
-function getCssRules(sheet) {
-    var value = "" /* Constant.Empty */;
-    var cssRules = null;
-    // Firefox throws a SecurityError when trying to access cssRules of a stylesheet from a different domain
-    try {
-        cssRules = sheet ? sheet.cssRules : [];
-    }
-    catch (e) {
-        log$1(1 /* Code.CssRules */, 1 /* Severity.Warning */, e ? e.name : null);
-        if (e && e.name !== "SecurityError") {
-            throw e;
+function reaction(element) {
+    if (element.nodeType === Node.ELEMENT_NODE) {
+        var tag = element.tagName.toLowerCase();
+        if (UserInputTags.indexOf(tag) >= 0) {
+            return 0 /* BooleanFlag.False */;
         }
     }
-    if (cssRules !== null) {
-        for (var i = 0; i < cssRules.length; i++) {
-            value += cssRules[i].cssText;
+    return 1 /* BooleanFlag.True */;
+}
+function layout$1(element) {
+    var box = null;
+    var de = document.documentElement;
+    if (typeof element.getBoundingClientRect === "function") {
+        // getBoundingClientRect returns rectangle relative positioning to viewport
+        var rect = element.getBoundingClientRect();
+        if (rect && rect.width > 0 && rect.height > 0) {
+            // Add viewport's scroll position to rectangle to get position relative to document origin
+            // Also: using Math.floor() instead of Math.round() because in Edge,
+            // getBoundingClientRect returns partial pixel values (e.g. 162.5px) and Chrome already
+            // floors the value (e.g. 162px). This keeps consistent behavior across browsers.
+            box = {
+                x: Math.floor(rect.left + ("pageXOffset" in window ? window.pageXOffset : de.scrollLeft)),
+                y: Math.floor(rect.top + ("pageYOffset" in window ? window.pageYOffset : de.scrollTop)),
+                w: Math.floor(rect.width),
+                h: Math.floor(rect.height)
+            };
         }
     }
-    return value;
+    return box;
 }
-function getAttributes(element) {
-    var output = {};
-    var attributes = element.attributes;
-    if (attributes && attributes.length > 0) {
-        for (var i = 0; i < attributes.length; i++) {
-            var name_1 = attributes[i].name;
-            if (IGNORE_ATTRIBUTES.indexOf(name_1) < 0) {
-                output[name_1] = attributes[i].value;
-            }
+function context(a) {
+    if (a && a.hasAttribute("target" /* Constant.Target */)) {
+        switch (a.getAttribute("target" /* Constant.Target */)) {
+            case "_blank" /* Constant.Blank */: return 1 /* BrowsingContext.Blank */;
+            case "_parent" /* Constant.Parent */: return 2 /* BrowsingContext.Parent */;
+            case "_top" /* Constant.Top */: return 3 /* BrowsingContext.Top */;
         }
     }
-    // For INPUT tags read the dynamic "value" property if an explicit "value" attribute is not set
-    if (element.tagName === "INPUT" /* Constant.InputTag */ && !("value" /* Constant.Value */ in output) && element.value) {
-        output["value" /* Constant.Value */] = element.value;
-    }
-    return output;
+    return 0 /* BrowsingContext.Self */;
+}
+function reset$f() {
+    state$6 = [];
+}
+function stop$q() {
+    reset$f();
 }
 
-function traverse (root, timer, source) {
-    return __awaiter(this, void 0, void 0, function () {
-        var queue, node, next, state, subnode;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    queue = [root];
-                    _a.label = 1;
-                case 1:
-                    if (!(queue.length > 0)) return [3 /*break*/, 4];
-                    node = queue.shift();
-                    next = node.firstChild;
-                    while (next) {
-                        queue.push(next);
-                        next = next.nextSibling;
-                    }
-                    state = state$9(timer);
-                    if (!(state === 0 /* Task.Wait */)) return [3 /*break*/, 3];
-                    return [4 /*yield*/, suspend$1(timer)];
-                case 2:
-                    state = _a.sent();
-                    _a.label = 3;
-                case 3:
-                    if (state === 2 /* Task.Stop */) {
-                        return [3 /*break*/, 4];
-                    }
-                    subnode = processNode(node, source);
-                    if (subnode) {
-                        queue.push(subnode);
-                    }
-                    return [3 /*break*/, 1];
-                case 4: return [2 /*return*/];
-            }
-        });
-    });
+var state$5 = [];
+function start$r() {
+    reset$e();
+}
+function observe$9(root) {
+    bind(root, "cut", recompute$7.bind(this, 0 /* Clipboard.Cut */), true);
+    bind(root, "copy", recompute$7.bind(this, 1 /* Clipboard.Copy */), true);
+    bind(root, "paste", recompute$7.bind(this, 2 /* Clipboard.Paste */), true);
+}
+function recompute$7(action, evt) {
+    state$5.push({ time: time(evt), event: 38 /* Event.Clipboard */, data: { target: target(evt), action: action } });
+    schedule$1(encode$3.bind(this, 38 /* Event.Clipboard */));
+}
+function reset$e() {
+    state$5 = [];
+}
+function stop$p() {
+    reset$e();
 }
 
-var observers = [];
-var mutations = [];
-var insertRule = null;
-var deleteRule = null;
-var attachShadow = null;
-var queue$2 = [];
-var timeout$1 = null;
-var activePeriod = null;
-var history$4 = {};
-function start$j() {
-    observers = [];
-    queue$2 = [];
-    timeout$1 = null;
-    activePeriod = 0;
-    history$4 = {};
-    // Some popular open source libraries, like styled-components, optimize performance
-    // by injecting CSS using insertRule API vs. appending text node. A side effect of
-    // using javascript API is that it doesn't trigger DOM mutation and therefore we
-    // need to override the insertRule API and listen for changes manually.
-    if (insertRule === null) {
-        insertRule = CSSStyleSheet.prototype.insertRule;
-        CSSStyleSheet.prototype.insertRule = function () {
-            if (active()) {
-                schedule(this.ownerNode);
-            }
-            return insertRule.apply(this, arguments);
-        };
-    }
-    if (deleteRule === null) {
-        deleteRule = CSSStyleSheet.prototype.deleteRule;
-        CSSStyleSheet.prototype.deleteRule = function () {
-            if (active()) {
-                schedule(this.ownerNode);
-            }
-            return deleteRule.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
-    if (attachShadow === null) {
-        attachShadow = Element.prototype.attachShadow;
-        try {
-            Element.prototype.attachShadow = function () {
-                if (active()) {
-                    return schedule(attachShadow.apply(this, arguments));
-                }
-                else {
-                    return attachShadow.apply(this, arguments);
-                }
-            };
+var timeout$5 = null;
+var state$4 = [];
+function start$q() {
+    reset$d();
+}
+function observe$8(root) {
+    bind(root, "input", recompute$6, true);
+}
+function recompute$6(evt) {
+    var input = target(evt);
+    var value = get(input);
+    if (input && input.type && value) {
+        var v = input.value;
+        switch (input.type) {
+            case "radio":
+            case "checkbox":
+                v = input.checked ? "true" : "false";
+                break;
         }
-        catch (_a) {
-            attachShadow = null;
+        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$4.length > 0 && (state$4[state$4.length - 1].data.target === data.target)) {
+            state$4.pop();
         }
+        state$4.push({ time: time(evt), event: 27 /* Event.Input */, data: data });
+        clearTimeout(timeout$5);
+        timeout$5 = setTimeout(process$5, 1000 /* Setting.InputLookAhead */, 27 /* Event.Input */);
     }
 }
-function observe$2(node) {
-    // Create a new observer for every time a new DOM tree (e.g. root document or shadowdom root) is discovered on the page
-    // In the case of shadow dom, any mutations that happen within the shadow dom are not bubbled up to the host document
-    // For this reason, we need to wire up mutations every time we see a new shadow dom.
-    // Also, wrap it inside a try / catch. In certain browsers (e.g. legacy Edge), observer on shadow dom can throw errors
-    try {
-        var m = api("MutationObserver" /* Constant.MutationObserver */);
-        var observer = m in window ? new window[m](measure(handle$1)) : null;
-        if (observer) {
-            observer.observe(node, { attributes: true, childList: true, characterData: true, subtree: true });
-            observers.push(observer);
-        }
+function process$5(event) {
+    schedule$1(encode$3.bind(this, event));
+}
+function reset$d() {
+    state$4 = [];
+}
+function stop$o() {
+    clearTimeout(timeout$5);
+    reset$d();
+}
+
+var state$3 = [];
+var timeout$4 = null;
+function start$p() {
+    reset$c();
+}
+function observe$7(root) {
+    bind(root, "mousedown", mouse.bind(this, 13 /* Event.MouseDown */, root), true);
+    bind(root, "mouseup", mouse.bind(this, 14 /* Event.MouseUp */, root), true);
+    bind(root, "mousemove", mouse.bind(this, 12 /* Event.MouseMove */, root), true);
+    bind(root, "wheel", mouse.bind(this, 15 /* Event.MouseWheel */, root), true);
+    bind(root, "dblclick", mouse.bind(this, 16 /* Event.DoubleClick */, root), true);
+    bind(root, "touchstart", touch.bind(this, 17 /* Event.TouchStart */, root), true);
+    bind(root, "touchend", touch.bind(this, 18 /* Event.TouchEnd */, root), true);
+    bind(root, "touchmove", touch.bind(this, 19 /* Event.TouchMove */, root), true);
+    bind(root, "touchcancel", touch.bind(this, 20 /* Event.TouchCancel */, root), true);
+}
+function mouse(event, root, evt) {
+    var frame = iframe(root);
+    var d = frame ? frame.contentDocument.documentElement : document.documentElement;
+    var x = "pageX" in evt ? Math.round(evt.pageX) : ("clientX" in evt ? Math.round(evt["clientX"] + d.scrollLeft) : null);
+    var y = "pageY" in evt ? Math.round(evt.pageY) : ("clientY" in evt ? Math.round(evt["clientY"] + d.scrollTop) : null);
+    // In case of iframe, we adjust (x,y) to be relative to top parent's origin
+    if (frame) {
+        var distance = offset(frame);
+        x = x ? x + Math.round(distance.x) : x;
+        y = y ? y + Math.round(distance.y) : y;
     }
-    catch (e) {
-        log$1(2 /* Code.MutationObserver */, 0 /* Severity.Info */, e ? e.name : null);
+    // Check for null values before processing this event
+    if (x !== null && y !== null) {
+        handler$1({ time: time(evt), event: event, data: { target: target(evt), x: x, y: y } });
     }
 }
-function monitor(frame) {
-    // Bind to iframe's onload event so we get notified anytime there's an update to iframe content.
-    // This includes cases where iframe location is updated without explicitly updating src attribute
-    // E.g. iframe.contentWindow.location.href = "new-location";
-    if (has(frame) === false) {
-        bind(frame, "load" /* Constant.LoadEvent */, generate.bind(this, frame, "childList" /* Constant.ChildList */), true);
+function touch(event, root, evt) {
+    var frame = iframe(root);
+    var d = frame ? frame.contentDocument.documentElement : document.documentElement;
+    var touches = evt.changedTouches;
+    var t = time(evt);
+    if (touches) {
+        for (var i = 0; i < touches.length; i++) {
+            var entry = touches[i];
+            var x = "clientX" in entry ? Math.round(entry["clientX"] + d.scrollLeft) : null;
+            var y = "clientY" in entry ? Math.round(entry["clientY"] + d.scrollTop) : null;
+            x = x && frame ? x + Math.round(frame.offsetLeft) : x;
+            y = y && frame ? y + Math.round(frame.offsetTop) : y;
+            // Check for null values before processing this event
+            if (x !== null && y !== null) {
+                handler$1({ time: t, event: event, data: { target: target(evt), x: x, y: y } });
+            }
+        }
     }
 }
-function stop$h() {
-    for (var _i = 0, observers_1 = observers; _i < observers_1.length; _i++) {
-        var observer = observers_1[_i];
-        if (observer) {
-            observer.disconnect();
-        }
+function handler$1(current) {
+    switch (current.event) {
+        case 12 /* Event.MouseMove */:
+        case 15 /* Event.MouseWheel */:
+        case 19 /* Event.TouchMove */:
+            var length_1 = state$3.length;
+            var last = length_1 > 1 ? state$3[length_1 - 2] : null;
+            if (last && similar$1(last, current)) {
+                state$3.pop();
+            }
+            state$3.push(current);
+            clearTimeout(timeout$4);
+            timeout$4 = setTimeout(process$4, 500 /* Setting.LookAhead */, current.event);
+            break;
+        default:
+            state$3.push(current);
+            process$4(current.event);
+            break;
     }
-    observers = [];
-    history$4 = {};
-    mutations = [];
-    queue$2 = [];
-    activePeriod = 0;
-    timeout$1 = null;
 }
-function active$2() {
-    activePeriod = time() + 3000 /* Setting.MutationActivePeriod */;
+function process$4(event) {
+    schedule$1(encode$3.bind(this, event));
 }
-function handle$1(m) {
-    // Queue up mutation records for asynchronous processing
-    var now = time();
-    track$6(6 /* Event.Mutation */, now);
-    mutations.push({ time: now, mutations: m });
-    schedule$1(process$2, 1 /* Priority.High */).then(function () {
-        setTimeout(compute$7);
-        measure(compute$6)();
-    });
+function reset$c() {
+    state$3 = [];
 }
-function process$2() {
-    return __awaiter(this, void 0, void 0, function () {
-        var timer, record, instance, _i, _a, mutation, state, target, type, value;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    timer = { id: id(), cost: 3 /* Metric.LayoutCost */ };
-                    start$x(timer);
-                    _b.label = 1;
-                case 1:
-                    if (!(mutations.length > 0)) return [3 /*break*/, 8];
-                    record = mutations.shift();
-                    instance = time();
-                    _i = 0, _a = record.mutations;
-                    _b.label = 2;
-                case 2:
-                    if (!(_i < _a.length)) return [3 /*break*/, 6];
-                    mutation = _a[_i];
-                    state = state$9(timer);
-                    if (!(state === 0 /* Task.Wait */)) return [3 /*break*/, 4];
-                    return [4 /*yield*/, suspend$1(timer)];
-                case 3:
-                    state = _b.sent();
-                    _b.label = 4;
-                case 4:
-                    if (state === 2 /* Task.Stop */) {
-                        return [3 /*break*/, 6];
-                    }
-                    target = mutation.target;
-                    type = track$5(mutation, timer, instance);
-                    if (type && target && target.ownerDocument) {
-                        parse$1(target.ownerDocument);
-                    }
-                    if (type && target && target.nodeType == Node.DOCUMENT_FRAGMENT_NODE && target.host) {
-                        parse$1(target);
-                    }
-                    switch (type) {
-                        case "attributes" /* Constant.Attributes */:
-                            processNode(target, 3 /* Source.Attributes */);
-                            break;
-                        case "characterData" /* Constant.CharacterData */:
-                            processNode(target, 4 /* Source.CharacterData */);
-                            break;
-                        case "childList" /* Constant.ChildList */:
-                            processNodeList(mutation.addedNodes, 1 /* Source.ChildListAdd */, timer);
-                            processNodeList(mutation.removedNodes, 2 /* Source.ChildListRemove */, timer);
-                            break;
-                        case "suspend" /* Constant.Suspend */:
-                            value = get(target);
-                            if (value) {
-                                value.metadata.suspend = true;
-                            }
-                            break;
-                    }
-                    _b.label = 5;
-                case 5:
-                    _i++;
-                    return [3 /*break*/, 2];
-                case 6: return [4 /*yield*/, encode$4(6 /* Event.Mutation */, timer, record.time)];
-                case 7:
-                    _b.sent();
-                    return [3 /*break*/, 1];
-                case 8:
-                    stop$u(timer);
-                    return [2 /*return*/];
-            }
-        });
-    });
+function similar$1(last, current) {
+    var dx = last.data.x - current.data.x;
+    var dy = last.data.y - current.data.y;
+    var distance = Math.sqrt(dx * dx + dy * dy);
+    var gap = current.time - last.time;
+    var match = current.data.target === last.data.target;
+    return current.event === last.event && match && distance < 20 /* Setting.Distance */ && gap < 25 /* Setting.Interval */;
 }
-function track$5(m, timer, instance) {
-    var value = m.target ? get(m.target.parentNode) : null;
-    // Check if the parent is already discovered and that the parent is not the document root
-    if (value && value.data.tag !== "HTML" /* Constant.HTML */) {
-        var inactive = time() > activePeriod;
-        var target = get(m.target);
-        var element = target && target.selector ? target.selector.join() : m.target.nodeName;
-        var parent_1 = value.selector ? value.selector.join() : "" /* Constant.Empty */;
-        // We use selector, instead of id, to determine the key (signature for the mutation) because in some cases
-        // repeated mutations can cause elements to be destroyed and then recreated as new DOM nodes
-        // 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$4[key] = key in history$4 ? history$4[key] : [0, instance];
-        var h = history$4[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 /* Setting.MutationSuspendThreshold */) {
-            processNodeList(h[2], 2 /* Source.ChildListRemove */, timer);
-        }
-        // Update the counter
-        h[0] = inactive ? (h[1] === instance ? h[0] : h[0] + 1) : 1;
-        h[1] = instance;
-        // Return updated mutation type based on if we have already hit the threshold or not
-        if (h[0] === 10 /* Setting.MutationSuspendThreshold */) {
-            // Store a reference to removedNodes so we can process them later
-            // when we resume mutations again on user interactions
-            h[2] = m.removedNodes;
-            return "suspend" /* Constant.Suspend */;
-        }
-        else if (h[0] > 10 /* Setting.MutationSuspendThreshold */) {
-            return "" /* Constant.Empty */;
-        }
+function stop$n() {
+    clearTimeout(timeout$4);
+    // Send out any pending pointer events in the pipeline
+    if (state$3.length > 0) {
+        process$4(state$3[state$3.length - 1].event);
     }
-    return m.type;
+}
+
+var data$b;
+function start$o() {
+    bind(window, "resize", recompute$5);
+    recompute$5();
 }
-function names(nodes) {
-    var output = [];
-    for (var i = 0; nodes && i < nodes.length; i++) {
-        output.push(nodes[i].nodeName);
-    }
-    return output.join();
+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$b = {
+        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$3(11 /* Event.Resize */);
 }
-function processNodeList(list, source, timer) {
-    return __awaiter(this, void 0, void 0, function () {
-        var length, i, state;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    length = list ? list.length : 0;
-                    i = 0;
-                    _a.label = 1;
-                case 1:
-                    if (!(i < length)) return [3 /*break*/, 6];
-                    if (!(source === 1 /* Source.ChildListAdd */)) return [3 /*break*/, 2];
-                    traverse(list[i], timer, source);
-                    return [3 /*break*/, 5];
-                case 2:
-                    state = state$9(timer);
-                    if (!(state === 0 /* Task.Wait */)) return [3 /*break*/, 4];
-                    return [4 /*yield*/, suspend$1(timer)];
-                case 3:
-                    state = _a.sent();
-                    _a.label = 4;
-                case 4:
-                    if (state === 2 /* Task.Stop */) {
-                        return [3 /*break*/, 6];
-                    }
-                    processNode(list[i], source);
-                    _a.label = 5;
-                case 5:
-                    i++;
-                    return [3 /*break*/, 1];
-                case 6: return [2 /*return*/];
-            }
-        });
-    });
+function reset$b() {
+    data$b = null;
 }
-function schedule(node, fragment) {
-    if (fragment === void 0) { fragment = false; }
-    // Only schedule manual trigger for this node if it's not already in the queue
-    if (queue$2.indexOf(node) < 0) {
-        queue$2.push(node);
+function stop$m() {
+    reset$b();
+}
+
+var state$2 = [];
+var timeout$3 = null;
+function start$n() {
+    state$2 = [];
+    recompute$4();
+}
+function observe$6(root) {
+    var frame = iframe(root);
+    var node = frame ? frame.contentWindow : (root === document ? window : root);
+    bind(node, "scroll", recompute$4, true);
+}
+function recompute$4(event) {
+    if (event === void 0) { event = null; }
+    var w = window;
+    var de = document.documentElement;
+    var element = event ? target(event) : de;
+    // If the target is a Document node, then identify corresponding documentElement and window for this document
+    if (element && element.nodeType === Node.DOCUMENT_NODE) {
+        var frame = iframe(element);
+        w = frame ? frame.contentWindow : w;
+        element = de = element.documentElement;
     }
-    // Cancel any previous trigger before scheduling a new one.
-    // It's common for a webpage to call multiple synchronous "insertRule" / "deleteRule" calls.
-    // And in those cases we do not wish to monitor changes multiple times for the same node.
-    if (timeout$1) {
-        clearTimeout(timeout$1);
+    // Edge doesn't support scrollTop position on document.documentElement.
+    // For cross browser compatibility, looking up pageYOffset on window if the scroll is on document.
+    // And, if for some reason that is not available, fall back to looking up scrollTop on document.documentElement.
+    var x = element === de && "pageXOffset" in w ? Math.round(w.pageXOffset) : Math.round(element.scrollLeft);
+    var y = element === de && "pageYOffset" in w ? Math.round(w.pageYOffset) : Math.round(element.scrollTop);
+    var current = { time: time(event), event: 10 /* Event.Scroll */, data: { target: element, x: x, y: y } };
+    // We don't send any scroll events if this is the first event and the current position is top (0,0)
+    if ((event === null && x === 0 && y === 0) || (x === null || y === null)) {
+        return;
     }
-    timeout$1 = setTimeout(function () { trigger$1(fragment); }, 33 /* Setting.LookAhead */);
-    return node;
-}
-function trigger$1(fragment) {
-    for (var _i = 0, queue_1 = queue$2; _i < queue_1.length; _i++) {
-        var node = queue_1[_i];
-        // Generate a mutation for this node only if it still exists
-        if (node) {
-            var shadowRoot = node.nodeType === Node.DOCUMENT_FRAGMENT_NODE;
-            // Skip re-processing shadowRoot if it was already discovered
-            if (shadowRoot && has(node)) {
-                continue;
-            }
-            generate(node, shadowRoot || fragment ? "childList" /* Constant.ChildList */ : "characterData" /* Constant.CharacterData */);
-        }
+    var length = state$2.length;
+    var last = length > 1 ? state$2[length - 2] : null;
+    if (last && similar(last, current)) {
+        state$2.pop();
     }
-    queue$2 = [];
+    state$2.push(current);
+    clearTimeout(timeout$3);
+    timeout$3 = setTimeout(process$3, 500 /* Setting.LookAhead */, 10 /* Event.Scroll */);
 }
-function generate(target, type) {
-    measure(handle$1)([{
-            addedNodes: [target],
-            attributeName: null,
-            attributeNamespace: null,
-            nextSibling: null,
-            oldValue: null,
-            previousSibling: null,
-            removedNodes: [],
-            target: target,
-            type: type
-        }]);
-}
-
-var index = 1;
-var nodes = [];
-var values = [];
-var updateMap = [];
-var hashMap = {};
-var override = [];
-var unmask = [];
-var updatedFragments = {};
-var maskText = [];
-var maskExclude = [];
-var maskDisable = [];
-var maskTags = [];
-// The WeakMap object is a collection of key/value pairs in which the keys are weakly referenced
-var idMap = null; // Maps node => id.
-var iframeMap = null; // Maps iframe's contentDocument => parent iframe element
-var privacyMap = null; // Maps node => Privacy (enum)
-var fraudMap = null; // Maps node => FraudId (number)
-function start$i() {
-    reset$7();
-    parse$1(document, true);
+function reset$a() {
+    state$2 = [];
 }
-function stop$g() {
-    reset$7();
+function process$3(event) {
+    schedule$1(encode$3.bind(this, event));
 }
-function reset$7() {
-    index = 1;
-    nodes = [];
-    values = [];
-    updateMap = [];
-    hashMap = {};
-    override = [];
-    unmask = [];
-    maskText = "address,password,contact" /* Mask.Text */.split("," /* Constant.Comma */);
-    maskExclude = "password,secret,pass,social,ssn,code,hidden" /* Mask.Exclude */.split("," /* Constant.Comma */);
-    maskDisable = "radio,checkbox,range,button,reset,submit" /* Mask.Disable */.split("," /* Constant.Comma */);
-    maskTags = "INPUT,SELECT,TEXTAREA" /* Mask.Tags */.split("," /* Constant.Comma */);
-    idMap = new WeakMap();
-    iframeMap = new WeakMap();
-    privacyMap = new WeakMap();
-    fraudMap = new WeakMap();
-    reset$l();
+function similar(last, current) {
+    var dx = last.data.x - current.data.x;
+    var dy = last.data.y - current.data.y;
+    return (dx * dx + dy * dy < 20 /* Setting.Distance */ * 20 /* Setting.Distance */) && (current.time - last.time < 25 /* Setting.Interval */);
 }
-// We parse new root nodes for any regions or masked nodes in the beginning (document) and
-// later whenever there are new additions or modifications to DOM (mutations)
-function parse$1(root, init) {
-    if (init === void 0) { init = false; }
-    // Wrap selectors in a try / catch block.
-    // It's possible for script to receive invalid selectors, e.g. "'#id'" with extra quotes, and cause the code below to fail
-    try {
-        // Parse unmask configuration into separate query selectors and override tokens as part of initialization
-        if (init) {
-            config$1.unmask.forEach(function (x) { return x.indexOf("!" /* Constant.Bang */) < 0 ? unmask.push(x) : override.push(x.substr(1)); });
+function stop$l() {
+    clearTimeout(timeout$3);
+    state$2 = [];
+}
+
+var data$a = null;
+var previous = null;
+var timeout$2 = null;
+function start$m() {
+    reset$9();
+}
+function observe$5(root) {
+    bind(root, "selectstart", recompute$3.bind(this, root), true);
+    bind(root, "selectionchange", recompute$3.bind(this, root), true);
+}
+function recompute$3(root) {
+    var doc = root.nodeType === Node.DOCUMENT_NODE ? root : document;
+    var current = doc.getSelection();
+    // Bail out if we don't have a valid selection
+    if (current === null) {
+        return;
+    }
+    // Bail out if we got a valid selection but not valid nodes
+    // In Edge, selectionchange gets fired even on interactions like right clicks and
+    // can result in null anchorNode and focusNode if there was no previous selection on page
+    // Also, ignore any selections that start and end at the exact same point
+    if ((current.anchorNode === null && current.focusNode === null) ||
+        (current.anchorNode === current.focusNode && current.anchorOffset === current.focusOffset)) {
+        return;
+    }
+    var startNode = data$a.start ? data$a.start : null;
+    if (previous !== null && data$a.start !== null && startNode !== current.anchorNode) {
+        clearTimeout(timeout$2);
+        process$2(21 /* Event.Selection */);
+    }
+    data$a = {
+        start: current.anchorNode,
+        startOffset: current.anchorOffset,
+        end: current.focusNode,
+        endOffset: current.focusOffset
+    };
+    previous = current;
+    clearTimeout(timeout$2);
+    timeout$2 = setTimeout(process$2, 500 /* Setting.LookAhead */, 21 /* Event.Selection */);
+}
+function process$2(event) {
+    schedule$1(encode$3.bind(this, event));
+}
+function reset$9() {
+    previous = null;
+    data$a = { start: 0, startOffset: 0, end: 0, endOffset: 0 };
+}
+function stop$k() {
+    reset$9();
+    clearTimeout(timeout$2);
+}
+
+var state$1 = [];
+function start$l() {
+    reset$8();
+}
+function observe$4(root) {
+    bind(root, "submit", recompute$2, true);
+}
+function recompute$2(evt) {
+    state$1.push({ time: time(evt), event: 39 /* Event.Submit */, data: { target: target(evt) } });
+    schedule$1(encode$3.bind(this, 39 /* Event.Submit */));
+}
+function reset$8() {
+    state$1 = [];
+}
+function stop$j() {
+    reset$8();
+}
+
+var data$9;
+function start$k() {
+    bind(window, "pagehide", recompute$1);
+}
+function recompute$1(evt) {
+    data$9 = { name: evt.type };
+    encode$3(26 /* Event.Unload */, time(evt));
+    stop();
+}
+function reset$7() {
+    data$9 = null;
+}
+function stop$i() {
+    reset$7();
+}
+
+var data$8;
+function start$j() {
+    bind(document, "visibilitychange", recompute);
+    recompute();
+}
+function recompute(evt) {
+    if (evt === void 0) { evt = null; }
+    data$8 = { visible: "visibilityState" in document ? document.visibilityState : "default" };
+    encode$3(28 /* Event.Visibility */, time(evt));
+}
+function reset$6() {
+    data$8 = null;
+}
+function stop$h() {
+    reset$6();
+}
+
+function start$i() {
+    start$g();
+    start$s();
+    start$r();
+    start$p();
+    start$q();
+    start$o();
+    start$j();
+    start$n();
+    start$m();
+    start$t();
+    start$l();
+    start$k();
+}
+function stop$g() {
+    stop$e();
+    stop$q();
+    stop$p();
+    stop$n();
+    stop$o();
+    stop$m();
+    stop$h();
+    stop$l();
+    stop$k();
+    stop$r();
+    stop$j();
+    stop$i();
+}
+function observe$3(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$a(root);
+        observe$9(root);
+        observe$7(root);
+        observe$8(root);
+        observe$5(root);
+        observe$b(root);
+        observe$4(root);
+    }
+}
+
+var interaction = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    observe: observe$3,
+    start: start$i,
+    stop: stop$g
+});
+
+var digitsRegex = /[^0-9\.]/g;
+/* JSON+LD (Linked Data) Recursive Parser */
+function ld(json) {
+    for (var _i = 0, _a = Object.keys(json); _i < _a.length; _i++) {
+        var key = _a[_i];
+        var value = json[key];
+        if (key === "@type" /* JsonLD.Type */ && typeof value === "string") {
+            value = value.toLowerCase();
+            /* Normalizations */
+            value = value.indexOf("article" /* JsonLD.Article */) >= 0 || value.indexOf("posting" /* JsonLD.Posting */) >= 0 ? "article" /* JsonLD.Article */ : value;
+            switch (value) {
+                case "article" /* JsonLD.Article */:
+                case "recipe" /* JsonLD.Recipe */:
+                    log(5 /* Dimension.SchemaType */, json[key]);
+                    log(8 /* Dimension.AuthorName */, json["creator" /* JsonLD.Creator */]);
+                    log(18 /* Dimension.Headline */, json["headline" /* JsonLD.Headline */]);
+                    break;
+                case "product" /* JsonLD.Product */:
+                    log(5 /* Dimension.SchemaType */, json[key]);
+                    log(10 /* Dimension.ProductName */, json["name" /* JsonLD.Name */]);
+                    log(12 /* Dimension.ProductSku */, json["sku" /* JsonLD.Sku */]);
+                    if (json["brand" /* JsonLD.Brand */]) {
+                        log(6 /* Dimension.ProductBrand */, json["brand" /* JsonLD.Brand */]["name" /* JsonLD.Name */]);
+                    }
+                    break;
+                case "aggregaterating" /* JsonLD.AggregateRating */:
+                    if (json["ratingValue" /* JsonLD.RatingValue */]) {
+                        max(11 /* Metric.RatingValue */, num$1(json["ratingValue" /* JsonLD.RatingValue */], 100 /* Setting.RatingScale */));
+                        max(18 /* Metric.BestRating */, num$1(json["bestRating" /* JsonLD.BestRating */]));
+                        max(19 /* Metric.WorstRating */, num$1(json["worstRating" /* JsonLD.WorstRating */]));
+                    }
+                    max(12 /* Metric.RatingCount */, num$1(json["ratingCount" /* JsonLD.RatingCount */]));
+                    max(17 /* Metric.ReviewCount */, num$1(json["reviewCount" /* JsonLD.ReviewCount */]));
+                    break;
+                case "person" /* JsonLD.Author */:
+                    log(8 /* Dimension.AuthorName */, json["name" /* JsonLD.Name */]);
+                    break;
+                case "offer" /* JsonLD.Offer */:
+                    log(7 /* Dimension.ProductAvailability */, json["availability" /* JsonLD.Availability */]);
+                    log(14 /* Dimension.ProductCondition */, json["itemCondition" /* JsonLD.ItemCondition */]);
+                    log(13 /* Dimension.ProductCurrency */, json["priceCurrency" /* JsonLD.PriceCurrency */]);
+                    log(12 /* Dimension.ProductSku */, json["sku" /* JsonLD.Sku */]);
+                    max(13 /* Metric.ProductPrice */, num$1(json["price" /* JsonLD.Price */]));
+                    break;
+                case "brand" /* JsonLD.Brand */:
+                    log(6 /* Dimension.ProductBrand */, json["name" /* JsonLD.Name */]);
+                    break;
+            }
         }
-        // Since mutations may happen on leaf nodes too, e.g. text nodes, which may not support all selector APIs.
-        // We ensure that the root note supports querySelectorAll API before executing the code below to identify new regions.
-        if ("querySelectorAll" in root) {
-            config$1.regions.forEach(function (x) { return root.querySelectorAll(x[1]).forEach(function (e) { return observe$1(e, "".concat(x[0])); }); }); // Regions
-            config$1.mask.forEach(function (x) { return root.querySelectorAll(x).forEach(function (e) { return privacyMap.set(e, 3 /* Privacy.TextImage */); }); }); // Masked Elements
-            config$1.checksum.forEach(function (x) { return root.querySelectorAll(x[1]).forEach(function (e) { return fraudMap.set(e, x[0]); }); }); // Fraud Checksum Check
-            unmask.forEach(function (x) { return root.querySelectorAll(x).forEach(function (e) { return privacyMap.set(e, 0 /* Privacy.None */); }); }); // Unmasked Elements
+        // Continue parsing nested objects
+        if (value !== null && typeof (value) === "object" /* Constant.Object */) {
+            ld(value);
         }
     }
-    catch (e) {
-        log$1(5 /* Code.Selector */, 1 /* Severity.Warning */, e ? e.name : null);
+}
+function num$1(input, scale) {
+    if (scale === void 0) { scale = 1; }
+    if (input !== null) {
+        switch (typeof input) {
+            case "number" /* Constant.Number */: return Math.round(input * scale);
+            case "string" /* Constant.String */: return Math.round(parseFloat(input.replace(digitsRegex, "" /* Constant.Empty */)) * scale);
+        }
+    }
+    return null;
+}
+
+var IGNORE_ATTRIBUTES = ["title", "alt", "onload", "onfocus", "onerror", "data-drupal-form-submit-last"];
+var newlineRegex = /[\r\n]+/g;
+function processNode (node, source) {
+    var _a;
+    var child = null;
+    // Do not track this change if we are attempting to remove a node before discovering it
+    if (source === 2 /* Source.ChildListRemove */ && has(node) === false) {
+        return child;
+    }
+    // Special handling for text nodes that belong to style nodes
+    if (source !== 0 /* Source.Discover */ &&
+        node.nodeType === Node.TEXT_NODE &&
+        node.parentElement &&
+        node.parentElement.tagName === "STYLE") {
+        node = node.parentNode;
+    }
+    var add = has(node) === false;
+    var call = add ? "add" : "update";
+    var parent = node.parentElement ? node.parentElement : null;
+    var insideFrame = node.ownerDocument !== document;
+    switch (node.nodeType) {
+        case Node.DOCUMENT_TYPE_NODE:
+            parent = insideFrame && node.parentNode ? iframe(node.parentNode) : parent;
+            var docTypePrefix = insideFrame ? "iframe:" /* Constant.IFramePrefix */ : "" /* Constant.Empty */;
+            var doctype = node;
+            var docAttributes = { name: doctype.name, publicId: doctype.publicId, systemId: doctype.systemId };
+            var docData = { tag: docTypePrefix + "*D" /* Constant.DocumentTag */, attributes: docAttributes };
+            dom[call](node, parent, docData, source);
+            break;
+        case Node.DOCUMENT_NODE:
+            // We check for regions in the beginning when discovering document and
+            // later whenever there are new additions or modifications to DOM (mutations)
+            if (node === document)
+                parse$1(document);
+            observe$2(node);
+            break;
+        case Node.DOCUMENT_FRAGMENT_NODE:
+            var shadowRoot = node;
+            if (shadowRoot.host) {
+                parse$1(shadowRoot);
+                var type = typeof (shadowRoot.constructor);
+                if (type === "function" /* Constant.Function */ && shadowRoot.constructor.toString().indexOf("[native code]" /* Constant.NativeCode */) >= 0) {
+                    observe$2(shadowRoot);
+                    // See: https://wicg.github.io/construct-stylesheets/ for more details on adoptedStyleSheets.
+                    // At the moment, we are only able to capture "open" shadow DOM nodes. If they are closed, they are not accessible.
+                    // In future we may decide to proxy "attachShadow" call to gain access, but at the moment, we don't want to
+                    // cause any unintended side effect to the page. We will re-evaluate after we gather more real world data on this.
+                    var style = "" /* Constant.Empty */;
+                    var adoptedStyleSheets = "adoptedStyleSheets" in shadowRoot ? shadowRoot["adoptedStyleSheets"] : [];
+                    for (var _i = 0, adoptedStyleSheets_1 = adoptedStyleSheets; _i < adoptedStyleSheets_1.length; _i++) {
+                        var styleSheet = adoptedStyleSheets_1[_i];
+                        style += getCssRules(styleSheet);
+                    }
+                    var fragementData = { tag: "*S" /* Constant.ShadowDomTag */, attributes: { style: style } };
+                    dom[call](node, shadowRoot.host, fragementData, source);
+                }
+                else {
+                    // If the browser doesn't support shadow DOM natively, we detect that, and send appropriate tag back.
+                    // The differentiation is important because we don't have to observe pollyfill shadow DOM nodes,
+                    // the same way we observe real shadow DOM nodes (encapsulation provided by the browser).
+                    dom[call](node, shadowRoot.host, { tag: "*P" /* Constant.PolyfillShadowDomTag */, attributes: {} }, source);
+                }
+            }
+            break;
+        case Node.TEXT_NODE:
+            // In IE11 TEXT_NODE doesn't expose a valid parentElement property. Instead we need to lookup parentNode property.
+            parent = parent ? parent : node.parentNode;
+            // Account for this text node only if we are tracking the parent node
+            // We do not wish to track text nodes for ignored parent nodes, like script tags
+            // Also, we do not track text nodes for STYLE tags
+            // The only exception is when we receive a mutation to remove the text node, in that case
+            // parent will be null, but we can still process the node by checking it's an update call.
+            if (call === "update" || (parent && has(parent) && parent.tagName !== "STYLE")) {
+                var textData = { tag: "*T" /* Constant.TextTag */, value: node.nodeValue };
+                dom[call](node, parent, textData, source);
+            }
+            break;
+        case Node.ELEMENT_NODE:
+            var element = node;
+            var tag = element.tagName;
+            var attributes = getAttributes(element);
+            // In some cases, external libraries like vue-fragment, can modify parentNode property to not be in sync with the DOM
+            // For correctness, we first look at parentElement and if it not present then fall back to using parentNode
+            parent = node.parentElement ? node.parentElement : (node.parentNode ? node.parentNode : null);
+            // If we encounter a node that is part of SVG namespace, prefix the tag with SVG_PREFIX
+            if (element.namespaceURI === "http://www.w3.org/2000/svg" /* Constant.SvgNamespace */) {
+                tag = "svg:" /* Constant.SvgPrefix */ + tag;
+            }
+            switch (tag) {
+                case "HTML":
+                    parent = insideFrame && parent ? iframe(parent) : null;
+                    var htmlPrefix = insideFrame ? "iframe:" /* Constant.IFramePrefix */ : "" /* Constant.Empty */;
+                    var htmlData = { tag: htmlPrefix + tag, attributes: attributes };
+                    dom[call](node, parent, htmlData, source);
+                    break;
+                case "SCRIPT":
+                    if ("type" /* Constant.Type */ in attributes && attributes["type" /* Constant.Type */] === "application/ld+json" /* Constant.JsonLD */) {
+                        try {
+                            ld(JSON.parse(element.text.replace(newlineRegex, "" /* Constant.Empty */)));
+                        }
+                        catch ( /* do nothing */_b) { /* do nothing */ }
+                    }
+                    break;
+                case "NOSCRIPT":
+                    break;
+                case "META":
+                    var key = ("property" /* Constant.Property */ in attributes ?
+                        "property" /* Constant.Property */ :
+                        ("name" /* Constant.Name */ in attributes ? "name" /* Constant.Name */ : null));
+                    if (key && "content" /* Constant.Content */ in attributes) {
+                        var content = attributes["content" /* Constant.Content */];
+                        switch (attributes[key]) {
+                            case "og:title" /* Constant.ogTitle */:
+                                log(20 /* Dimension.MetaTitle */, content);
+                                break;
+                            case "og:type" /* Constant.ogType */:
+                                log(19 /* Dimension.MetaType */, content);
+                                break;
+                            case "generator" /* Constant.Generator */:
+                                log(21 /* Dimension.Generator */, content);
+                                break;
+                        }
+                    }
+                    break;
+                case "HEAD":
+                    var head = { tag: tag, attributes: attributes };
+                    var l = insideFrame && ((_a = node.ownerDocument) === null || _a === void 0 ? void 0 : _a.location) ? node.ownerDocument.location : location;
+                    head.attributes["*B" /* Constant.Base */] = l.protocol + "//" + l.hostname + l.pathname;
+                    dom[call](node, parent, head, source);
+                    break;
+                case "BASE":
+                    // Override the auto detected base path to explicit value specified in this tag
+                    var baseHead = get(node.parentElement);
+                    if (baseHead) {
+                        // We create "a" element so we can generate protocol and hostname for relative paths like "/path/"
+                        var a = document.createElement("a");
+                        a.href = attributes["href"];
+                        baseHead.data.attributes["*B" /* Constant.Base */] = a.protocol + "//" + a.hostname + a.pathname;
+                    }
+                    break;
+                case "STYLE":
+                    var styleData = { tag: tag, attributes: attributes, value: getStyleValue(element) };
+                    dom[call](node, parent, styleData, source);
+                    break;
+                case "IFRAME":
+                    var iframe$1 = node;
+                    var frameData = { tag: tag, attributes: attributes };
+                    if (sameorigin(iframe$1)) {
+                        monitor(iframe$1);
+                        frameData.attributes["*O" /* Constant.SameOrigin */] = "true";
+                        if (iframe$1.contentDocument && iframe$1.contentWindow && iframe$1.contentDocument.readyState !== "loading") {
+                            child = iframe$1.contentDocument;
+                        }
+                    }
+                    dom[call](node, parent, frameData, source);
+                    break;
+                default:
+                    var data = { tag: tag, attributes: attributes };
+                    if (element.shadowRoot) {
+                        child = element.shadowRoot;
+                    }
+                    dom[call](node, parent, data, source);
+                    break;
+            }
+            break;
     }
+    return child;
 }
-function getId(node, autogen) {
-    if (autogen === void 0) { autogen = false; }
-    if (node === null) {
-        return null;
-    }
-    var id = idMap.get(node);
-    if (!id && autogen) {
-        id = index++;
-        idMap.set(node, id);
+function observe$2(root) {
+    if (has(root)) {
+        return;
     }
-    return id ? id : null;
+    observe$1(root); // Observe mutations for this root node
+    observe$3(root); // Observe interactions for this root node
 }
-function add(node, parent, data, source) {
-    var id = getId(node, true);
-    var parentId = parent ? getId(parent) : null;
-    var previousId = getPreviousId(node);
-    var parentValue = null;
-    var regionId = exists(node) ? id : null;
-    var fragmentId = null;
-    var fraudId = fraudMap.has(node) ? fraudMap.get(node) : null;
-    var privacyId = config$1.content ? 1 /* Privacy.Sensitive */ : 3 /* Privacy.TextImage */;
-    if (parentId >= 0 && values[parentId]) {
-        parentValue = values[parentId];
-        parentValue.children.push(id);
-        regionId = regionId === null ? parentValue.region : regionId;
-        fragmentId = parentValue.fragment;
-        fraudId = fraudId === null ? parentValue.metadata.fraud : fraudId;
-        privacyId = parentValue.metadata.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" /* Constant.RegionData */ in data.attributes) {
-        observe$1(node, data.attributes["data-clarity-region" /* Constant.RegionData */]);
-        regionId = id;
+function getStyleValue(style) {
+    // Call trim on the text content to ensure we do not process white spaces ( , \n, \r\n, \t, etc.)
+    // Also, check if stylesheet has any data-* attribute, if so process rules instead of looking up text
+    var value = style.textContent ? style.textContent.trim() : "" /* Constant.Empty */;
+    var dataset = style.dataset ? Object.keys(style.dataset).length : 0;
+    if (value.length === 0 || dataset > 0) {
+        value = getCssRules(style.sheet);
     }
-    nodes[id] = node;
-    values[id] = {
-        id: id,
-        parent: parentId,
-        previous: previousId,
-        children: [],
-        data: data,
-        selector: null,
-        hash: null,
-        region: regionId,
-        metadata: { active: true, suspend: false, privacy: privacyId, position: null, fraud: fraudId, size: null },
-        fragment: fragmentId,
-    };
-    privacy(node, values[id], parentValue);
-    updateSelector(values[id]);
-    size(values[id]);
-    track$4(id, source, values[id].fragment);
+    return value;
 }
-function update$1(node, parent, data, source) {
-    var id = getId(node);
-    var parentId = parent ? getId(parent) : null;
-    var previousId = getPreviousId(node);
-    var changed = false;
-    var parentChanged = false;
-    if (id in values) {
-        var value = values[id];
-        value.metadata.active = true;
-        // Handle case where internal ordering may have changed
-        if (value.previous !== previousId) {
-            changed = true;
-            value.previous = previousId;
-        }
-        // Handle case where parent might have been updated
-        if (value.parent !== parentId) {
-            changed = true;
-            var oldParentId = value.parent;
-            value.parent = parentId;
-            // Move this node to the right location under new parent
-            if (parentId !== null && parentId >= 0) {
-                var childIndex = previousId === null ? 0 : values[parentId].children.indexOf(previousId) + 1;
-                values[parentId].children.splice(childIndex, 0, id);
-                // Update region after the move
-                value.region = exists(node) ? id : values[parentId].region;
-            }
-            else {
-                // Mark this element as deleted if the parent has been updated to null
-                remove(id, source);
-            }
-            // Remove reference to this node from the old parent
-            if (oldParentId !== null && oldParentId >= 0) {
-                var nodeIndex = values[oldParentId].children.indexOf(id);
-                if (nodeIndex >= 0) {
-                    values[oldParentId].children.splice(nodeIndex, 1);
-                }
-            }
-            parentChanged = true;
-        }
-        // Update data
-        for (var key in data) {
-            if (diff(value["data"], data, key)) {
-                changed = true;
-                value["data"][key] = data[key];
-            }
+function getCssRules(sheet) {
+    var value = "" /* Constant.Empty */;
+    var cssRules = null;
+    // Firefox throws a SecurityError when trying to access cssRules of a stylesheet from a different domain
+    try {
+        cssRules = sheet ? sheet.cssRules : [];
+    }
+    catch (e) {
+        log$1(1 /* Code.CssRules */, 1 /* Severity.Warning */, e ? e.name : null);
+        if (e && e.name !== "SecurityError") {
+            throw e;
         }
-        // track node if it is a part of scheduled fragment mutation
-        if (value.fragment && updatedFragments[value.fragment]) {
-            changed = true;
+    }
+    if (cssRules !== null) {
+        for (var i = 0; i < cssRules.length; i++) {
+            value += cssRules[i].cssText;
         }
-        // Update selector
-        updateSelector(value);
-        track$4(id, source, values[id].fragment, changed, parentChanged);
     }
+    return value;
 }
-function sameorigin(node) {
-    var output = false;
-    if (node.nodeType === Node.ELEMENT_NODE && node.tagName === "IFRAME" /* Constant.IFrameTag */) {
-        var frame = node;
-        // To determine if the iframe is same-origin or not, we try accessing it's contentDocument.
-        // If the browser throws an exception, we assume it's cross-origin and move on.
-        // However, if we do a get a valid document object back, we assume the contents are accessible and iframe is same-origin.
-        try {
-            var doc = frame.contentDocument;
-            if (doc) {
-                iframeMap.set(frame.contentDocument, frame);
-                output = true;
+function getAttributes(element) {
+    var output = {};
+    var attributes = element.attributes;
+    if (attributes && attributes.length > 0) {
+        for (var i = 0; i < attributes.length; i++) {
+            var name_1 = attributes[i].name;
+            if (IGNORE_ATTRIBUTES.indexOf(name_1) < 0) {
+                output[name_1] = attributes[i].value;
             }
         }
-        catch ( /* do nothing */_a) { /* do nothing */ }
     }
-    return output;
-}
-function iframe(node) {
-    var doc = node.nodeType === Node.DOCUMENT_NODE ? node : null;
-    return doc && iframeMap.has(doc) ? iframeMap.get(doc) : null;
-}
-function privacy(node, value, parent) {
-    var data = value.data;
-    var metadata = value.metadata;
-    var current = metadata.privacy;
-    var attributes = data.attributes || {};
-    var tag = data.tag.toUpperCase();
-    switch (true) {
-        case maskTags.indexOf(tag) >= 0:
-            var type = attributes["type" /* Constant.Type */];
-            var meta_1 = "" /* Constant.Empty */;
-            Object.keys(attributes).forEach(function (x) { return meta_1 += attributes[x].toLowerCase(); });
-            var exclude = maskExclude.some(function (x) { return meta_1.indexOf(x) >= 0; });
-            // Regardless of privacy mode, always mask off user input from input boxes or drop downs with two exceptions:
-            // (1) The node is detected to be one of the excluded fields, in which case we drop everything
-            // (2) The node's type is one of the allowed types (like checkboxes)
-            metadata.privacy = tag === "INPUT" /* Constant.InputTag */ && maskDisable.indexOf(type) >= 0 ? current : (exclude ? 4 /* Privacy.Exclude */ : 2 /* Privacy.Text */);
-            break;
-        case "data-clarity-mask" /* Constant.MaskData */ in attributes:
-            metadata.privacy = 3 /* Privacy.TextImage */;
-            break;
-        case "data-clarity-unmask" /* Constant.UnmaskData */ in attributes:
-            metadata.privacy = 0 /* Privacy.None */;
-            break;
-        case privacyMap.has(node):
-            // If this node was explicitly configured to contain sensitive content, honor that privacy setting
-            metadata.privacy = privacyMap.get(node);
-            break;
-        case fraudMap.has(node):
-            // If this node was explicitly configured to be evaluated for fraud, then also mask content
-            metadata.privacy = 2 /* Privacy.Text */;
-            break;
-        case tag === "*T" /* Constant.TextTag */:
-            // If it's a text node belonging to a STYLE or TITLE tag or one of scrub exceptions, then capture content
-            var pTag = parent && parent.data ? parent.data.tag : "" /* Constant.Empty */;
-            var pSelector_1 = parent && parent.selector ? parent.selector[1 /* Selector.Default */] : "" /* Constant.Empty */;
-            var tags = ["STYLE" /* Constant.StyleTag */, "TITLE" /* Constant.TitleTag */, "svg:style" /* Constant.SvgStyle */];
-            metadata.privacy = tags.includes(pTag) || override.some(function (x) { return pSelector_1.indexOf(x) >= 0; }) ? 0 /* Privacy.None */ : current;
-            break;
-        case current === 1 /* Privacy.Sensitive */:
-            // In a mode where we mask sensitive information by default, look through class names to aggressively mask content
-            metadata.privacy = inspect(attributes["class" /* Constant.Class */], maskText, metadata);
-            break;
+    // For INPUT tags read the dynamic "value" property if an explicit "value" attribute is not set
+    if (element.tagName === "INPUT" /* Constant.InputTag */ && !("value" /* Constant.Value */ in output) && element.value) {
+        output["value" /* Constant.Value */] = element.value;
     }
-}
-function inspect(input, lookup, metadata) {
-    if (input && lookup.some(function (x) { return input.indexOf(x) >= 0; })) {
-        return 2 /* Privacy.Text */;
+    return output;
+}
+
+function traverse (root, timer, source) {
+    return __awaiter(this, void 0, void 0, function () {
+        var queue, node, next, state, subnode;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    queue = [root];
+                    _a.label = 1;
+                case 1:
+                    if (!(queue.length > 0)) return [3 /*break*/, 4];
+                    node = queue.shift();
+                    next = node.firstChild;
+                    while (next) {
+                        queue.push(next);
+                        next = next.nextSibling;
+                    }
+                    state = state$9(timer);
+                    if (!(state === 0 /* Task.Wait */)) return [3 /*break*/, 3];
+                    return [4 /*yield*/, suspend$1(timer)];
+                case 2:
+                    state = _a.sent();
+                    _a.label = 3;
+                case 3:
+                    if (state === 2 /* Task.Stop */) {
+                        return [3 /*break*/, 4];
+                    }
+                    subnode = processNode(node, source);
+                    if (subnode) {
+                        queue.push(subnode);
+                    }
+                    return [3 /*break*/, 1];
+                case 4: return [2 /*return*/];
+            }
+        });
+    });
+}
+
+var observers = [];
+var mutations = [];
+var insertRule = null;
+var deleteRule = null;
+var attachShadow = null;
+var queue$1 = [];
+var timeout$1 = null;
+var activePeriod = null;
+var history$4 = {};
+function start$h() {
+    observers = [];
+    queue$1 = [];
+    timeout$1 = null;
+    activePeriod = 0;
+    history$4 = {};
+    // Some popular open source libraries, like styled-components, optimize performance
+    // by injecting CSS using insertRule API vs. appending text node. A side effect of
+    // using javascript API is that it doesn't trigger DOM mutation and therefore we
+    // need to override the insertRule API and listen for changes manually.
+    if (insertRule === null) {
+        insertRule = CSSStyleSheet.prototype.insertRule;
+        CSSStyleSheet.prototype.insertRule = function () {
+            if (active()) {
+                schedule(this.ownerNode);
+            }
+            return insertRule.apply(this, arguments);
+        };
     }
-    return metadata.privacy;
-}
-function diff(a, b, field) {
-    if (typeof a[field] === "object" && typeof b[field] === "object") {
-        for (var key in a[field]) {
-            if (a[field][key] !== b[field][key]) {
-                return true;
+    if (deleteRule === null) {
+        deleteRule = CSSStyleSheet.prototype.deleteRule;
+        CSSStyleSheet.prototype.deleteRule = function () {
+            if (active()) {
+                schedule(this.ownerNode);
             }
+            return deleteRule.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
+    if (attachShadow === null) {
+        attachShadow = Element.prototype.attachShadow;
+        try {
+            Element.prototype.attachShadow = function () {
+                if (active()) {
+                    return schedule(attachShadow.apply(this, arguments));
+                }
+                else {
+                    return attachShadow.apply(this, arguments);
+                }
+            };
         }
-        for (var key in b[field]) {
-            if (b[field][key] !== a[field][key]) {
-                return true;
-            }
+        catch (_a) {
+            attachShadow = null;
         }
-        return false;
     }
-    return a[field] !== b[field];
 }
-function position(parent, child) {
-    child.metadata.position = 1;
-    var idx = parent ? parent.children.indexOf(child.id) : -1;
-    while (idx-- > 0) {
-        var sibling = values[parent.children[idx]];
-        if (child.data.tag === sibling.data.tag) {
-            child.metadata.position = sibling.metadata.position + 1;
-            break;
+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
+    // In the case of shadow dom, any mutations that happen within the shadow dom are not bubbled up to the host document
+    // For this reason, we need to wire up mutations every time we see a new shadow dom.
+    // Also, wrap it inside a try / catch. In certain browsers (e.g. legacy Edge), observer on shadow dom can throw errors
+    try {
+        var m = api("MutationObserver" /* Constant.MutationObserver */);
+        var observer = m in window ? new window[m](measure(handle$1)) : null;
+        if (observer) {
+            observer.observe(node, { attributes: true, childList: true, characterData: true, subtree: true });
+            observers.push(observer);
         }
     }
-    return child.metadata.position;
-}
-function updateSelector(value) {
-    var parent = value.parent && value.parent in values ? values[value.parent] : null;
-    var prefix = parent ? parent.selector : null;
-    var d = value.data;
-    var p = position(parent, value);
-    var s = { id: value.id, tag: d.tag, prefix: prefix, position: p, attributes: d.attributes };
-    value.selector = [get$1(s, 0 /* Selector.Alpha */), get$1(s, 1 /* Selector.Beta */)];
-    value.hash = value.selector.map(function (x) { return x ? hash(x) : null; });
-    value.hash.forEach(function (h) { return hashMap[h] = value.id; });
-    // Match fragment configuration against both alpha and beta hash
-    if (value.hash.some(function (h) { return fragments.indexOf(h) !== -1; })) {
-        value.fragment = value.id;
-    }
-}
-function hashText(hash) {
-    var id = lookup(hash);
-    var node = getNode(id);
-    return node !== null && node.textContent !== null ? node.textContent.substr(0, 25 /* Setting.ClickText */) : '';
-}
-function getNode(id) {
-    if (id in nodes) {
-        return nodes[id];
+    catch (e) {
+        log$1(2 /* Code.MutationObserver */, 0 /* Severity.Info */, e ? e.name : null);
     }
-    return null;
 }
-function getValue(id) {
-    if (id in values) {
-        return values[id];
+function monitor(frame) {
+    // Bind to iframe's onload event so we get notified anytime there's an update to iframe content.
+    // This includes cases where iframe location is updated without explicitly updating src attribute
+    // E.g. iframe.contentWindow.location.href = "new-location";
+    if (has(frame) === false) {
+        bind(frame, "load" /* Constant.LoadEvent */, generate.bind(this, frame, "childList" /* Constant.ChildList */), true);
     }
-    return null;
-}
-function get(node) {
-    var id = getId(node);
-    return id in values ? values[id] : null;
-}
-function lookup(hash) {
-    return hash in hashMap ? hashMap[hash] : null;
-}
-function has(node) {
-    return getId(node) in nodes;
 }
-function updates$2() {
-    var output = [];
-    for (var _i = 0, updateMap_1 = updateMap; _i < updateMap_1.length; _i++) {
-        var id = updateMap_1[_i];
-        if (id in values) {
-            output.push(values[id]);
+function stop$f() {
+    for (var _i = 0, observers_1 = observers; _i < observers_1.length; _i++) {
+        var observer = observers_1[_i];
+        if (observer) {
+            observer.disconnect();
         }
     }
-    updateMap = [];
-    for (var id in updatedFragments) {
-        update(updatedFragments[id], id, true);
-    }
-    updatedFragments = {};
-    return output;
-}
-function remove(id, source) {
-    if (id in values) {
-        var value = values[id];
-        value.metadata.active = false;
-        value.parent = null;
-        track$4(id, source);
-    }
-}
-function size(value) {
-    // If this element is a image node, and is masked, then track box model for the current element
-    if (value.data.tag === "IMG" /* Constant.ImageTag */ && value.metadata.privacy === 3 /* Privacy.TextImage */) {
-        value.metadata.size = [];
-    }
+    observers = [];
+    history$4 = {};
+    mutations = [];
+    queue$1 = [];
+    activePeriod = 0;
+    timeout$1 = null;
 }
-function getPreviousId(node) {
-    var id = null;
-    // Some nodes may not have an ID by design since Clarity skips over tags like SCRIPT, NOSCRIPT, META, COMMENTS, etc..
-    // In that case, we keep going back and check for their sibling until we find a sibling with ID or no more sibling nodes are left.
-    while (id === null && node.previousSibling) {
-        id = getId(node.previousSibling);
-        node = node.previousSibling;
-    }
-    return id;
+function active$2() {
+    activePeriod = time() + 3000 /* Setting.MutationActivePeriod */;
 }
-function track$4(id, source, fragment, changed, parentChanged) {
-    if (fragment === void 0) { fragment = null; }
-    if (changed === void 0) { changed = true; }
-    if (parentChanged === void 0) { parentChanged = false; }
-    // if updated node is a part of fragment and the fragment is not being tracked currently, schedule a mutation on the fragment node
-    if (fragment && !updatedFragments[fragment]) {
-        var node = getNode(fragment);
-        var value = getValue(fragment);
-        if (node && value) {
-            schedule(node, true);
-            value.hash.forEach(function (h) {
-                if (fragments.indexOf(h) !== -1) {
-                    updatedFragments[fragment] = h;
-                }
-            });
-        }
-    }
-    // Keep track of the order in which mutations happened, they may not be sequential
-    // Edge case: If an element is added later on, and pre-discovered element is moved as a child.
-    // In that case, we need to reorder the pre-discovered element in the update list to keep visualization consistent.
-    var uIndex = updateMap.indexOf(id);
-    if (uIndex >= 0 && source === 1 /* Source.ChildListAdd */ && parentChanged) {
-        updateMap.splice(uIndex, 1);
-        updateMap.push(id);
-    }
-    else if (uIndex === -1 && changed) {
-        updateMap.push(id);
-    }
-}
-
-var state$1 = [];
-var regionMap = null; // Maps region nodes => region name
-var regions = {};
-var queue$1 = [];
-var watch = false;
-var observer$1 = null;
-function start$h() {
-    reset$6();
-    observer$1 = null;
-    regionMap = new WeakMap();
-    regions = {};
-    queue$1 = [];
-    watch = window["IntersectionObserver"] ? true : false;
+function handle$1(m) {
+    // Queue up mutation records for asynchronous processing
+    var now = time();
+    track$6(6 /* Event.Mutation */, now);
+    mutations.push({ time: now, mutations: m });
+    schedule$1(process$1, 1 /* Priority.High */).then(function () {
+        setTimeout(compute$7);
+        measure(compute$6)();
+    });
 }
-function observe$1(node, name) {
-    if (regionMap.has(node) === false) {
-        regionMap.set(node, name);
-        observer$1 = observer$1 === null && watch ? new IntersectionObserver(handler$1, {
-            // Get notified as intersection continues to change
-            // This allows us to process regions that get partially hidden during the lifetime of the page
-            // See: https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#creating_an_intersection_observer
-            // By default, intersection observers only fire an event when even a single pixel is visible and not thereafter.
-            threshold: [0, 0.2, 0.4, 0.6, 0.8, 1]
-        }) : observer$1;
-        if (observer$1 && node && node.nodeType === Node.ELEMENT_NODE) {
-            observer$1.observe(node);
+function process$1() {
+    return __awaiter(this, void 0, void 0, function () {
+        var timer, record, instance, _i, _a, mutation, state, target, type, value;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    timer = { id: id(), cost: 3 /* Metric.LayoutCost */ };
+                    start$w(timer);
+                    _b.label = 1;
+                case 1:
+                    if (!(mutations.length > 0)) return [3 /*break*/, 8];
+                    record = mutations.shift();
+                    instance = time();
+                    _i = 0, _a = record.mutations;
+                    _b.label = 2;
+                case 2:
+                    if (!(_i < _a.length)) return [3 /*break*/, 6];
+                    mutation = _a[_i];
+                    state = state$9(timer);
+                    if (!(state === 0 /* Task.Wait */)) return [3 /*break*/, 4];
+                    return [4 /*yield*/, suspend$1(timer)];
+                case 3:
+                    state = _b.sent();
+                    _b.label = 4;
+                case 4:
+                    if (state === 2 /* Task.Stop */) {
+                        return [3 /*break*/, 6];
+                    }
+                    target = mutation.target;
+                    type = track$3(mutation, timer, instance);
+                    if (type && target && target.ownerDocument) {
+                        parse$1(target.ownerDocument);
+                    }
+                    if (type && target && target.nodeType == Node.DOCUMENT_FRAGMENT_NODE && target.host) {
+                        parse$1(target);
+                    }
+                    switch (type) {
+                        case "attributes" /* Constant.Attributes */:
+                            processNode(target, 3 /* Source.Attributes */);
+                            break;
+                        case "characterData" /* Constant.CharacterData */:
+                            processNode(target, 4 /* Source.CharacterData */);
+                            break;
+                        case "childList" /* Constant.ChildList */:
+                            processNodeList(mutation.addedNodes, 1 /* Source.ChildListAdd */, timer);
+                            processNodeList(mutation.removedNodes, 2 /* Source.ChildListRemove */, timer);
+                            break;
+                        case "suspend" /* Constant.Suspend */:
+                            value = get(target);
+                            if (value) {
+                                value.metadata.suspend = true;
+                            }
+                            break;
+                    }
+                    _b.label = 5;
+                case 5:
+                    _i++;
+                    return [3 /*break*/, 2];
+                case 6: return [4 /*yield*/, encode$4(6 /* Event.Mutation */, timer, record.time)];
+                case 7:
+                    _b.sent();
+                    return [3 /*break*/, 1];
+                case 8:
+                    stop$t(timer);
+                    return [2 /*return*/];
+            }
+        });
+    });
+}
+function track$3(m, timer, instance) {
+    var value = m.target ? get(m.target.parentNode) : null;
+    // Check if the parent is already discovered and that the parent is not the document root
+    if (value && value.data.tag !== "HTML" /* Constant.HTML */) {
+        var inactive = time() > activePeriod;
+        var target = get(m.target);
+        var element = target && target.selector ? target.selector.join() : m.target.nodeName;
+        var parent_1 = value.selector ? value.selector.join() : "" /* Constant.Empty */;
+        // We use selector, instead of id, to determine the key (signature for the mutation) because in some cases
+        // repeated mutations can cause elements to be destroyed and then recreated as new DOM nodes
+        // 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$4[key] = key in history$4 ? history$4[key] : [0, instance];
+        var h = history$4[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 /* Setting.MutationSuspendThreshold */) {
+            processNodeList(h[2], 2 /* Source.ChildListRemove */, timer);
+        }
+        // Update the counter
+        h[0] = inactive ? (h[1] === instance ? h[0] : h[0] + 1) : 1;
+        h[1] = instance;
+        // Return updated mutation type based on if we have already hit the threshold or not
+        if (h[0] === 10 /* Setting.MutationSuspendThreshold */) {
+            // Store a reference to removedNodes so we can process them later
+            // when we resume mutations again on user interactions
+            h[2] = m.removedNodes;
+            return "suspend" /* Constant.Suspend */;
+        }
+        else if (h[0] > 10 /* Setting.MutationSuspendThreshold */) {
+            return "" /* Constant.Empty */;
         }
     }
+    return m.type;
 }
-function exists(node) {
-    // Check if regionMap is not null before looking up a node
-    // Since, dom module stops after region module, it's possible that we may set regionMap to be null
-    // 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) {
-    var node = getNode(id);
-    var data = id in regions ? regions[id] : { id: id, visibility: 0 /* RegionVisibility.Rendered */, interaction: 16 /* InteractionState.None */, name: regionMap.get(node) };
-    // Determine the interaction state based on incoming event
-    var interaction = 16 /* InteractionState.None */;
-    switch (event) {
-        case 9 /* Event.Click */:
-            interaction = 20 /* InteractionState.Clicked */;
-            break;
-        case 27 /* Event.Input */:
-            interaction = 30 /* InteractionState.Input */;
-            break;
+function names(nodes) {
+    var output = [];
+    for (var i = 0; nodes && i < nodes.length; i++) {
+        output.push(nodes[i].nodeName);
     }
-    // Process updates to this region, if applicable
-    process$1(node, data, interaction, data.visibility);
+    return output.join();
 }
-function compute$6() {
-    // 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
-    var q = [];
-    for (var _i = 0, queue_1 = queue$1; _i < queue_1.length; _i++) {
-        var r = queue_1[_i];
-        var id = getId(r.node);
-        if (!(id in regions)) {
-            if (id) {
-                r.data.id = id;
-                regions[id] = r.data;
-                state$1.push(clone$1(r.data));
-            }
-            else {
-                q.push(r);
+function processNodeList(list, source, timer) {
+    return __awaiter(this, void 0, void 0, function () {
+        var length, i, state;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    length = list ? list.length : 0;
+                    i = 0;
+                    _a.label = 1;
+                case 1:
+                    if (!(i < length)) return [3 /*break*/, 6];
+                    if (!(source === 1 /* Source.ChildListAdd */)) return [3 /*break*/, 2];
+                    traverse(list[i], timer, source);
+                    return [3 /*break*/, 5];
+                case 2:
+                    state = state$9(timer);
+                    if (!(state === 0 /* Task.Wait */)) return [3 /*break*/, 4];
+                    return [4 /*yield*/, suspend$1(timer)];
+                case 3:
+                    state = _a.sent();
+                    _a.label = 4;
+                case 4:
+                    if (state === 2 /* Task.Stop */) {
+                        return [3 /*break*/, 6];
+                    }
+                    processNode(list[i], source);
+                    _a.label = 5;
+                case 5:
+                    i++;
+                    return [3 /*break*/, 1];
+                case 6: return [2 /*return*/];
             }
-        }
-    }
-    queue$1 = q;
-    // Schedule encode only when we have at least one valid data entry
-    if (state$1.length > 0) {
-        encode$4(7 /* Event.Region */);
-    }
+        });
+    });
 }
-function handler$1(entries) {
-    for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) {
-        var entry = entries_1[_i];
-        var target = entry.target;
-        var rect = entry.boundingClientRect;
-        var overlap = entry.intersectionRect;
-        var viewport = entry.rootBounds;
-        // Only capture regions that have non-zero width or height to avoid tracking and sending regions
-        // that cannot ever be seen by the user. In some cases, websites will have a multiple copy of the same region
-        // like search box - one for desktop, and another for mobile. In those cases, CSS media queries determine which one should be visible.
-        // Also, if these regions ever become non-zero width or height (through AJAX, user action or orientation change) - we will automatically start monitoring them from that point onwards
-        if (regionMap.has(target) && rect.width + rect.height > 0 && viewport.width > 0 && viewport.height > 0) {
-            var id = target ? getId(target) : null;
-            var data = id in regions ? regions[id] : { id: id, name: regionMap.get(target), interaction: 16 /* InteractionState.None */, visibility: 0 /* RegionVisibility.Rendered */ };
-            // For regions that have relatively smaller area, we look at intersection ratio and see the overlap relative to element's area
-            // However, for larger regions, area of regions could be bigger than viewport and therefore comparison is relative to visible area
-            var viewportRatio = overlap ? (overlap.width * overlap.height * 1.0) / (viewport.width * viewport.height) : 0;
-            var visible = viewportRatio > 0.05 /* Setting.ViewportIntersectionRatio */ || entry.intersectionRatio > 0.8 /* Setting.IntersectionRatio */;
-            // If an element is either visible or was visible and has been scrolled to the end
-            // i.e. Scrolled to end is determined by if the starting position of the element + the window height is more than the total element height. 
-            // starting position is relative to the viewport - so Intersection observer returns a negative value for rect.top to indicate that the element top is above the viewport
-            var scrolledToEnd = (visible || data.visibility == 10 /* RegionVisibility.Visible */) && Math.abs(rect.top) + viewport.height > rect.height;
-            // Process updates to this region, if applicable
-            process$1(target, data, data.interaction, (scrolledToEnd ?
-                13 /* RegionVisibility.ScrolledToEnd */ :
-                (visible ? 10 /* RegionVisibility.Visible */ : 0 /* RegionVisibility.Rendered */)));
-            // Stop observing this element now that we have already received scrolled signal
-            if (data.visibility >= 13 /* RegionVisibility.ScrolledToEnd */ && observer$1) {
-                observer$1.unobserve(target);
-            }
-        }
+function schedule(node) {
+    // Only schedule manual trigger for this node if it's not already in the queue
+    if (queue$1.indexOf(node) < 0) {
+        queue$1.push(node);
     }
-    if (state$1.length > 0) {
-        encode$4(7 /* Event.Region */);
+    // Cancel any previous trigger before scheduling a new one.
+    // It's common for a webpage to call multiple synchronous "insertRule" / "deleteRule" calls.
+    // And in those cases we do not wish to monitor changes multiple times for the same node.
+    if (timeout$1) {
+        clearTimeout(timeout$1);
     }
+    timeout$1 = setTimeout(function () { trigger$2(); }, 33 /* Setting.LookAhead */);
+    return node;
 }
-function process$1(n, d, s, v) {
-    // Check if received a state that supersedes existing state
-    var updated = s > d.interaction || v > d.visibility;
-    d.interaction = s > d.interaction ? s : d.interaction;
-    d.visibility = v > d.visibility ? v : d.visibility;
-    // If the corresponding node is already discovered, update the internal state
-    // Otherwise, track it in a queue to reprocess later.
-    if (d.id) {
-        if ((d.id in regions && updated) || !(d.id in regions)) {
-            regions[d.id] = d;
-            state$1.push(clone$1(d));
+function trigger$2() {
+    for (var _i = 0, queue_1 = queue$1; _i < queue_1.length; _i++) {
+        var node = queue_1[_i];
+        // Generate a mutation for this node only if it still exists
+        if (node) {
+            var shadowRoot = node.nodeType === Node.DOCUMENT_FRAGMENT_NODE;
+            // Skip re-processing shadowRoot if it was already discovered
+            if (shadowRoot && has(node)) {
+                continue;
+            }
+            generate(node, shadowRoot ? "childList" /* Constant.ChildList */ : "characterData" /* Constant.CharacterData */);
         }
     }
-    else {
-        queue$1.push({ node: n, data: d });
-    }
-}
-function clone$1(r) {
-    return { time: time(), data: { id: r.id, interaction: r.interaction, visibility: r.visibility, name: r.name } };
-}
-function reset$6() {
-    state$1 = [];
-}
-function stop$f() {
-    reset$6();
-    regionMap = null;
-    regions = {};
     queue$1 = [];
-    if (observer$1) {
-        observer$1.disconnect();
-        observer$1 = null;
-    }
-    watch = false;
+}
+function generate(target, type) {
+    measure(handle$1)([{
+            addedNodes: [target],
+            attributeName: null,
+            attributeNamespace: null,
+            nextSibling: null,
+            oldValue: null,
+            previousSibling: null,
+            removedNodes: [],
+            target: target,
+            type: type
+        }]);
 }
 
 function target(evt) {
@@ -3057,7 +3024,7 @@ function metadata$2(node, event, text) {
             output.hash = value.hash;
             output.privacy = metadata_1.privacy;
             if (value.region) {
-                track$3(value.region, event);
+                track$4(value.region, event);
             }
             if (metadata_1.fraud) {
                 check$4(metadata_1.fraud, value.id, text || value.data.value);
@@ -3084,7 +3051,7 @@ function encode$3 (type, ts) {
                 case 18 /* Event.TouchEnd */:
                 case 19 /* Event.TouchMove */:
                 case 20 /* Event.TouchCancel */:
-                    for (_i = 0, _a = state$4; _i < _a.length; _i++) {
+                    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) {
@@ -3096,10 +3063,10 @@ function encode$3 (type, ts) {
                             track$7(entry.event, entry.data.x, entry.data.y);
                         }
                     }
-                    reset$e();
+                    reset$c();
                     break;
                 case 9 /* Event.Click */:
-                    for (_b = 0, _c = state$7; _b < _c.length; _b++) {
+                    for (_b = 0, _c = state$6; _b < _c.length; _b++) {
                         entry = _c[_b];
                         cTarget = metadata$2(entry.data.target, entry.event, entry.data.text);
                         tokens = [entry.time, entry.event];
@@ -3119,10 +3086,10 @@ function encode$3 (type, ts) {
                         queue(tokens);
                         track$2(entry.time, entry.event, cHash, entry.data.x, entry.data.y, entry.data.reaction, entry.data.context);
                     }
-                    reset$h();
+                    reset$f();
                     break;
                 case 38 /* Event.Clipboard */:
-                    for (_d = 0, _e = state$6; _d < _e.length; _d++) {
+                    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);
@@ -3132,24 +3099,24 @@ function encode$3 (type, ts) {
                             queue(tokens);
                         }
                     }
-                    reset$g();
+                    reset$e();
                     break;
                 case 11 /* Event.Resize */:
                     r = data$b;
                     tokens.push(r.width);
                     tokens.push(r.height);
                     track$7(type, r.width, r.height);
-                    reset$d();
+                    reset$b();
                     queue(tokens);
                     break;
                 case 26 /* Event.Unload */:
                     u = data$9;
                     tokens.push(u.name);
-                    reset$9();
+                    reset$7();
                     queue(tokens);
                     break;
                 case 27 /* Event.Input */:
-                    for (_f = 0, _g = state$5; _f < _g.length; _f++) {
+                    for (_f = 0, _g = state$4; _f < _g.length; _f++) {
                         entry = _g[_f];
                         iTarget = metadata$2(entry.data.target, entry.event, entry.data.value);
                         tokens = [entry.time, entry.event];
@@ -3157,7 +3124,7 @@ function encode$3 (type, ts) {
                         tokens.push(text$1(entry.data.value, "input", iTarget.privacy));
                         queue(tokens);
                     }
-                    reset$f();
+                    reset$d();
                     break;
                 case 21 /* Event.Selection */:
                     s = data$a;
@@ -3168,12 +3135,12 @@ function encode$3 (type, ts) {
                         tokens.push(s.startOffset);
                         tokens.push(endTarget.id);
                         tokens.push(s.endOffset);
-                        reset$b();
+                        reset$9();
                         queue(tokens);
                     }
                     break;
                 case 10 /* Event.Scroll */:
-                    for (_h = 0, _j = state$3; _h < _j.length; _h++) {
+                    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) {
@@ -3185,10 +3152,10 @@ function encode$3 (type, ts) {
                             track$7(entry.event, entry.data.x, entry.data.y);
                         }
                     }
-                    reset$c();
+                    reset$a();
                     break;
                 case 42 /* Event.Change */:
-                    for (_k = 0, _l = state$8; _k < _l.length; _k++) {
+                    for (_k = 0, _l = state$7; _k < _l.length; _k++) {
                         entry = _l[_k];
                         tokens = [entry.time, entry.event];
                         target = metadata$2(entry.data.target, entry.event);
@@ -3201,10 +3168,10 @@ function encode$3 (type, ts) {
                             queue(tokens);
                         }
                     }
-                    reset$i();
+                    reset$g();
                     break;
                 case 39 /* Event.Submit */:
-                    for (_m = 0, _o = state$2; _m < _o.length; _m++) {
+                    for (_m = 0, _o = state$1; _m < _o.length; _m++) {
                         entry = _o[_m];
                         tokens = [entry.time, entry.event];
                         target = metadata$2(entry.data.target, entry.event);
@@ -3213,7 +3180,7 @@ function encode$3 (type, ts) {
                             queue(tokens);
                         }
                     }
-                    reset$a();
+                    reset$8();
                     break;
                 case 22 /* Event.Timeline */:
                     for (_p = 0, _q = updates$1; _p < _q.length; _p++) {
@@ -3234,7 +3201,7 @@ function encode$3 (type, ts) {
                     tokens.push(v.visible);
                     queue(tokens);
                     visibility(t, v.visible);
-                    reset$8();
+                    reset$6();
                     break;
             }
             return [2 /*return*/];
@@ -3535,22 +3502,31 @@ function delay() {
     return typeof config$1.upload === "string" /* Constant.String */ ? Math.max(Math.min(gap, 30000 /* Setting.MaxUploadDelay */), 100 /* Setting.MinUploadDelay */) : config$1.delay;
 }
 function response(payload) {
-    var parts = payload && payload.length > 0 ? payload.split(" ") : ["" /* Constant.Empty */];
-    switch (parts[0]) {
-        case "END" /* Constant.End */:
-            // Clear out session storage and end the session so we can start fresh the next time
-            trigger(6 /* Check.Server */);
-            break;
-        case "UPGRADE" /* Constant.Upgrade */:
-            // Upgrade current session to send back playback information
-            upgrade("Auto" /* Constant.Auto */);
-            break;
-        case "ACTION" /* Constant.Action */:
-            // Invoke action callback, if configured and has a valid value
-            if (config$1.action && parts.length > 1) {
-                config$1.action(parts[1]);
-            }
-            break;
+    var lines = payload && payload.length > 0 ? payload.split("\n") : [];
+    for (var _i = 0, lines_1 = lines; _i < lines_1.length; _i++) {
+        var line = lines_1[_i];
+        var parts = line && line.length > 0 ? line.split(/ (.*)/) : ["" /* Constant.Empty */];
+        switch (parts[0]) {
+            case "END" /* Constant.End */:
+                // Clear out session storage and end the session so we can start fresh the next time
+                trigger(6 /* Check.Server */);
+                break;
+            case "UPGRADE" /* Constant.Upgrade */:
+                // Upgrade current session to send back playback information
+                upgrade("Auto" /* Constant.Auto */);
+                break;
+            case "ACTION" /* Constant.Action */:
+                // Invoke action callback, if configured and has a valid value
+                if (config$1.action && parts.length > 1) {
+                    config$1.action(parts[1]);
+                }
+                break;
+            case "EXTRACT" /* Constant.Extract */:
+                if (parts.length > 1) {
+                    trigger$1(parts[1]);
+                }
+                break;
+        }
     }
 }
 
@@ -3655,30 +3631,27 @@ var data$5 = {};
 var keys = [];
 var variables = {};
 var selectors = {};
-var fragments = [];
 function start$c() {
+    reset$4();
+}
+function trigger$1(input) {
     try {
-        var e = config$1.extract;
-        if (!e) {
-            return;
-        }
-        for (var i = 0; i < e.length; i += 3) {
-            var source = e[i];
-            var key = e[i + 1];
+        var parts = input && input.length > 0 ? input.split(/ (.*)/) : ["" /* Constant.Empty */];
+        var key = parseInt(parts[0]);
+        var values = parts.length > 1 ? JSON.parse(parts[1]) : {};
+        variables[key] = {};
+        selectors[key] = {};
+        for (var v in values) {
+            var id = parseInt(v);
+            var value = values[v];
+            var source = value.startsWith("~" /* Constant.Tilde */) ? 0 /* ExtractSource.Javascript */ : 2 /* ExtractSource.Text */;
             switch (source) {
                 case 0 /* ExtractSource.Javascript */:
-                    var variable = e[i + 2];
-                    variables[key] = parse(variable);
-                    break;
-                case 1 /* ExtractSource.Cookie */:
-                    /*Todo: Add cookie extract logic*/
+                    var variable = value.substring(1, value.length);
+                    variables[key][id] = parse(variable);
                     break;
                 case 2 /* ExtractSource.Text */:
-                    var match_1 = e[i + 2];
-                    selectors[key] = match_1;
-                    break;
-                case 3 /* ExtractSource.Fragment */:
-                    fragments = e[i + 2];
+                    selectors[key][id] = value;
                     break;
             }
         }
@@ -3693,15 +3666,25 @@ function clone(v) {
 function compute$4() {
     try {
         for (var v in variables) {
-            var value = str(evaluate(clone(variables[v])));
-            if (value) {
-                update(v, value);
-            }
-        }
-        for (var s in selectors) {
-            var node = document.querySelector(selectors[s]);
-            if (node) {
-                update(s, node.innerText);
+            var key = parseInt(v);
+            if (!(key in keys)) {
+                var variableData = variables[key];
+                for (var v_1 in variableData) {
+                    var variableKey = parseInt(v_1);
+                    var value = str(evaluate(clone(variableData[variableKey])));
+                    if (value) {
+                        update(key, variableKey, value);
+                    }
+                }
+                var selectorData = selectors[key];
+                for (var s in selectorData) {
+                    var selectorKey = parseInt(s);
+                    var nodes = document.querySelectorAll(selectorData[selectorKey]);
+                    if (nodes) {
+                        var text = Array.from(nodes).map(function (e) { return e.innerText; });
+                        update(key, selectorKey, text.join("<SEP>" /* Constant.Seperator */).substring(0, 10000 /* Setting.ExtractLimit */));
+                    }
+                }
             }
         }
     }
@@ -3711,20 +3694,20 @@ function compute$4() {
     encode$1(40 /* Event.Extract */);
 }
 function reset$4() {
+    data$5 = {};
     keys = [];
+    variables = {};
+    selectors = {};
 }
-function update(key, value, force) {
-    if (force === void 0) { force = false; }
-    if (!(key in data$5) || (key in data$5 && data$5[key] !== value) || force) {
-        data$5[key] = value;
+function update(key, subkey, value) {
+    if (!(key in data$5)) {
+        data$5[key] = [];
         keys.push(key);
     }
+    data$5[key].push([subkey, value]);
 }
 function stop$b() {
-    data$5 = {};
-    keys = [];
-    variables = {};
-    selectors = {};
+    reset$4();
 }
 function parse(variable) {
     var syntax = [];
@@ -3889,7 +3872,7 @@ function encode$1 (event) {
             for (var _d = 0, extractKeys_1 = extractKeys; _d < extractKeys_1.length; _d++) {
                 var e = extractKeys_1[_d];
                 tokens.push(e);
-                tokens.push(data$5[e]);
+                tokens.push([].concat.apply([], data$5[e]));
             }
             reset$4();
             queue(tokens, false);
@@ -4390,7 +4373,7 @@ var status = false;
 function start$6() {
     status = true;
     start$G();
-    reset$k();
+    reset$j();
     reset$1();
     reset$2();
     start$7();
@@ -4399,7 +4382,7 @@ function stop$5() {
     stop$6();
     reset$2();
     reset$1();
-    reset$k();
+    reset$j();
     stop$C();
     status = false;
 }
@@ -4482,14 +4465,14 @@ function discover() {
                 case 0:
                     ts = time();
                     timer = { id: id(), cost: 3 /* Metric.LayoutCost */ };
-                    start$x(timer);
+                    start$w(timer);
                     return [4 /*yield*/, traverse(document, timer, 0 /* Source.Discover */)];
                 case 1:
                     _a.sent();
                     return [4 /*yield*/, encode$4(5 /* Event.Discover */, timer, ts)];
                 case 2:
                     _a.sent();
-                    stop$u(timer);
+                    stop$t(timer);
                     return [2 /*return*/];
             }
         });
@@ -4499,24 +4482,24 @@ function discover() {
 function start$3() {
     // The order below is important 
     // and is determined by interdependencies of modules
-    start$w();
+    start$v();
+    start$u();
+    start$x();
     start$h();
-    start$i();
-    start$j();
     start$4();
 }
 function stop$3() {
+    stop$s();
+    stop$u();
     stop$f();
-    stop$g();
-    stop$h();
     end();
 }
 
 var layout = /*#__PURE__*/Object.freeze({
     __proto__: null,
+    hashText: hashText,
     start: start$3,
-    stop: stop$3,
-    hashText: hashText
+    stop: stop$3
 });
 
 function encode (type) {
@@ -4668,11 +4651,6 @@ function process(entries) {
                 break;
         }
     }
-    if (performance && "memory" /* Constant.Memory */ in performance && performance["memory" /* Constant.Memory */].usedJSHeapSize) {
-        // Track consumed memory (MBs) where "memory" API is available
-        // Reference: https://developer.mozilla.org/en-US/docs/Web/API/Performance/memory
-        max(30 /* Metric.UsedMemory */, Math.abs(performance["memory" /* Constant.Memory */].usedJSHeapSize / 1048576 /* Setting.MegaByte */));
-    }
 }
 function stop$2() {
     if (observer) {