clarity-visualize 0.6.28 → 0.6.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/build/clarity.visualize.js +48 -40
  2. package/build/clarity.visualize.min.js +1 -1
  3. package/build/clarity.visualize.module.js +48 -40
  4. package/package.json +2 -2
package/build/clarity.visualize.js CHANGED
@@ -94,16 +94,16 @@ var DataHelper = /** @class */ (function () {
94
94
  var m = _this.metrics[entry];
95
95
  var map = DataHelper.METRIC_MAP[entry];
96
96
  var unit = "unit" in map ? map.unit : "" /* Empty */;
97
- metricMarkup.push("<li><h2>" + _this.value(m, unit) + "<span>" + _this.key(unit) + "</span></h2>" + map.name + "</li>");
97
+ metricMarkup.push("<li><h2>".concat(_this.value(m, unit), "<span>").concat(_this.key(unit), "</span></h2>").concat(map.name, "</li>"));
98
98
  }
99
99
  }
100
100
  // Append region information to metadata
101
101
  for (var name_1 in _this.regions) {
102
102
  var r = _this.regions[name_1];
103
103
  var className = (r.visibility === 10 /* Visible */ ? "visible" : (r.interaction === 20 /* Clicked */ ? "clicked" : "" /* Empty */));
104
- regionMarkup.push("<span class=\"" + className + "\">" + name_1 + "</span>");
104
+ regionMarkup.push("<span class=\"".concat(className, "\">").concat(name_1, "</span>"));
105
105
  }
106
- _this.state.options.metadata.innerHTML = "<ul>" + metricMarkup.join("" /* Empty */) + "</ul><div>" + regionMarkup.join("" /* Empty */) + "</div>";
106
+ _this.state.options.metadata.innerHTML = "<ul>".concat(metricMarkup.join("" /* Empty */), "</ul><div>").concat(regionMarkup.join("" /* Empty */), "</div>");
107
107
  }
108
108
  };
109
109
  this.key = function (unit) {
@@ -175,7 +175,7 @@ function selector (input, beta) {
175
175
  if (beta === void 0) { beta = false; }
176
176
  var a = input.attributes;
177
177
  var prefix = input.prefix ? input.prefix[beta ? 1 /* Beta */ : 0 /* Stable */] : null;
178
- var suffix = beta || ((a && !("class" /* Class */ in a)) || TAGS.indexOf(input.tag) >= 0) ? ":nth-of-type(" + input.position + ")" : "" /* Empty */;
178
+ var suffix = beta || ((a && !("class" /* Class */ in a)) || TAGS.indexOf(input.tag) >= 0) ? ":nth-of-type(".concat(input.position, ")") : "" /* Empty */;
179
179
  switch (input.tag) {
180
180
  case "STYLE":
181
181
  case "TITLE":
@@ -190,28 +190,36 @@ function selector (input, beta) {
190
190
  if (prefix === null) {
191
191
  return "" /* Empty */;
192
192
  }
193
- prefix = prefix + ">";
193
+ prefix = "".concat(prefix, ">");
194
194
  input.tag = input.tag.indexOf("svg:" /* SvgPrefix */) === 0 ? input.tag.substr("svg:" /* SvgPrefix */.length) : input.tag;
195
- var selector = "" + prefix + input.tag + suffix;
195
+ var selector = "".concat(prefix).concat(input.tag).concat(suffix);
196
196
  var classes = "class" /* Class */ in a && a["class" /* Class */].length > 0 ? a["class" /* Class */].trim().split(/\s+/) : null;
197
197
  if (beta) {
198
198
  // In beta mode, update selector to use "id" field when available. There are two exceptions:
199
199
  // (1) if "id" appears to be an auto generated string token, e.g. guid or a random id containing digits
200
200
  // (2) if "id" appears inside a shadow DOM, in which case we continue to prefix up to shadow DOM to prevent conflicts
201
- var shadowStart = prefix.lastIndexOf("*S" /* ShadowDomTag */);
202
- var shadowEnd = prefix.indexOf(">", shadowStart) + 1;
203
201
  var id = "id" /* Id */ in a && a["id" /* Id */].length > 0 ? a["id" /* Id */] : null;
204
202
  classes = input.tag !== "BODY" /* BodyTag */ && classes ? classes.filter(function (c) { return !hasDigits(c); }) : [];
205
- selector = classes.length > 0 ? "" + prefix + input.tag + "." + classes.join(".") + suffix : selector;
206
- selector = id && hasDigits(id) === false ? (shadowStart >= 0 ? prefix.substr(0, shadowEnd) + "#" + id : "#" + id) : selector;
203
+ selector = classes.length > 0 ? "".concat(prefix).concat(input.tag, ".").concat(classes.join(".")).concat(suffix) : selector;
204
+ selector = id && hasDigits(id) === false ? "".concat(getDomPrefix(prefix), "#").concat(id) : selector;
207
205
  }
208
206
  else {
209
207
  // Otherwise, fallback to stable mode, where we include class names as part of the selector
210
- selector = classes ? "" + prefix + input.tag + "." + classes.join(".") + suffix : selector;
208
+ selector = classes ? "".concat(prefix).concat(input.tag, ".").concat(classes.join(".")).concat(suffix) : selector;
211
209
  }
212
210
  return selector;
213
211
  }
214
212
  }
213
+ function getDomPrefix(prefix) {
214
+ var shadowDomStart = prefix.lastIndexOf("*S" /* ShadowDomTag */);
215
+ var iframeDomStart = prefix.lastIndexOf("".concat("iframe:" /* IFramePrefix */).concat("HTML" /* HTML */));
216
+ var domStart = Math.max(shadowDomStart, iframeDomStart);
217
+ if (domStart < 0) {
218
+ return "";
219
+ }
220
+ var domEnd = prefix.indexOf(">", domStart) + 1;
221
+ return prefix.substr(0, domEnd);
222
+ }
215
223
  // Check if the given input string has digits or not
216
224
  function hasDigits(value) {
217
225
  for (var i = 0; i < value.length; i++) {
@@ -394,7 +402,7 @@ var HeatmapHelper = /** @class */ (function () {
394
402
  var percentView = (currentCombination.scrollReachY / 100) * (height / canvas.height);
395
403
  var hue = huePercentView * 240 /* MaxHue */;
396
404
  if (percentView <= 1) {
397
- grd.addColorStop(percentView, "hsla(" + hue + ", 100%, 50%, 0.6)");
405
+ grd.addColorStop(percentView, "hsla(".concat(hue, ", 100%, 50%, 0.6)"));
398
406
  }
399
407
  }
400
408
  // Fill with gradient
@@ -415,7 +423,7 @@ var HeatmapHelper = /** @class */ (function () {
415
423
  });
416
424
  if (closest.percUsers >= marker - 2 /* MarkerRange */ && closest.percUsers <= marker + 2 /* MarkerRange */) {
417
425
  var markerLine = (closest.scrollReachY / 100) * height;
418
- _this.addMarker(context, width, marker + "%", markerLine, 35 /* MarkerSmallWidth */);
426
+ _this.addMarker(context, width, "".concat(marker, "%"), markerLine, 35 /* MarkerSmallWidth */);
419
427
  }
420
428
  };
421
429
  for (var _i = 0, markers_1 = markers; _i < markers_1.length; _i++) {
@@ -483,7 +491,7 @@ var HeatmapHelper = /** @class */ (function () {
483
491
  canvas.width = 0;
484
492
  canvas.height = 0;
485
493
  canvas.style.position = "absolute" /* Absolute */;
486
- canvas.style.zIndex = "" + 2147483647 /* ZIndex */;
494
+ canvas.style.zIndex = "".concat(2147483647 /* ZIndex */);
487
495
  de.appendChild(canvas);
488
496
  win.addEventListener("scroll", _this.redraw, true);
489
497
  win.addEventListener("resize", _this.redraw, true);
@@ -567,7 +575,7 @@ var HeatmapHelper = /** @class */ (function () {
567
575
  for (var i = 0; i < element.points; i++) {
568
576
  var x = Math.round(r.left + (element.x[i] / 32767 /* ClickPrecision */) * r.width);
569
577
  var y = Math.round(r.top + (element.y[i] / 32767 /* ClickPrecision */) * r.height);
570
- var k = "" + x + "X" /* Separator */ + y + "X" /* Separator */ + (v ? 1 : 0);
578
+ var k = "".concat(x).concat("X" /* Separator */).concat(y).concat("X" /* Separator */).concat(v ? 1 : 0);
571
579
  points[k] = k in points ? points[k] + element.clicks[i] : element.clicks[i];
572
580
  localMax = Math.max(points[k], localMax);
573
581
  }
@@ -721,15 +729,15 @@ var InteractionHelper = /** @class */ (function () {
721
729
  "@keyframes pulsate-two { 0% { transform: scale(1, 1); opacity: 1; } 100% { transform: scale(5, 5); opacity: 0; } }" +
722
730
  "@keyframes pulsate-touch { 0% { transform: scale(1, 1); opacity: 1; } 100% { transform: scale(2, 2); opacity: 0; } }" +
723
731
  "@keyframes disappear { 90% { transform: scale(1, 1); opacity: 1; } 100% { transform: scale(1.3, 1.3); opacity: 0; } }" +
724
- ("#" + "clarity-interaction-canvas" /* InteractionCanvas */ + " { position: absolute; left: 0; top: 0; z-index: " + 2147483647 /* ZIndex */ + "; background: none; }") +
725
- ("#" + "clarity-pointer" /* PointerLayer */ + " { position: absolute; z-index: " + 2147483647 /* ZIndex */ + "; url(" + "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAmCAYAAAA4LpBhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASDSURBVHgB7VdPTCNlFH8z0/+FFmRatnFNiDGR4O4mBk08smZvXjjIxRueNME9eHGNxoLxSNwr4WyigYToQRJLjXDzQtDNmnhR4kWWAJm20ymddtrx94bvI9NBWAptsod9ycvM92fe73vv/b73fUP0DIlCfRQ1AMTtjwcHB1+gPgOT67oK6+TkZBjNbxRF+X1gYCCDPpX6IKdGAaTu7++HuG9tbe1ONBr9GR7r+Xy+98DsIRuemJiIjI6OJgH+3e7urruzs+OOjIw8SiaTNwRwz8OtQWPpdHoYoKt///ar2/jxaw84k8k8gt5YWVnRqEfi90BrtVph0Uetx0V67d9fqFAo3G6324XZ2VldLK4noK4AVqvVaoh8YZTAxWLxdiwW20CoM70IdceWicfjSpCxfuBEIrGxsLCQZR7QNcQDwFaRRhRmcXCSL9S3kN8CtlP2Oqz2QoWt4Q4NDanHx8cy3HQBMIe6sLS0pF811B7I5uYmhUKh1nmAQWAOteM4xcXFxczMzEzXHp+u9PDwUBHvymWBmVzr6+t6t9tJhtPzEEYuFaoguebm5nTqJOXFoMxEVCO50tMFXBaYcwwbGwAfRagv5bEKthK2igdUr9epG/EDYw//xKGmzoLz/6BQd3t7m5i9dAUJsJoLSPZp5PIGp6amXHjsVSaEirqVALk8jy/axx2hwAcMTlcRH/Ad5LfA24kEZ4JzudbySSJzyqDnomq37pH14utH/iUrCA5HCeRwHYXc8dzNNs5jfXp6uoD+e/Pz8zzfDYIqq6urihg4NyTaK2/Rw8fNo0/euWvBWI3TwGAiHW2RnjY7LRVjX+7t7d3nSWL8FFSKIj46I0r2ZXr4R/PoQT5f1TTtU3Q5OAbbbAxtV4BwXx07wUI5raJdTaVS5vLysmYYhlyMDJBHJBoeHpbFwQ0CfmuP04P8V1VVVb9AVwXGy/xE6SyHw2FuW9Aa2jYAHVx1HAZh78bGxs44wYkm0zS9PPrC1QE4+8HcPwD8HONPYNzEkAU1UX+raFcYmPswzhu9ISLmShIdHBx0lFfVH2s+SyWR/IBofgYvnmCIPTQjkYiBk8mARwYWU4aW8F5uNpslXHkstBncxjcOeyqJ6vfUO9oQd2avlyeKJj3A9z/8yAOE7uHKUgGoiRQYMFZCdEq2bZfgpYFnmd9xzprlcrnCOdV13cbWaWKezGVnAUBOmVBpkOAlPH/AxuYJu/DoPQDcxfubeB/ncZCDL+IpaDKgiVwul8AzDo1BI3RC1HPLIg+mYPQmvPke+hdY+S68ehuevIHQvYpV5/i2KIxKg5pUUew1AaL6wM4cl4oPFJjxFMJ0H6BbIIgBwAbeLSzABLBVKpVszGvSCf27r5dCNE7h1tYWX1U0ECHUaDT+REhryKENrTFbwdLj+skRxIAeM+ka4rGV2QWv2vCIjVoAryC0Jk6MCk6fGvoY0OkFoF80UDsG8AG8j/BtD78YWRSMNNoJQbSe/1Zw0tmwBB6kE0ZG+wXI4v1ECYAIdbKzf/+povypEui6t/jnwvIf5FVJ1Cj/1+UAAAAASUVORK5CYII=" /* Pointer */ + ") no-repeat left center; width: " + pointerWidth + "px; height: " + pointerHeight + "px; }") +
726
- ("." + "clarity-click" /* ClickLayer */ + ", ." + "clarity-click-ring" /* ClickRing */ + ", ." + "clarity-touch" /* TouchLayer */ + ", ." + "clarity-touch-ring" /* TouchRing */ + " { position: absolute; z-index: " + 2147483647 /* ZIndex */ + "; border-radius: 50%; background: radial-gradient(rgba(0,90,158,0.8), transparent); width: " + 22 /* ClickRadius */ + "px; height: " + 22 /* ClickRadius */ + "px;}") +
727
- ("." + "clarity-click-ring" /* ClickRing */ + " { background: transparent; border: 1px solid rgba(0,90,158,0.8); }") +
728
- ("." + "clarity-touch" /* TouchLayer */ + " { background: radial-gradient(rgba(242,97,12,1), transparent); }") +
729
- ("." + "clarity-touch-ring" /* TouchRing */ + " { background: transparent; border: 1px solid rgba(242,97,12,0.8); }") +
730
- ("." + "clarity-pointer-click" /* PointerClickLayer */ + " { background-image: url(" + "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAmCAYAAAA4LpBhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVoSURBVHgB7VdNTCRFGP2qe6aBGRhA5mfJ7kZcV0XQTQx68MYabl44yMWbetAY3IMX12gWMCZeSLwSEi/GiAHF1SjqMAhoshuTJbg/GkM0xMQIBMj8D/Nfvq+6enZmEtFdhsSDRT66q6qnXr33varqJvoPFUHHWIw6IK6/2tbWdg8dMzBJKQXHwMCAG9UPhBDXW1tbA2gz6BhKZVAAGTs7Oy5um5+fP9fU1LQExv6xsbHGAzNDHrivr88KhUJegH+0ubkp19fXZVdX1w2v13tCAzdcbhPR3N7e3gnQuY0ry3L7nRcUcCAQuIE4MTs7a1IDi9CgXuQxCNBPNq6uyF+HWuTO5IvVjEP6uSMXlk1qYCOVSnFOgYvRLUtmVmbp9HfvUSQSebS5uXkRwIFGSF2zZFpaWoTtWEHCcgvDclPm+4/p3qvvK2CPx7M4MTERZB/QEYoCxVJxBhHsYvwn0+2WKiyLslc+pfuufSjD4fAjyG+Y03AUVyupsDRkR0eHcXBwYMuNKQi3BaYIt5uYce6Hz8XZ63MMzFKHp6am/HcrtQJZWVkhl8tVIju/KqkmgBxAdQXr3LUv6exPl5XUxWIxMjk5GRgZGbljxpWZ7u3tCX3PPCuALDEYk2Ytij9+RQ9ufFEx18LCgv9Ol5PjXsUQg9hSsXubLA3IwC7JoVgjSjfD9PDm1xVzjY6O+qnWlIeDshOxGzkzVRNgeW2mdl6FfXVkxiQsKv/8LfX9sUScY4yxCPAQpP5XjA0GwFJRTLPZrG5mUFcln6Ytc+Uq0CdcLgAvyf4/lxUw1vA3LDVVpexQedfW1ojdW2m1N4cKM8PllqLKUMI0SRhCsuVKtyLUv7XsuJo3kOA/mUt1Dg4OsqRqZ4JUPJZtIttAaqMAMzQarH8NCzwqSzcjghlrcynGh63jGinwA5VP9efIaBr2vqgBnGeltH+nJonCjPts4HPIb5iXE2nP1IPyXssniZNTBhVq0RhC3p6QTd/oHxLpk4/t356yelQawijrecnek6fKOI/9w8PDYQw1ND4+zs/LelAxNzcndIdRLRwzs5kIYT7wJL17q7D/2tPn0+jIcDunRDMt6/SUmbQT6Htra2vrAj+k+yugFRT9I6qVEGxCZwCY3784dillmubr6CqWSqUyD4a61CDclsVKSGM7TaGe8vl8yenpaTMajTqTqeSUjUSdnZ3O5iCrYUXwDM1ke+ni2NspwzAuoTGBweN8xdYZd7vdXE8jMqjnAFjEq06RQZhdT08P1RdONCWTSaEFdeSyqQfvFzO5XnrupdHfAfgm+rcxeBJdaUQS+28K9QQDcxv6eaHntWLSMdHu7q6zxWorVGnNZ6nQVmVJmSEDovoGWGyjixkmLcuK4mSKglEUk4kjYriPFwqFGF550qgzeA6/KTJTx6jVTNXRBt3ZvSpP1OSlmYNeev7lVxQgYqtcLicAmkQKohgsBnViuVwuBpZRXON8j3M2GY/HE5xTv9+fw9Ip4DknlzXAnFM2VDtMcBrXz7Cw+YFNMHoWAOdx/wTue7kf5uAXcR/CWxee7u5uD64tiGaERbZR/3Zb5E4fBj0FNpcRv8GVz4DVU2DyOKR7CLPu5rdFPagzoOmE3uxNDWJUgYl6UFEFCswWH2S6ANBVGCQKwDzu05hAEsDpWCyWw3MFsu0v6S6LySlcXV3lVxUTRnDl8/lfIGkGOcwhMuxWuPQgax9BDKicSUcoyq3sLrAqgxEPmgZ4AtImcWIkcPpk0MaAxUYAVhcT1m4GeCvuu/htD58YQWwY7ah7tNEa/lnBSeeBHeA2sh3ZdFyAXNRHlAawqNadx/edqrc/wwE66lv8/4XLX3gjac6XP/Y1AAAAAElFTkSuQmCC" /* Click */ + "); }") +
731
- ("." + "clarity-pointer-none" /* PointerNone */ + " { background: none; }") +
732
- ("." + "clarity-pointer-move" /* PointerMove */ + " { background-image: url(" + "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAmCAYAAAA4LpBhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASDSURBVHgB7VdPTCNlFH8z0/+FFmRatnFNiDGR4O4mBk08smZvXjjIxRueNME9eHGNxoLxSNwr4WyigYToQRJLjXDzQtDNmnhR4kWWAJm20ymddtrx94bvI9NBWAptsod9ycvM92fe73vv/b73fUP0DIlCfRQ1AMTtjwcHB1+gPgOT67oK6+TkZBjNbxRF+X1gYCCDPpX6IKdGAaTu7++HuG9tbe1ONBr9GR7r+Xy+98DsIRuemJiIjI6OJgH+3e7urruzs+OOjIw8SiaTNwRwz8OtQWPpdHoYoKt///ar2/jxaw84k8k8gt5YWVnRqEfi90BrtVph0Uetx0V67d9fqFAo3G6324XZ2VldLK4noK4AVqvVaoh8YZTAxWLxdiwW20CoM70IdceWicfjSpCxfuBEIrGxsLCQZR7QNcQDwFaRRhRmcXCSL9S3kN8CtlP2Oqz2QoWt4Q4NDanHx8cy3HQBMIe6sLS0pF811B7I5uYmhUKh1nmAQWAOteM4xcXFxczMzEzXHp+u9PDwUBHvymWBmVzr6+t6t9tJhtPzEEYuFaoguebm5nTqJOXFoMxEVCO50tMFXBaYcwwbGwAfRagv5bEKthK2igdUr9epG/EDYw//xKGmzoLz/6BQd3t7m5i9dAUJsJoLSPZp5PIGp6amXHjsVSaEirqVALk8jy/axx2hwAcMTlcRH/Ad5LfA24kEZ4JzudbySSJzyqDnomq37pH14utH/iUrCA5HCeRwHYXc8dzNNs5jfXp6uoD+e/Pz8zzfDYIqq6urihg4NyTaK2/Rw8fNo0/euWvBWI3TwGAiHW2RnjY7LRVjX+7t7d3nSWL8FFSKIj46I0r2ZXr4R/PoQT5f1TTtU3Q5OAbbbAxtV4BwXx07wUI5raJdTaVS5vLysmYYhlyMDJBHJBoeHpbFwQ0CfmuP04P8V1VVVb9AVwXGy/xE6SyHw2FuW9Aa2jYAHVx1HAZh78bGxs44wYkm0zS9PPrC1QE4+8HcPwD8HONPYNzEkAU1UX+raFcYmPswzhu9ISLmShIdHBx0lFfVH2s+SyWR/IBofgYvnmCIPTQjkYiBk8mARwYWU4aW8F5uNpslXHkstBncxjcOeyqJ6vfUO9oQd2avlyeKJj3A9z/8yAOE7uHKUgGoiRQYMFZCdEq2bZfgpYFnmd9xzprlcrnCOdV13cbWaWKezGVnAUBOmVBpkOAlPH/AxuYJu/DoPQDcxfubeB/ncZCDL+IpaDKgiVwul8AzDo1BI3RC1HPLIg+mYPQmvPke+hdY+S68ehuevIHQvYpV5/i2KIxKg5pUUew1AaL6wM4cl4oPFJjxFMJ0H6BbIIgBwAbeLSzABLBVKpVszGvSCf27r5dCNE7h1tYWX1U0ECHUaDT+REhryKENrTFbwdLj+skRxIAeM+ka4rGV2QWv2vCIjVoAryC0Jk6MCk6fGvoY0OkFoF80UDsG8AG8j/BtD78YWRSMNNoJQbSe/1Zw0tmwBB6kE0ZG+wXI4v1ECYAIdbKzf/+povypEui6t/jnwvIf5FVJ1Cj/1+UAAAAASUVORK5CYII=" /* Pointer */ + "); }");
732
+ "#".concat("clarity-interaction-canvas" /* InteractionCanvas */, " { position: absolute; left: 0; top: 0; z-index: ").concat(2147483647 /* ZIndex */, "; background: none; }") +
733
+ "#".concat("clarity-pointer" /* PointerLayer */, " { position: absolute; z-index: ").concat(2147483647 /* ZIndex */, "; url(").concat("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAmCAYAAAA4LpBhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASDSURBVHgB7VdPTCNlFH8z0/+FFmRatnFNiDGR4O4mBk08smZvXjjIxRueNME9eHGNxoLxSNwr4WyigYToQRJLjXDzQtDNmnhR4kWWAJm20ymddtrx94bvI9NBWAptsod9ycvM92fe73vv/b73fUP0DIlCfRQ1AMTtjwcHB1+gPgOT67oK6+TkZBjNbxRF+X1gYCCDPpX6IKdGAaTu7++HuG9tbe1ONBr9GR7r+Xy+98DsIRuemJiIjI6OJgH+3e7urruzs+OOjIw8SiaTNwRwz8OtQWPpdHoYoKt///ar2/jxaw84k8k8gt5YWVnRqEfi90BrtVph0Uetx0V67d9fqFAo3G6324XZ2VldLK4noK4AVqvVaoh8YZTAxWLxdiwW20CoM70IdceWicfjSpCxfuBEIrGxsLCQZR7QNcQDwFaRRhRmcXCSL9S3kN8CtlP2Oqz2QoWt4Q4NDanHx8cy3HQBMIe6sLS0pF811B7I5uYmhUKh1nmAQWAOteM4xcXFxczMzEzXHp+u9PDwUBHvymWBmVzr6+t6t9tJhtPzEEYuFaoguebm5nTqJOXFoMxEVCO50tMFXBaYcwwbGwAfRagv5bEKthK2igdUr9epG/EDYw//xKGmzoLz/6BQd3t7m5i9dAUJsJoLSPZp5PIGp6amXHjsVSaEirqVALk8jy/axx2hwAcMTlcRH/Ad5LfA24kEZ4JzudbySSJzyqDnomq37pH14utH/iUrCA5HCeRwHYXc8dzNNs5jfXp6uoD+e/Pz8zzfDYIqq6urihg4NyTaK2/Rw8fNo0/euWvBWI3TwGAiHW2RnjY7LRVjX+7t7d3nSWL8FFSKIj46I0r2ZXr4R/PoQT5f1TTtU3Q5OAbbbAxtV4BwXx07wUI5raJdTaVS5vLysmYYhlyMDJBHJBoeHpbFwQ0CfmuP04P8V1VVVb9AVwXGy/xE6SyHw2FuW9Aa2jYAHVx1HAZh78bGxs44wYkm0zS9PPrC1QE4+8HcPwD8HONPYNzEkAU1UX+raFcYmPswzhu9ISLmShIdHBx0lFfVH2s+SyWR/IBofgYvnmCIPTQjkYiBk8mARwYWU4aW8F5uNpslXHkstBncxjcOeyqJ6vfUO9oQd2avlyeKJj3A9z/8yAOE7uHKUgGoiRQYMFZCdEq2bZfgpYFnmd9xzprlcrnCOdV13cbWaWKezGVnAUBOmVBpkOAlPH/AxuYJu/DoPQDcxfubeB/ncZCDL+IpaDKgiVwul8AzDo1BI3RC1HPLIg+mYPQmvPke+hdY+S68ehuevIHQvYpV5/i2KIxKg5pUUew1AaL6wM4cl4oPFJjxFMJ0H6BbIIgBwAbeLSzABLBVKpVszGvSCf27r5dCNE7h1tYWX1U0ECHUaDT+REhryKENrTFbwdLj+skRxIAeM+ka4rGV2QWv2vCIjVoAryC0Jk6MCk6fGvoY0OkFoF80UDsG8AG8j/BtD78YWRSMNNoJQbSe/1Zw0tmwBB6kE0ZG+wXI4v1ECYAIdbKzf/+povypEui6t/jnwvIf5FVJ1Cj/1+UAAAAASUVORK5CYII=" /* Pointer */, ") no-repeat left center; width: ").concat(pointerWidth, "px; height: ").concat(pointerHeight, "px; }") +
734
+ ".".concat("clarity-click" /* ClickLayer */, ", .").concat("clarity-click-ring" /* ClickRing */, ", .").concat("clarity-touch" /* TouchLayer */, ", .").concat("clarity-touch-ring" /* TouchRing */, " { position: absolute; z-index: ").concat(2147483647 /* ZIndex */, "; border-radius: 50%; background: radial-gradient(rgba(0,90,158,0.8), transparent); width: ").concat(22 /* ClickRadius */, "px; height: ").concat(22 /* ClickRadius */, "px;}") +
735
+ ".".concat("clarity-click-ring" /* ClickRing */, " { background: transparent; border: 1px solid rgba(0,90,158,0.8); }") +
736
+ ".".concat("clarity-touch" /* TouchLayer */, " { background: radial-gradient(rgba(242,97,12,1), transparent); }") +
737
+ ".".concat("clarity-touch-ring" /* TouchRing */, " { background: transparent; border: 1px solid rgba(242,97,12,0.8); }") +
738
+ ".".concat("clarity-pointer-click" /* PointerClickLayer */, " { background-image: url(").concat("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAmCAYAAAA4LpBhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVoSURBVHgB7VdNTCRFGP2qe6aBGRhA5mfJ7kZcV0XQTQx68MYabl44yMWbetAY3IMX12gWMCZeSLwSEi/GiAHF1SjqMAhoshuTJbg/GkM0xMQIBMj8D/Nfvq+6enZmEtFdhsSDRT66q6qnXr33varqJvoPFUHHWIw6IK6/2tbWdg8dMzBJKQXHwMCAG9UPhBDXW1tbA2gz6BhKZVAAGTs7Oy5um5+fP9fU1LQExv6xsbHGAzNDHrivr88KhUJegH+0ubkp19fXZVdX1w2v13tCAzdcbhPR3N7e3gnQuY0ry3L7nRcUcCAQuIE4MTs7a1IDi9CgXuQxCNBPNq6uyF+HWuTO5IvVjEP6uSMXlk1qYCOVSnFOgYvRLUtmVmbp9HfvUSQSebS5uXkRwIFGSF2zZFpaWoTtWEHCcgvDclPm+4/p3qvvK2CPx7M4MTERZB/QEYoCxVJxBhHsYvwn0+2WKiyLslc+pfuufSjD4fAjyG+Y03AUVyupsDRkR0eHcXBwYMuNKQi3BaYIt5uYce6Hz8XZ63MMzFKHp6am/HcrtQJZWVkhl8tVIju/KqkmgBxAdQXr3LUv6exPl5XUxWIxMjk5GRgZGbljxpWZ7u3tCX3PPCuALDEYk2Ytij9+RQ9ufFEx18LCgv9Ol5PjXsUQg9hSsXubLA3IwC7JoVgjSjfD9PDm1xVzjY6O+qnWlIeDshOxGzkzVRNgeW2mdl6FfXVkxiQsKv/8LfX9sUScY4yxCPAQpP5XjA0GwFJRTLPZrG5mUFcln6Ytc+Uq0CdcLgAvyf4/lxUw1vA3LDVVpexQedfW1ojdW2m1N4cKM8PllqLKUMI0SRhCsuVKtyLUv7XsuJo3kOA/mUt1Dg4OsqRqZ4JUPJZtIttAaqMAMzQarH8NCzwqSzcjghlrcynGh63jGinwA5VP9efIaBr2vqgBnGeltH+nJonCjPts4HPIb5iXE2nP1IPyXssniZNTBhVq0RhC3p6QTd/oHxLpk4/t356yelQawijrecnek6fKOI/9w8PDYQw1ND4+zs/LelAxNzcndIdRLRwzs5kIYT7wJL17q7D/2tPn0+jIcDunRDMt6/SUmbQT6Htra2vrAj+k+yugFRT9I6qVEGxCZwCY3784dillmubr6CqWSqUyD4a61CDclsVKSGM7TaGe8vl8yenpaTMajTqTqeSUjUSdnZ3O5iCrYUXwDM1ke+ni2NspwzAuoTGBweN8xdYZd7vdXE8jMqjnAFjEq06RQZhdT08P1RdONCWTSaEFdeSyqQfvFzO5XnrupdHfAfgm+rcxeBJdaUQS+28K9QQDcxv6eaHntWLSMdHu7q6zxWorVGnNZ6nQVmVJmSEDovoGWGyjixkmLcuK4mSKglEUk4kjYriPFwqFGF550qgzeA6/KTJTx6jVTNXRBt3ZvSpP1OSlmYNeev7lVxQgYqtcLicAmkQKohgsBnViuVwuBpZRXON8j3M2GY/HE5xTv9+fw9Ip4DknlzXAnFM2VDtMcBrXz7Cw+YFNMHoWAOdx/wTue7kf5uAXcR/CWxee7u5uD64tiGaERbZR/3Zb5E4fBj0FNpcRv8GVz4DVU2DyOKR7CLPu5rdFPagzoOmE3uxNDWJUgYl6UFEFCswWH2S6ANBVGCQKwDzu05hAEsDpWCyWw3MFsu0v6S6LySlcXV3lVxUTRnDl8/lfIGkGOcwhMuxWuPQgax9BDKicSUcoyq3sLrAqgxEPmgZ4AtImcWIkcPpk0MaAxUYAVhcT1m4GeCvuu/htD58YQWwY7ah7tNEa/lnBSeeBHeA2sh3ZdFyAXNRHlAawqNadx/edqrc/wwE66lv8/4XLX3gjac6XP/Y1AAAAAElFTkSuQmCC" /* Click */, "); }") +
739
+ ".".concat("clarity-pointer-none" /* PointerNone */, " { background: none; }") +
740
+ ".".concat("clarity-pointer-move" /* PointerMove */, " { background-image: url(").concat("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAmCAYAAAA4LpBhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASDSURBVHgB7VdPTCNlFH8z0/+FFmRatnFNiDGR4O4mBk08smZvXjjIxRueNME9eHGNxoLxSNwr4WyigYToQRJLjXDzQtDNmnhR4kWWAJm20ymddtrx94bvI9NBWAptsod9ycvM92fe73vv/b73fUP0DIlCfRQ1AMTtjwcHB1+gPgOT67oK6+TkZBjNbxRF+X1gYCCDPpX6IKdGAaTu7++HuG9tbe1ONBr9GR7r+Xy+98DsIRuemJiIjI6OJgH+3e7urruzs+OOjIw8SiaTNwRwz8OtQWPpdHoYoKt///ar2/jxaw84k8k8gt5YWVnRqEfi90BrtVph0Uetx0V67d9fqFAo3G6324XZ2VldLK4noK4AVqvVaoh8YZTAxWLxdiwW20CoM70IdceWicfjSpCxfuBEIrGxsLCQZR7QNcQDwFaRRhRmcXCSL9S3kN8CtlP2Oqz2QoWt4Q4NDanHx8cy3HQBMIe6sLS0pF811B7I5uYmhUKh1nmAQWAOteM4xcXFxczMzEzXHp+u9PDwUBHvymWBmVzr6+t6t9tJhtPzEEYuFaoguebm5nTqJOXFoMxEVCO50tMFXBaYcwwbGwAfRagv5bEKthK2igdUr9epG/EDYw//xKGmzoLz/6BQd3t7m5i9dAUJsJoLSPZp5PIGp6amXHjsVSaEirqVALk8jy/axx2hwAcMTlcRH/Ad5LfA24kEZ4JzudbySSJzyqDnomq37pH14utH/iUrCA5HCeRwHYXc8dzNNs5jfXp6uoD+e/Pz8zzfDYIqq6urihg4NyTaK2/Rw8fNo0/euWvBWI3TwGAiHW2RnjY7LRVjX+7t7d3nSWL8FFSKIj46I0r2ZXr4R/PoQT5f1TTtU3Q5OAbbbAxtV4BwXx07wUI5raJdTaVS5vLysmYYhlyMDJBHJBoeHpbFwQ0CfmuP04P8V1VVVb9AVwXGy/xE6SyHw2FuW9Aa2jYAHVx1HAZh78bGxs44wYkm0zS9PPrC1QE4+8HcPwD8HONPYNzEkAU1UX+raFcYmPswzhu9ISLmShIdHBx0lFfVH2s+SyWR/IBofgYvnmCIPTQjkYiBk8mARwYWU4aW8F5uNpslXHkstBncxjcOeyqJ6vfUO9oQd2avlyeKJj3A9z/8yAOE7uHKUgGoiRQYMFZCdEq2bZfgpYFnmd9xzprlcrnCOdV13cbWaWKezGVnAUBOmVBpkOAlPH/AxuYJu/DoPQDcxfubeB/ncZCDL+IpaDKgiVwul8AzDo1BI3RC1HPLIg+mYPQmvPke+hdY+S68ehuevIHQvYpV5/i2KIxKg5pUUew1AaL6wM4cl4oPFJjxFMJ0H6BbIIgBwAbeLSzABLBVKpVszGvSCf27r5dCNE7h1tYWX1U0ECHUaDT+REhryKENrTFbwdLj+skRxIAeM+ka4rGV2QWv2vCIjVoAryC0Jk6MCk6fGvoY0OkFoF80UDsG8AG8j/BtD78YWRSMNNoJQbSe/1Zw0tmwBB6kE0ZG+wXI4v1ECYAIdbKzf/+povypEui6t/jnwvIf5FVJ1Cj/1+UAAAAASUVORK5CYII=" /* Pointer */, "); }");
733
741
  p.appendChild(style);
734
742
  }
735
743
  p.style.left = (data.x - 4 /* PointerOffset */) + "px" /* Pixel */;
@@ -767,7 +775,7 @@ var InteractionHelper = /** @class */ (function () {
767
775
  p.className = "clarity-pointer-move" /* PointerMove */;
768
776
  break;
769
777
  }
770
- p.setAttribute("title" /* Title */, title + " (" + data.x + "px" /* Pixel */ + ", " + data.y + "px" /* Pixel */ + ")");
778
+ p.setAttribute("title" /* Title */, "".concat(title, " (").concat(data.x).concat("px" /* Pixel */, ", ").concat(data.y).concat("px" /* Pixel */, ")"));
771
779
  };
772
780
  this.hover = function () {
773
781
  if (_this.targetId && _this.targetId !== _this.hoverId) {
@@ -808,7 +816,7 @@ var InteractionHelper = /** @class */ (function () {
808
816
  var de = doc.documentElement;
809
817
  var touch = doc.createElement("DIV");
810
818
  touch.className = "clarity-touch" /* TouchLayer */;
811
- touch.setAttribute("title" /* Title */, title + " (" + x + "px" /* Pixel */ + ", " + y + "px" /* Pixel */ + ")");
819
+ touch.setAttribute("title" /* Title */, "".concat(title, " (").concat(x).concat("px" /* Pixel */, ", ").concat(y).concat("px" /* Pixel */, ")"));
812
820
  touch.style.left = (x - 22 /* ClickRadius */ / 2) + "px" /* Pixel */;
813
821
  touch.style.top = (y - 22 /* ClickRadius */ / 2) + "px" /* Pixel */;
814
822
  touch.style.animation = "disappear 1 1s";
@@ -827,7 +835,7 @@ var InteractionHelper = /** @class */ (function () {
827
835
  var de = doc.documentElement;
828
836
  var click = doc.createElement("DIV");
829
837
  click.className = "clarity-click" /* ClickLayer */;
830
- click.setAttribute("title" /* Title */, title + " (" + x + "px" /* Pixel */ + ", " + y + "px" /* Pixel */ + ")");
838
+ click.setAttribute("title" /* Title */, "".concat(title, " (").concat(x).concat("px" /* Pixel */, ", ").concat(y).concat("px" /* Pixel */, ")"));
831
839
  click.style.left = (x - 22 /* ClickRadius */ / 2) + "px" /* Pixel */;
832
840
  click.style.top = (y - 22 /* ClickRadius */ / 2) + "px" /* Pixel */;
833
841
  de.appendChild(click);
@@ -938,7 +946,7 @@ var InteractionHelper = /** @class */ (function () {
938
946
  for (var i = 0; i < 3; i++) {
939
947
  c[i] = Math.round(e[i] + factor * (s[i] - e[i]));
940
948
  }
941
- return "rgba(" + c[0] + ", " + c[1] + ", " + c[2] + ", " + factor + ")";
949
+ return "rgba(".concat(c[0], ", ").concat(c[1], ", ").concat(c[2], ", ").concat(factor, ")");
942
950
  };
943
951
  // Reference: https://en.wikipedia.org/wiki/Cubic_Hermite_spline#Cardinal_spline
944
952
  this.curve = function (path) {
@@ -1231,7 +1239,7 @@ var LayoutHelper = /** @class */ (function () {
1231
1239
  var cssRules = sheet ? sheet.cssRules : [];
1232
1240
  for (var i = 0; i < cssRules.length; i++) {
1233
1241
  if (cssRules[i].cssText.indexOf(":hover" /* Hover */) >= 0) {
1234
- var css = cssRules[i].cssText.replace(/:hover/g, "[" + "clarity-hover" /* CustomHover */ + "]");
1242
+ var css = cssRules[i].cssText.replace(/:hover/g, "[".concat("clarity-hover" /* CustomHover */, "]"));
1235
1243
  sheet.removeRule(i);
1236
1244
  sheet.insertRule(css, i);
1237
1245
  }
@@ -1251,7 +1259,7 @@ var LayoutHelper = /** @class */ (function () {
1251
1259
  }
1252
1260
  catch (ex) {
1253
1261
  // We log the warning on non-standard markup but continue with the visualization
1254
- console.warn("Exception encountered while creating element " + tag + ": " + ex);
1262
+ console.warn("Exception encountered while creating element ".concat(tag, ": ").concat(ex));
1255
1263
  return doc.createElement("clarity-unknown" /* UnknownTag */);
1256
1264
  }
1257
1265
  };
@@ -1294,9 +1302,9 @@ var LayoutHelper = /** @class */ (function () {
1294
1302
  var attributes = data.attributes || {};
1295
1303
  var sameorigin = false;
1296
1304
  // Clarity attributes
1297
- attributes["data-clarity-id" /* Id */] = "" + data.id;
1298
- attributes["data-clarity-hash" /* Hash */] = "" + data.hash;
1299
- attributes["data-clarity-hashbeta" /* HashBeta */] = "" + data.hashBeta;
1305
+ attributes["data-clarity-id" /* Id */] = "".concat(data.id);
1306
+ attributes["data-clarity-hash" /* Hash */] = "".concat(data.hash);
1307
+ attributes["data-clarity-hashbeta" /* HashBeta */] = "".concat(data.hashBeta);
1300
1308
  var tag = node.nodeType === 1 /* ELEMENT_NODE */ ? node.tagName.toLowerCase() : null;
1301
1309
  // First remove all its existing attributes
1302
1310
  if (node.attributes) {
@@ -1325,7 +1333,7 @@ var LayoutHelper = /** @class */ (function () {
1325
1333
  // Do nothing if we encounter internal Clarity attributes
1326
1334
  }
1327
1335
  else if (tag === "iframe" /* IFrameTag */ && (attribute.indexOf("src") === 0 || attribute.indexOf("allow") === 0) || attribute === "sandbox") {
1328
- node.setAttribute("data-clarity-" + attribute, v);
1336
+ node.setAttribute("data-clarity-".concat(attribute), v);
1329
1337
  }
1330
1338
  else if (tag === "img" /* ImageTag */ && attribute.indexOf("src") === 0 && (v === null || v.length === 0)) {
1331
1339
  node.setAttribute(attribute, "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" /* Transparent */);
@@ -1362,12 +1370,12 @@ var LayoutHelper = /** @class */ (function () {
1362
1370
  };
1363
1371
  this.getCustomStyle = function () {
1364
1372
  // tslint:disable-next-line: max-line-length
1365
- return "img" /* ImageTag */ + "[" + "data-clarity-hide" /* Hide */ + "] { background-color: #CCC; background-image: url(" + "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANvSURBVHgB7Ve9VhpREJ5dU6BNVqt0wS6dpEuX9QmiTyA+gfgE4BOgZSrJE4hlKvEJxDKVa2caoaSSfB87F4Z7dtmFhFTMOfcMe52Z+935u6PIhjb0dxTIihRFUQ2M6z0/dXuI9ay8PwTJklQaEADw0JMgCI4USFSkMx6Pe2BdrFtgS6QEFQICjirYGYDUc0AMcXCCvw8XAVVwHQD7IasAokfCMGzB0NmCA1o44N7T+wpwlwouT+80z2NbOWAaMHqDn7FuJcorapRATkej0bOvyz2s7zs7O2L0GbYXrCrscjUqlUoAuZ6vH3hAIr3diW4xHC3wW+w/KZhLgDmXEgRzbR6udvbBD/DdITB3UewfWm+FRpnIHwyYLo1A+Aq/vzkDWFdSni4krTjm1RnDOxgM9nFOS//OM++0YmeAFMydQw4gDSgeu7LVyprE3489je3u7t5waQFMifrQ6ehn7PZfX18v6BkFOwcq9MDQQKxeseRu0PXARJprBHxED2t7sPSol6p5YHs467OkXo8cqBA/rmXmmVO/atzZzk4G0Kond+DJJJLmStc3Sm+rpxLVbYcEoRu8xbWNp9U1B1rqyzzIRNQj5tAe84ZVKVmGZ6BoK5Vh2JADT1hjLny3rBL27nS/7RtUXZdDmb1H5Ug1rDgjrFMKrGGb2CzPt7e3C95gb2+vqeU/1Mor/UZpg21og50CsfYzATllsLY+E6TE60OTPoUqOV8EQNKKmuTTgifHAmO4GOokyDFah2BTTAOTNFcmIQFI3qyVoxurp+dIL3ZF72bYdzL1zKcDLb2P1n4rqUfcg/nB3Cre3t6uQeY3ZBOri72q87B7ULHY035CdmTs85H9BVlR23yWumVf+6YJo0/MK7qcI8al9RCqq9R4w4ICq9JDYZEwk44ly2TWFtGT+VKnF2PwB6cis8sUzkw+vSsrqNXQ0eUmxo+S5gEPfvQBSTpNLjU1rjzCLiKEYAAWMQRFA5m2GzdJxIUhW5H6yutFguhRToapcb8WQGwL5MwtDnt5cvQOZJuq0yHfkjUQWwHbAn5+AqgvKHGW/IsPRquR+ZdgcQIdrStkYh5tN1ocZYCpSto2Dqezl6yRMga/yQSpXToyYFzOrReQAcUhzp8E+E4eWzD/lTgxuPFGR5Wlm+Y/J3qL/7fJhja0RvoDR4Tn4Lo/zi8AAAAASUVORK5CYII=" /* Hide */ + "); background-repeat:no-repeat; background-position: center; }" +
1366
- ("img" /* ImageTag */ + "[" + "data-clarity-hide" /* Hide */ + "=" + "s" /* Small */ + "] { background-size: 18px 18px; }") +
1367
- ("img" /* ImageTag */ + "[" + "data-clarity-hide" /* Hide */ + "=" + "m" /* Medium */ + "] { background-size: 24px 24px; }") +
1368
- ("img" /* ImageTag */ + "[" + "data-clarity-hide" /* Hide */ + "=" + "l" /* Large */ + "] { background-size: 36px 36px; }") +
1369
- ("iframe" /* IFrameTag */ + "[" + "data-clarity-unavailable" /* Unavailable */ + "] { background: url(" + "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAiCAYAAAAge+tMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAU6SURBVHgBzVg7TyNJEG6bh5AIjpOQeCXj7LL18pDIdpztRYuzy7CjCzG/ADu8CO8vwEQXrgkvws6QeNiEFzEk4GznIFnxvO/zVntrhx6/kLxb0mh6uqurvq6urqqehHklra+ve3d3dx8SiUT6+fk5ja4ZtGf4tjzoD9AXoBmiXUsmk+cnJyc18wpKmCFodXXVx8t/enraBCDPDEchniqeg9PT06oZkAYCTsCw2A6afjc+8IQCjGR3oBtxR/bHx8crR0dHgemD+gIugPfQ9OJ4BGwF72qj0ajrsTQI7rEFcDnTndoLeHh4KDebzdAMC5z+e39/T8B+Nz6AbcJtslAWdOMDfg8LONTuJf7vRVgDPEW40H6crLG4AVi58Pj4+Deav0WUFIjBfDt8NYD+HaBbpge1Wq1wbm5uH+DXjewe5IXQ85buxAMurJS9sbi46IG/jnlforKS0Q7f92dWVlYOAXLXgqMb4CmcnZ2l8E5YpVwIlGZ7basm8nIO50qXNzY29g6y8+hP0RCKPYexBne+K3Ay3N7eNoxyDViziicFwR+la8uOwULFQUBr8LB6XgOU/gDukcGittUY3bUBY25oGR0fX1tbSwPgoVFWxquoAFufv5DxgDvgAsZdu7m52WR7cnLyIC5SAMxnqw+6PRzqSzvmOg9coPX7ZAzoAN9vNWgSQKfVpzP2yq5dQGGZD61F+S5e6KnYNkD6eozWBwZav6m6K1hs2yBJB2hGiIwrQmDsjfp8MS6L2zMqa7INebvGTedKthcdtODN90Yi+I2kCO0owsq3e4U1EqOBq98FwNWnxgKCgd66a5znAe6RjYDfGsdJzmtfgqBPWFE+Jg2HSmFcNuS8QqSv5mLkwQewiumDBKcn87JJ5UuB8BDQJ8TxYnQyFnep2ukYMCXzvXUY57ddvIOGUeIUNw47UQWneEYsrwFVJiYmSjYqkAdx9bOMMR6n4pSTF7J+0ZHCRVKwfaA7SXUZ0g3xNJn+j4+Pm655L1L+8vLyrmRHS4FR6ZfJyUichyKGy5IZgvot2EA1GC8fDanOWgXgCwBPodqPqxCwjQKIljmUPiaSTJxVuoAuCui+CXhKqOGLne84xpgEQKqoSwMpwIIy/ZajUdBytspSVV6KblaT79AsaP0afM+yFtbP4bXT48LAWqYEtymbHrIgZy/SnYurAsV4O7ocRjvD21Nf9bgIYMbK9VgAq8f2rYYHbHp6OqjVau3DK+UCXcw1P9ethI2cO9YzqYFuQLIA3/TegTYxpbPqE+UdazM7o82suWn6AC8Rr2F10upjZgBiPX19fd3E83F+fr5mviakKQiad/FDWfHq6upftlFbM0N7AvwP1kHoY5Fmzwrr7wCyzx16vywsLBDwe9s31GU5ShKz30gOmLGWQZwv2fIBYfRZ2JnCf7Vz0V8xyvIsaV1nReeQ9oXGjIDoYlB6IZ811tx6PAo+Gvoswd0urFGS5icgLCSHV8e/GS5dJYemUQHXxZnnYugFXtzRzg1HApz1jC3iqFzqkxfUDTxcTc9pDhRVXkOICrSYb78RPQ5cfOivRqKNv7S0lMAi/lTRqziSw0mSqMADauufbLdfb45ir032rjsyi0ssnlJWfw/Ltlxxm4T+fyR2+7qfi+GckQEXMHWA9c3XRDRl5KcPXOE/JKrA8vEvwezsLH8a5YwqEWDtMqz9F9sjcxVL4jJM/RuRoVB+iZjob2qSgO7cpEYO3BJrfry2etU8XAx4XtyBfxhwki3aAGyT9b39HS3/KJsoGSr4rLuuh/8DlPszm7LNbUUAAAAASUVORK5CYII=" /* Unavailable */ + ") no-repeat center center, url('" + "data:image/svg+xml,<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"100%\" height=\"100%\"><rect width=\"100%\" height=\"100%\" style=\"fill:rgb(204,204,204)\"/><line stroke-dasharray=\"5, 5\" x1=\"0\" y1=\"100%\" x2=\"100%\" y2=\"0\" style=\"stroke:rgb(119,119,119);stroke-width:1\"/><line stroke-dasharray=\"5, 5\" x1=\"0\" y1=\"0\" x2=\"100%\" y2=\"100%\" style=\"stroke:rgb(119,119,119);stroke-width:1\"/><circle cx=\"50%\" cy=\"50%\" r=\"40\" fill=\"rgb(204,204,204)\"/></svg>" /* Cross */ + "'); }") +
1370
- ("*[" + "data-clarity-suspend" /* Suspend */ + "] { filter: grayscale(100%); }");
1373
+ return "".concat("img" /* ImageTag */, "[").concat("data-clarity-hide" /* Hide */, "] { background-color: #CCC; background-image: url(").concat("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANvSURBVHgB7Ve9VhpREJ5dU6BNVqt0wS6dpEuX9QmiTyA+gfgE4BOgZSrJE4hlKvEJxDKVa2caoaSSfB87F4Z7dtmFhFTMOfcMe52Z+935u6PIhjb0dxTIihRFUQ2M6z0/dXuI9ay8PwTJklQaEADw0JMgCI4USFSkMx6Pe2BdrFtgS6QEFQICjirYGYDUc0AMcXCCvw8XAVVwHQD7IasAokfCMGzB0NmCA1o44N7T+wpwlwouT+80z2NbOWAaMHqDn7FuJcorapRATkej0bOvyz2s7zs7O2L0GbYXrCrscjUqlUoAuZ6vH3hAIr3diW4xHC3wW+w/KZhLgDmXEgRzbR6udvbBD/DdITB3UewfWm+FRpnIHwyYLo1A+Aq/vzkDWFdSni4krTjm1RnDOxgM9nFOS//OM++0YmeAFMydQw4gDSgeu7LVyprE3489je3u7t5waQFMifrQ6ehn7PZfX18v6BkFOwcq9MDQQKxeseRu0PXARJprBHxED2t7sPSol6p5YHs467OkXo8cqBA/rmXmmVO/atzZzk4G0Kond+DJJJLmStc3Sm+rpxLVbYcEoRu8xbWNp9U1B1rqyzzIRNQj5tAe84ZVKVmGZ6BoK5Vh2JADT1hjLny3rBL27nS/7RtUXZdDmb1H5Ug1rDgjrFMKrGGb2CzPt7e3C95gb2+vqeU/1Mor/UZpg21og50CsfYzATllsLY+E6TE60OTPoUqOV8EQNKKmuTTgifHAmO4GOokyDFah2BTTAOTNFcmIQFI3qyVoxurp+dIL3ZF72bYdzL1zKcDLb2P1n4rqUfcg/nB3Cre3t6uQeY3ZBOri72q87B7ULHY035CdmTs85H9BVlR23yWumVf+6YJo0/MK7qcI8al9RCqq9R4w4ICq9JDYZEwk44ly2TWFtGT+VKnF2PwB6cis8sUzkw+vSsrqNXQ0eUmxo+S5gEPfvQBSTpNLjU1rjzCLiKEYAAWMQRFA5m2GzdJxIUhW5H6yutFguhRToapcb8WQGwL5MwtDnt5cvQOZJuq0yHfkjUQWwHbAn5+AqgvKHGW/IsPRquR+ZdgcQIdrStkYh5tN1ocZYCpSto2Dqezl6yRMga/yQSpXToyYFzOrReQAcUhzp8E+E4eWzD/lTgxuPFGR5Wlm+Y/J3qL/7fJhja0RvoDR4Tn4Lo/zi8AAAAASUVORK5CYII=" /* Hide */, "); background-repeat:no-repeat; background-position: center; }") +
1374
+ "".concat("img" /* ImageTag */, "[").concat("data-clarity-hide" /* Hide */, "=").concat("s" /* Small */, "] { background-size: 18px 18px; }") +
1375
+ "".concat("img" /* ImageTag */, "[").concat("data-clarity-hide" /* Hide */, "=").concat("m" /* Medium */, "] { background-size: 24px 24px; }") +
1376
+ "".concat("img" /* ImageTag */, "[").concat("data-clarity-hide" /* Hide */, "=").concat("l" /* Large */, "] { background-size: 36px 36px; }") +
1377
+ "".concat("iframe" /* IFrameTag */, "[").concat("data-clarity-unavailable" /* Unavailable */, "] { background: url(").concat("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAiCAYAAAAge+tMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAU6SURBVHgBzVg7TyNJEG6bh5AIjpOQeCXj7LL18pDIdpztRYuzy7CjCzG/ADu8CO8vwEQXrgkvws6QeNiEFzEk4GznIFnxvO/zVntrhx6/kLxb0mh6uqurvq6urqqehHklra+ve3d3dx8SiUT6+fk5ja4ZtGf4tjzoD9AXoBmiXUsmk+cnJyc18wpKmCFodXXVx8t/enraBCDPDEchniqeg9PT06oZkAYCTsCw2A6afjc+8IQCjGR3oBtxR/bHx8crR0dHgemD+gIugPfQ9OJ4BGwF72qj0ajrsTQI7rEFcDnTndoLeHh4KDebzdAMC5z+e39/T8B+Nz6AbcJtslAWdOMDfg8LONTuJf7vRVgDPEW40H6crLG4AVi58Pj4+Deav0WUFIjBfDt8NYD+HaBbpge1Wq1wbm5uH+DXjewe5IXQ85buxAMurJS9sbi46IG/jnlforKS0Q7f92dWVlYOAXLXgqMb4CmcnZ2l8E5YpVwIlGZ7basm8nIO50qXNzY29g6y8+hP0RCKPYexBne+K3Ay3N7eNoxyDViziicFwR+la8uOwULFQUBr8LB6XgOU/gDukcGittUY3bUBY25oGR0fX1tbSwPgoVFWxquoAFufv5DxgDvgAsZdu7m52WR7cnLyIC5SAMxnqw+6PRzqSzvmOg9coPX7ZAzoAN9vNWgSQKfVpzP2yq5dQGGZD61F+S5e6KnYNkD6eozWBwZav6m6K1hs2yBJB2hGiIwrQmDsjfp8MS6L2zMqa7INebvGTedKthcdtODN90Yi+I2kCO0owsq3e4U1EqOBq98FwNWnxgKCgd66a5znAe6RjYDfGsdJzmtfgqBPWFE+Jg2HSmFcNuS8QqSv5mLkwQewiumDBKcn87JJ5UuB8BDQJ8TxYnQyFnep2ukYMCXzvXUY57ddvIOGUeIUNw47UQWneEYsrwFVJiYmSjYqkAdx9bOMMR6n4pSTF7J+0ZHCRVKwfaA7SXUZ0g3xNJn+j4+Pm655L1L+8vLyrmRHS4FR6ZfJyUichyKGy5IZgvot2EA1GC8fDanOWgXgCwBPodqPqxCwjQKIljmUPiaSTJxVuoAuCui+CXhKqOGLne84xpgEQKqoSwMpwIIy/ZajUdBytspSVV6KblaT79AsaP0afM+yFtbP4bXT48LAWqYEtymbHrIgZy/SnYurAsV4O7ocRjvD21Nf9bgIYMbK9VgAq8f2rYYHbHp6OqjVau3DK+UCXcw1P9ethI2cO9YzqYFuQLIA3/TegTYxpbPqE+UdazM7o82suWn6AC8Rr2F10upjZgBiPX19fd3E83F+fr5mviakKQiad/FDWfHq6upftlFbM0N7AvwP1kHoY5Fmzwrr7wCyzx16vywsLBDwe9s31GU5ShKz30gOmLGWQZwv2fIBYfRZ2JnCf7Vz0V8xyvIsaV1nReeQ9oXGjIDoYlB6IZ811tx6PAo+Gvoswd0urFGS5icgLCSHV8e/GS5dJYemUQHXxZnnYugFXtzRzg1HApz1jC3iqFzqkxfUDTxcTc9pDhRVXkOICrSYb78RPQ5cfOivRqKNv7S0lMAi/lTRqziSw0mSqMADauufbLdfb45ir032rjsyi0ssnlJWfw/Ltlxxm4T+fyR2+7qfi+GckQEXMHWA9c3XRDRl5KcPXOE/JKrA8vEvwezsLH8a5YwqEWDtMqz9F9sjcxVL4jJM/RuRoVB+iZjob2qSgO7cpEYO3BJrfry2etU8XAx4XtyBfxhwki3aAGyT9b39HS3/KJsoGSr4rLuuh/8DlPszm7LNbUUAAAAASUVORK5CYII=" /* Unavailable */, ") no-repeat center center, url('").concat("data:image/svg+xml,<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"100%\" height=\"100%\"><rect width=\"100%\" height=\"100%\" style=\"fill:rgb(204,204,204)\"/><line stroke-dasharray=\"5, 5\" x1=\"0\" y1=\"100%\" x2=\"100%\" y2=\"0\" style=\"stroke:rgb(119,119,119);stroke-width:1\"/><line stroke-dasharray=\"5, 5\" x1=\"0\" y1=\"0\" x2=\"100%\" y2=\"100%\" style=\"stroke:rgb(119,119,119);stroke-width:1\"/><circle cx=\"50%\" cy=\"50%\" r=\"40\" fill=\"rgb(204,204,204)\"/></svg>" /* Cross */, "'); }") +
1378
+ "*[".concat("data-clarity-suspend" /* Suspend */, "] { filter: grayscale(100%); }");
1371
1379
  };
1372
1380
  this.state = state;
1373
1381
  }
package/build/clarity.visualize.min.js CHANGED
@@ -1 +1 @@
1
- !function(){"use strict";function t(t,e,a,n){return new(a||(a=Promise))((function(i,r){function o(t){try{l(n.next(t))}catch(t){r(t)}}function s(t){try{l(n.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?i(t.value):(e=t.value,e instanceof a?e:new a((function(t){t(e)}))).then(o,s)}l((n=n.apply(t,e||[])).next())}))}function e(t,e){var a,n,i,r,o={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return r={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(r[Symbol.iterator]=function(){return this}),r;function s(r){return function(s){return function(r){if(a)throw new TypeError("Generator is already executing.");for(;o;)try{if(a=1,n&&(i=2&r[0]?n.return:r[0]?n.throw||((i=n.return)&&i.call(n),0):n.next)&&!(i=i.call(n,r[1])).done)return i;switch(n=0,i&&(r=[2&r[0],i.value]),r[0]){case 0:case 1:i=r;break;case 4:return o.label++,{value:r[1],done:!1};case 5:o.label++,n=r[1],r=[0];continue;case 7:r=o.ops.pop(),o.trys.pop();continue;default:if(!(i=o.trys,(i=i.length>0&&i[i.length-1])||6!==r[0]&&2!==r[0])){o=0;continue}if(3===r[0]&&(!i||r[1]>i[0]&&r[1]<i[3])){o.label=r[1];break}if(6===r[0]&&o.label<i[1]){o.label=i[1],i=r;break}if(i&&o.label<i[2]){o.label=i[2],o.ops.push(r);break}i[2]&&o.ops.pop(),o.trys.pop();continue}r=e.call(t,o)}catch(t){r=[6,t],n=0}finally{a=i=0}if(5&r[0])throw r[1];return{value:r[0]?r[1]:void 0,done:!0}}([r,s])}}}var a,n=function(){function t(e){var a=this;this.regionMap={},this.regions={},this.metrics={},this.lean=!1,this.reset=function(){a.metrics={},a.lean=!1,a.regions={},a.regionMap={}},this.metric=function(e){if(a.state.options.metadata){var n=[],i=[];for(var r in e.data)if("number"==typeof e.data[r]){r in a.metrics||(a.metrics[r]=0);var o=parseInt(r,10);!(r in t.METRIC_MAP)||"html-price"!==t.METRIC_MAP[r].unit&&"ld-price"!==t.METRIC_MAP[r].unit?a.metrics[r]+=e.data[r]:a.metrics[r]=e.data[r],a.lean=1===o&&0===e.data[r]||a.lean}for(var s in a.metrics)if(s in t.METRIC_MAP){r=a.metrics[s];var l=t.METRIC_MAP[s],A="unit"in l?l.unit:"";n.push("<li><h2>"+a.value(r,A)+"<span>"+a.key(A)+"</span></h2>"+l.name+"</li>")}for(var c in a.regions){var u=a.regions[c],d=10===u.visibility?"visible":20===u.interaction?"clicked":"";i.push('<span class="'+d+'">'+c+"</span>")}a.state.options.metadata.innerHTML="<ul>"+n.join("")+"</ul><div>"+i.join("")+"</div>"}},this.key=function(t){switch(t){case"html-price":case"ld-price":case"cls":return"";default:return t}},this.value=function(t,e){switch(e){case"KB":return Math.round(t/1024);case"s":return Math.round(t/10)/100;case"cls":return t/1e3;case"html-price":return t/100;default:return t}},this.state=e}return t.prototype.region=function(t){for(var e=0,a=t.data;e<a.length;e++){var n=a[e];n.name in this.regions||(this.regions[n.name]={interaction:n.interaction,visibility:n.visibility}),this.regionMap[n.id]=n.name}},t.METRIC_MAP=((a={})[2]={name:"Total Bytes",unit:"KB"},a[4]={name:"Total Cost",unit:"ms"},a[3]={name:"Layout Cost",unit:"ms"},a[8]={name:"LCP",unit:"s"},a[9]={name:"CLS",unit:"cls"},a[7]={name:"Long Tasks"},a[24]={name:"Cart Total",unit:"html-price"},a[13]={name:"Product Price",unit:"ld-price"},a[6]={name:"Thread Blocked",unit:"ms"},a),t}();var i=["DIV","TR","P","LI","UL","A","BUTTON"];function r(t){for(var e=0;e<t.length;e++){var a=t.charCodeAt(e);if(a>=48&&a<=57)return!0}return!1}var o=1,s=[],l=[],A={};var c,u={hash:function(t){for(var e=5381,a=e,n=0;n<t.length;n+=2){if(e=(e<<5)+e^t.charCodeAt(n),n+1<t.length)a=(a<<5)+a^t.charCodeAt(n+1)}return Math.abs(e+11579*a).toString(36)},selector:function(t,e){void 0===e&&(e=!1);var a=t.attributes,n=t.prefix?t.prefix[e?1:0]:null,o=e||a&&!("class"in a)||i.indexOf(t.tag)>=0?":nth-of-type("+t.position+")":"";switch(t.tag){case"STYLE":case"TITLE":case"LINK":case"META":case"*T":case"*D":return"";case"HTML":return"HTML";default:if(null===n)return"";n+=">",t.tag=0===t.tag.indexOf("svg:")?t.tag.substr("svg:".length):t.tag;var s=""+n+t.tag+o,l="class"in a&&a.class.length>0?a.class.trim().split(/\s+/):null;if(e){var A=n.lastIndexOf("*S"),c=n.indexOf(">",A)+1,u="id"in a&&a.id.length>0?a.id:null;s=(l="BODY"!==t.tag&&l?l.filter((function(t){return!r(t)})):[]).length>0?""+n+t.tag+"."+l.join(".")+o:s,s=u&&!1===r(u)?A>=0?n.substr(0,c)+"#"+u:"#"+u:s}else s=l?""+n+t.tag+"."+l.join(".")+o:s;return s}},get:function(t){var e=function(t,e){if(void 0===e&&(e=!1),null===t)return null;var a=null.get(t);return!a&&e&&(a=o++,null.set(t,a)),a||null}(t);return e in l?l[e]:null},getNode:function(t){return t in s?s[t]:null},lookup:function(t){return t in A?A[t]:null}},d=function(){var t=this;this.reset=function(){t.children={},t.nodes={}},this.selectors=function(e){return e.data.forEach((function(e){var a=t.nodes[e.parent],n=t.children[e.parent]||[],i=t.nodes[e.id]||{tag:e.tag,parent:e.parent,previous:e.previous},r=e.attributes||{};if(i.parent!==e.parent){var o=null===e.previous?0:n.indexOf(e.previous)+1;if(n.splice(o,0,e.id),i.parent!==e.parent){var s=t.children[i.parent],l=s?s.indexOf(e.id):-1;l>=0&&t.children[i.parent].splice(l,1)}i.parent=e.parent}else n.indexOf(e.id)<0&&n.push(e.id);i.position=t.position(e.id,e.tag,i,n,n.map((function(e){return t.nodes[e]})));var A={tag:e.tag,prefix:a?[a.stable,a.beta]:null,position:i.position,attributes:r},c=u.selector(A);e.selector=c.length>0?c:null,e.hash=c.length>0?u.hash(e.selector):null;var d=u.selector(A,!0);e.selectorBeta=d.length>0?d:null,e.hashBeta=d.length>0?u.hash(e.selectorBeta):null,i.stable=c,i.beta=d,t.nodes[e.id]=i,e.parent&&(t.children[e.parent]=n)})),e},this.position=function(t,e,a,n,i){a.position=1;for(var r=n?n.indexOf(t):-1;r-- >0;)if(e===i[r].tag){a.position=i[r].position+1;break}return a.position},this.reset()},h=function(){function t(e,a){var n=this;this.data=null,this.scrollData=null,this.max=null,this.offscreenRing=null,this.gradientPixels=null,this.timeout=null,this.observer=null,this.state=null,this.layout=null,this.scrollAvgFold=null,this.addScrollMakers=!1,this.reset=function(){if(n.data=null,n.scrollData=null,n.max=null,n.offscreenRing=null,n.gradientPixels=null,n.timeout=null,n.observer&&(n.observer.disconnect(),n.observer=null),n.state&&n.state.window){var t=n.state.window;t.removeEventListener("scroll",n.redraw,!0),t.removeEventListener("resize",n.redraw,!0)}},this.clear=function(){var t=n.state.window.document,e=n.state.window,a=t.getElementById("clarity-heatmap-canvas"),i=t.documentElement;a&&(a.width=i.clientWidth,a.height=i.clientHeight,a.style.left=e.pageXOffset+"px",a.style.top=e.pageYOffset+"px",a.getContext("2d").clearRect(0,0,a.width,a.height)),n.reset()},this.scroll=function(t,e,a){n.scrollData=n.scrollData||t,n.scrollAvgFold=null!=e?e:n.scrollAvgFold,n.addScrollMakers=null!=a?a:n.addScrollMakers;var i=n.overlay(),r=i.getContext("2d"),o=n.state.window.document,s=o.body,l=o.documentElement,A=Math.max(s.scrollHeight,s.offsetHeight,l.clientHeight,l.scrollHeight,l.offsetHeight);if(i.height=Math.min(A,4e4),i.style.top="0px",i.width>0&&i.height>0&&n.scrollData){for(var c=r.createLinearGradient(0,0,0,i.height),u=0,d=n.scrollData;u<d.length;u++){var h=d[u],m=1-h.cumulativeSum/n.scrollData[0].cumulativeSum,f=h.scrollReachY/100*(A/i.height),p=240*m;f<=1&&c.addColorStop(f,"hsla("+p+", 100%, 50%, 0.6)")}r.fillStyle=c,r.fillRect(0,0,i.width,i.height),n.addScrollMakers&&n.addInfoMarkers(r,n.scrollData,i.width,i.height,n.scrollAvgFold)}},this.addInfoMarkers=function(t,e,a,i,r){n.addMarker(t,a,"Average Fold",r,84);for(var o=function(r){var o=e.reduce((function(t,e){return Math.abs(e.percUsers-r)<Math.abs(t.percUsers-r)?e:t}));if(o.percUsers>=r-2&&o.percUsers<=r+2){var s=o.scrollReachY/100*i;n.addMarker(t,a,r+"%",s,35)}},s=0,l=[75,50,25];s<l.length;s++){o(l[s])}},this.addMarker=function(t,e,a,n,i){t.beginPath(),t.moveTo(0,n),t.lineTo(e,n),t.setLineDash([2,2]),t.lineWidth=1,t.strokeStyle="white",t.stroke(),t.fillStyle="#323130",t.fillRect(0,n-16,i,32),t.fillStyle="white",t.font="500 12px Segoe UI",t.fillText(a,5,n+5)},this.click=function(t){n.data=n.data||t;var e=n.transform(),a=n.overlay(),i=a.getContext("2d");if(a.width>0&&a.height>0){for(var r=n.getRing(),o=n.getGradient(),s=0,l=e;s<l.length;s++){var A=l[s];i.globalAlpha=A.a,i.drawImage(r,A.x-20,A.y-20)}for(var c=i.getImageData(0,0,a.width,a.height),u=0;u<c.data.length;u+=4){var d=c.data[u+3];if(d>0){var h=4*(d-1);c.data[u]=o.data[h],c.data[u+1]=o.data[h+1],c.data[u+2]=o.data[h+2]}}i.putImageData(c,0,0)}},this.overlay=function(){var t=n.state.window.document,e=n.state.window,a=t.documentElement,i=t.getElementById("clarity-heatmap-canvas");return null===i&&((i=t.createElement("CANVAS")).id="clarity-heatmap-canvas",i.width=0,i.height=0,i.style.position="absolute",i.style.zIndex="2147483647",a.appendChild(i),e.addEventListener("scroll",n.redraw,!0),e.addEventListener("resize",n.redraw,!0),n.observer=n.state.window.ResizeObserver?new ResizeObserver(n.redraw):null,n.observer&&n.observer.observe(t.body)),i.width=a.clientWidth,i.height=a.clientHeight,i.style.left=e.pageXOffset+"px",i.style.top=e.pageYOffset+"px",i.getContext("2d").clearRect(0,0,i.width,i.height),i},this.getRing=function(){if(null===n.offscreenRing){var t=n.state.window.document;n.offscreenRing=t.createElement("CANVAS"),n.offscreenRing.width=40,n.offscreenRing.height=40;var e=n.offscreenRing.getContext("2d");e.shadowOffsetX=40,e.shadowBlur=10,e.shadowColor="black",e.beginPath(),e.arc(-20,20,10,0,2*Math.PI,!0),e.closePath(),e.fill()}return n.offscreenRing},this.getGradient=function(){if(null===n.gradientPixels){var e=n.state.window.document.createElement("CANVAS");e.width=1,e.height=256;for(var a=e.getContext("2d"),i=a.createLinearGradient(0,0,0,256),r=1/t.COLORS.length,o=0;o<t.COLORS.length;o++)i.addColorStop(r*(o+1),t.COLORS[o]);a.fillStyle=i,a.fillRect(0,0,1,256),n.gradientPixels=a.getImageData(0,0,1,256)}return n.gradientPixels},this.redraw=function(t){n.data?(n.timeout&&clearTimeout(n.timeout),n.timeout=setTimeout(n.click,30)):n.scrollData&&"scroll"!=t.type&&(n.timeout&&clearTimeout(n.timeout),n.timeout=setTimeout(n.scroll,30))},this.transform=function(){for(var t=[],e={},a=0,i=n.state.window&&n.state.window.document?n.state.window.document.documentElement.clientHeight:0,r=0,o=n.data;r<o.length;r++){var s=o[r],l=n.layout.get(s.hash);if(l&&"function"==typeof l.getBoundingClientRect){var A=l.getBoundingClientRect(),c=n.visible(l,A,i);if(null===n.max||c)for(var u=0;u<s.points;u++){var d=Math.round(A.left+s.x[u]/32767*A.width)+"X"+Math.round(A.top+s.y[u]/32767*A.height)+"X"+(c?1:0);e[d]=d in e?e[d]+s.clicks[u]:s.clicks[u],a=Math.max(e[d],a)}}}n.max=n.max?n.max:a;for(var h=0,m=Object.keys(e);h<m.length;h++){var f=m[h],p=f.split("X"),g=Math.min(e[f]/n.max+.15,1);"1"===p[2]&&t.push({x:parseInt(p[0],10),y:parseInt(p[1],10),a:g})}return t},this.visible=function(t,e,a){var i=n.state.window.document,r=e.height>a;if(!1===r&&e.width>0&&e.height>0)for(;!r&&i;){for(var o=null,s=0,l=i.elementsFromPoint(e.left+e.width/2,e.top+e.height/2);s<l.length;s++){var A=l[s];if(!("CANVAS"===A.tagName||A.id&&0===A.id.indexOf("clarity-"))){r=A===t,o=A.shadowRoot&&A.shadowRoot!=i?A.shadowRoot:null;break}}i=o}return r&&e.bottom>=0&&e.top<=a},this.state=e,this.layout=a}return t.COLORS=["blue","cyan","lime","yellow","red"],t}(),m=function(){function t(e,a){var n=this;this.hoverId=null,this.targetId=null,this.points=[],this.scrollPointIndex=0,this.clickAudio=null,this.reset=function(){n.points=[],n.scrollPointIndex=0,n.clickAudio=null,n.hoverId=null,n.targetId=null,n.layout.reset()},this.scroll=function(t){var e=t.data,a=n.state.window.document,i=a.documentElement,r=n.layout.element(e.target)||a.body,o=r.scrollHeight>r.clientHeight||r.scrollWidth>r.clientWidth;if(r&&o&&r.scrollTo(e.x,e.y),r===i||r===a.body){o||n.state.window.scrollTo(e.x,e.y);var s=n.overlay();s&&(s.style.left=e.x+"px",s.style.top=e.y+"px",s.width=i.clientWidth,s.height=i.clientHeight),n.scrollPointIndex=n.points.length}},this.resize=function(t){var e=t.data,a=e.width,i=e.height;n.state.options.onresize&&n.state.options.onresize(a,i)},this.visibility=function(t){var e=n.state.window.document;e&&e.documentElement&&"visible"!==t.data.visible?(e.documentElement.style.backgroundColor="black",e.documentElement.style.opacity="0.4"):(e.documentElement.style.backgroundColor="transparent",e.documentElement.style.opacity="1")},this.input=function(t){var e=t.data,a=n.layout.element(e.target);if(a)switch(a.type){case"checkbox":case"radio":a.checked="true"===e.value;break;default:a.value=e.value}},this.selection=function(t){var e=t.data,a=n.state.window.document.getSelection();try{a.setBaseAndExtent(n.layout.element(e.start),e.startOffset,n.layout.element(e.end),e.endOffset)}catch(t){console.warn("Exception encountered while trying to set selection: "+t)}},this.pointer=function(t){var e=t.data,a=t.event,i=n.state.window.document,r=i.documentElement,o=i.getElementById("clarity-pointer");if(null===o){(o=i.createElement("DIV")).id="clarity-pointer",r.appendChild(o);var s=i.createElement("STYLE");s.textContent="@keyframes pulsate-one { 0% { transform: scale(1, 1); opacity: 1; } 100% { transform: scale(3, 3); opacity: 0; } }@keyframes pulsate-two { 0% { transform: scale(1, 1); opacity: 1; } 100% { transform: scale(5, 5); opacity: 0; } }@keyframes pulsate-touch { 0% { transform: scale(1, 1); opacity: 1; } 100% { transform: scale(2, 2); opacity: 0; } }@keyframes disappear { 90% { transform: scale(1, 1); opacity: 1; } 100% { transform: scale(1.3, 1.3); opacity: 0; } }#clarity-interaction-canvas { position: absolute; left: 0; top: 0; z-index: 2147483647; background: none; }#clarity-pointer { position: absolute; z-index: 2147483647; url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAmCAYAAAA4LpBhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASDSURBVHgB7VdPTCNlFH8z0/+FFmRatnFNiDGR4O4mBk08smZvXjjIxRueNME9eHGNxoLxSNwr4WyigYToQRJLjXDzQtDNmnhR4kWWAJm20ymddtrx94bvI9NBWAptsod9ycvM92fe73vv/b73fUP0DIlCfRQ1AMTtjwcHB1+gPgOT67oK6+TkZBjNbxRF+X1gYCCDPpX6IKdGAaTu7++HuG9tbe1ONBr9GR7r+Xy+98DsIRuemJiIjI6OJgH+3e7urruzs+OOjIw8SiaTNwRwz8OtQWPpdHoYoKt///ar2/jxaw84k8k8gt5YWVnRqEfi90BrtVph0Uetx0V67d9fqFAo3G6324XZ2VldLK4noK4AVqvVaoh8YZTAxWLxdiwW20CoM70IdceWicfjSpCxfuBEIrGxsLCQZR7QNcQDwFaRRhRmcXCSL9S3kN8CtlP2Oqz2QoWt4Q4NDanHx8cy3HQBMIe6sLS0pF811B7I5uYmhUKh1nmAQWAOteM4xcXFxczMzEzXHp+u9PDwUBHvymWBmVzr6+t6t9tJhtPzEEYuFaoguebm5nTqJOXFoMxEVCO50tMFXBaYcwwbGwAfRagv5bEKthK2igdUr9epG/EDYw//xKGmzoLz/6BQd3t7m5i9dAUJsJoLSPZp5PIGp6amXHjsVSaEirqVALk8jy/axx2hwAcMTlcRH/Ad5LfA24kEZ4JzudbySSJzyqDnomq37pH14utH/iUrCA5HCeRwHYXc8dzNNs5jfXp6uoD+e/Pz8zzfDYIqq6urihg4NyTaK2/Rw8fNo0/euWvBWI3TwGAiHW2RnjY7LRVjX+7t7d3nSWL8FFSKIj46I0r2ZXr4R/PoQT5f1TTtU3Q5OAbbbAxtV4BwXx07wUI5raJdTaVS5vLysmYYhlyMDJBHJBoeHpbFwQ0CfmuP04P8V1VVVb9AVwXGy/xE6SyHw2FuW9Aa2jYAHVx1HAZh78bGxs44wYkm0zS9PPrC1QE4+8HcPwD8HONPYNzEkAU1UX+raFcYmPswzhu9ISLmShIdHBx0lFfVH2s+SyWR/IBofgYvnmCIPTQjkYiBk8mARwYWU4aW8F5uNpslXHkstBncxjcOeyqJ6vfUO9oQd2avlyeKJj3A9z/8yAOE7uHKUgGoiRQYMFZCdEq2bZfgpYFnmd9xzprlcrnCOdV13cbWaWKezGVnAUBOmVBpkOAlPH/AxuYJu/DoPQDcxfubeB/ncZCDL+IpaDKgiVwul8AzDo1BI3RC1HPLIg+mYPQmvPke+hdY+S68ehuevIHQvYpV5/i2KIxKg5pUUew1AaL6wM4cl4oPFJjxFMJ0H6BbIIgBwAbeLSzABLBVKpVszGvSCf27r5dCNE7h1tYWX1U0ECHUaDT+REhryKENrTFbwdLj+skRxIAeM+ka4rGV2QWv2vCIjVoAryC0Jk6MCk6fGvoY0OkFoF80UDsG8AG8j/BtD78YWRSMNNoJQbSe/1Zw0tmwBB6kE0ZG+wXI4v1ECYAIdbKzf/+povypEui6t/jnwvIf5FVJ1Cj/1+UAAAAASUVORK5CYII=) no-repeat left center; width: 29px; height: 38px; }.clarity-click, .clarity-click-ring, .clarity-touch, .clarity-touch-ring { position: absolute; z-index: 2147483647; border-radius: 50%; background: radial-gradient(rgba(0,90,158,0.8), transparent); width: 22px; height: 22px;}.clarity-click-ring { background: transparent; border: 1px solid rgba(0,90,158,0.8); }.clarity-touch { background: radial-gradient(rgba(242,97,12,1), transparent); }.clarity-touch-ring { background: transparent; border: 1px solid rgba(242,97,12,0.8); }.clarity-pointer-click { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAmCAYAAAA4LpBhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVoSURBVHgB7VdNTCRFGP2qe6aBGRhA5mfJ7kZcV0XQTQx68MYabl44yMWbetAY3IMX12gWMCZeSLwSEi/GiAHF1SjqMAhoshuTJbg/GkM0xMQIBMj8D/Nfvq+6enZmEtFdhsSDRT66q6qnXr33varqJvoPFUHHWIw6IK6/2tbWdg8dMzBJKQXHwMCAG9UPhBDXW1tbA2gz6BhKZVAAGTs7Oy5um5+fP9fU1LQExv6xsbHGAzNDHrivr88KhUJegH+0ubkp19fXZVdX1w2v13tCAzdcbhPR3N7e3gnQuY0ry3L7nRcUcCAQuIE4MTs7a1IDi9CgXuQxCNBPNq6uyF+HWuTO5IvVjEP6uSMXlk1qYCOVSnFOgYvRLUtmVmbp9HfvUSQSebS5uXkRwIFGSF2zZFpaWoTtWEHCcgvDclPm+4/p3qvvK2CPx7M4MTERZB/QEYoCxVJxBhHsYvwn0+2WKiyLslc+pfuufSjD4fAjyG+Y03AUVyupsDRkR0eHcXBwYMuNKQi3BaYIt5uYce6Hz8XZ63MMzFKHp6am/HcrtQJZWVkhl8tVIju/KqkmgBxAdQXr3LUv6exPl5XUxWIxMjk5GRgZGbljxpWZ7u3tCX3PPCuALDEYk2Ytij9+RQ9ufFEx18LCgv9Ol5PjXsUQg9hSsXubLA3IwC7JoVgjSjfD9PDm1xVzjY6O+qnWlIeDshOxGzkzVRNgeW2mdl6FfXVkxiQsKv/8LfX9sUScY4yxCPAQpP5XjA0GwFJRTLPZrG5mUFcln6Ytc+Uq0CdcLgAvyf4/lxUw1vA3LDVVpexQedfW1ojdW2m1N4cKM8PllqLKUMI0SRhCsuVKtyLUv7XsuJo3kOA/mUt1Dg4OsqRqZ4JUPJZtIttAaqMAMzQarH8NCzwqSzcjghlrcynGh63jGinwA5VP9efIaBr2vqgBnGeltH+nJonCjPts4HPIb5iXE2nP1IPyXssniZNTBhVq0RhC3p6QTd/oHxLpk4/t356yelQawijrecnek6fKOI/9w8PDYQw1ND4+zs/LelAxNzcndIdRLRwzs5kIYT7wJL17q7D/2tPn0+jIcDunRDMt6/SUmbQT6Htra2vrAj+k+yugFRT9I6qVEGxCZwCY3784dillmubr6CqWSqUyD4a61CDclsVKSGM7TaGe8vl8yenpaTMajTqTqeSUjUSdnZ3O5iCrYUXwDM1ke+ni2NspwzAuoTGBweN8xdYZd7vdXE8jMqjnAFjEq06RQZhdT08P1RdONCWTSaEFdeSyqQfvFzO5XnrupdHfAfgm+rcxeBJdaUQS+28K9QQDcxv6eaHntWLSMdHu7q6zxWorVGnNZ6nQVmVJmSEDovoGWGyjixkmLcuK4mSKglEUk4kjYriPFwqFGF550qgzeA6/KTJTx6jVTNXRBt3ZvSpP1OSlmYNeev7lVxQgYqtcLicAmkQKohgsBnViuVwuBpZRXON8j3M2GY/HE5xTv9+fw9Ip4DknlzXAnFM2VDtMcBrXz7Cw+YFNMHoWAOdx/wTue7kf5uAXcR/CWxee7u5uD64tiGaERbZR/3Zb5E4fBj0FNpcRv8GVz4DVU2DyOKR7CLPu5rdFPagzoOmE3uxNDWJUgYl6UFEFCswWH2S6ANBVGCQKwDzu05hAEsDpWCyWw3MFsu0v6S6LySlcXV3lVxUTRnDl8/lfIGkGOcwhMuxWuPQgax9BDKicSUcoyq3sLrAqgxEPmgZ4AtImcWIkcPpk0MaAxUYAVhcT1m4GeCvuu/htD58YQWwY7ah7tNEa/lnBSeeBHeA2sh3ZdFyAXNRHlAawqNadx/edqrc/wwE66lv8/4XLX3gjac6XP/Y1AAAAAElFTkSuQmCC); }.clarity-pointer-none { background: none; }.clarity-pointer-move { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAmCAYAAAA4LpBhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASDSURBVHgB7VdPTCNlFH8z0/+FFmRatnFNiDGR4O4mBk08smZvXjjIxRueNME9eHGNxoLxSNwr4WyigYToQRJLjXDzQtDNmnhR4kWWAJm20ymddtrx94bvI9NBWAptsod9ycvM92fe73vv/b73fUP0DIlCfRQ1AMTtjwcHB1+gPgOT67oK6+TkZBjNbxRF+X1gYCCDPpX6IKdGAaTu7++HuG9tbe1ONBr9GR7r+Xy+98DsIRuemJiIjI6OJgH+3e7urruzs+OOjIw8SiaTNwRwz8OtQWPpdHoYoKt///ar2/jxaw84k8k8gt5YWVnRqEfi90BrtVph0Uetx0V67d9fqFAo3G6324XZ2VldLK4noK4AVqvVaoh8YZTAxWLxdiwW20CoM70IdceWicfjSpCxfuBEIrGxsLCQZR7QNcQDwFaRRhRmcXCSL9S3kN8CtlP2Oqz2QoWt4Q4NDanHx8cy3HQBMIe6sLS0pF811B7I5uYmhUKh1nmAQWAOteM4xcXFxczMzEzXHp+u9PDwUBHvymWBmVzr6+t6t9tJhtPzEEYuFaoguebm5nTqJOXFoMxEVCO50tMFXBaYcwwbGwAfRagv5bEKthK2igdUr9epG/EDYw//xKGmzoLz/6BQd3t7m5i9dAUJsJoLSPZp5PIGp6amXHjsVSaEirqVALk8jy/axx2hwAcMTlcRH/Ad5LfA24kEZ4JzudbySSJzyqDnomq37pH14utH/iUrCA5HCeRwHYXc8dzNNs5jfXp6uoD+e/Pz8zzfDYIqq6urihg4NyTaK2/Rw8fNo0/euWvBWI3TwGAiHW2RnjY7LRVjX+7t7d3nSWL8FFSKIj46I0r2ZXr4R/PoQT5f1TTtU3Q5OAbbbAxtV4BwXx07wUI5raJdTaVS5vLysmYYhlyMDJBHJBoeHpbFwQ0CfmuP04P8V1VVVb9AVwXGy/xE6SyHw2FuW9Aa2jYAHVx1HAZh78bGxs44wYkm0zS9PPrC1QE4+8HcPwD8HONPYNzEkAU1UX+raFcYmPswzhu9ISLmShIdHBx0lFfVH2s+SyWR/IBofgYvnmCIPTQjkYiBk8mARwYWU4aW8F5uNpslXHkstBncxjcOeyqJ6vfUO9oQd2avlyeKJj3A9z/8yAOE7uHKUgGoiRQYMFZCdEq2bZfgpYFnmd9xzprlcrnCOdV13cbWaWKezGVnAUBOmVBpkOAlPH/AxuYJu/DoPQDcxfubeB/ncZCDL+IpaDKgiVwul8AzDo1BI3RC1HPLIg+mYPQmvPke+hdY+S68ehuevIHQvYpV5/i2KIxKg5pUUew1AaL6wM4cl4oPFJjxFMJ0H6BbIIgBwAbeLSzABLBVKpVszGvSCf27r5dCNE7h1tYWX1U0ECHUaDT+REhryKENrTFbwdLj+skRxIAeM+ka4rGV2QWv2vCIjVoAryC0Jk6MCk6fGvoY0OkFoF80UDsG8AG8j/BtD78YWRSMNNoJQbSe/1Zw0tmwBB6kE0ZG+wXI4v1ECYAIdbKzf/+povypEui6t/jnwvIf5FVJ1Cj/1+UAAAAASUVORK5CYII=); }",o.appendChild(s)}o.style.left=e.x-4+"px",o.style.top=e.y-4+"px";var l="Pointer";switch(a){case 9:case 16:l="Click",n.drawClick(i,e.x,e.y,l),o.className="clarity-pointer-none";break;case 17:case 18:case 20:l="Touch",n.drawTouch(i,e.x,e.y,l),o.className="clarity-pointer-none";break;case 19:l="Touch Move",o.className="clarity-pointer-none";break;case 12:l="Mouse Move",o.className="clarity-pointer-move",n.addPoint({time:t.time,x:e.x,y:e.y}),n.targetId=e.target;break;default:o.className="clarity-pointer-move"}o.setAttribute("title",l+" ("+e.x+"px, "+e.y+"px)")},this.hover=function(){if(n.targetId&&n.targetId!==n.hoverId){for(var t=0,e=n.hoverId?n.layout.element(n.hoverId):null;e&&t<7;)"removeAttribute"in e&&e.removeAttribute("clarity-hover"),e=e.parentElement,t++;t=0;for(var a=n.targetId?n.layout.element(n.targetId):null;a&&t<7;)"setAttribute"in a&&a.setAttribute("clarity-hover",""),a=a.parentElement,t++;n.hoverId=n.targetId}},this.addPoint=function(t){var e=n.points.length>0?n.points[n.points.length-1]:null;e&&t.x===e.x&&t.y===e.y?e.time=t.time:n.points.push(t)},this.drawTouch=function(t,e,a,n){var i=t.documentElement,r=t.createElement("DIV");r.className="clarity-touch",r.setAttribute("title",n+" ("+e+"px, "+a+"px)"),r.style.left=e-11+"px",r.style.top=a-11+"px",r.style.animation="disappear 1 1s",r.style.animationFillMode="forwards",i.appendChild(r);var o=r.cloneNode();o.className="clarity-touch-ring",o.style.left="-0.5px",o.style.top="-0.5px",o.style.animation="pulsate-touch 1 1s",o.style.animationFillMode="forwards",r.appendChild(o)},this.drawClick=function(t,e,a,i){var r=t.documentElement,o=t.createElement("DIV");o.className="clarity-click",o.setAttribute("title",i+" ("+e+"px, "+a+"px)"),o.style.left=e-11+"px",o.style.top=a-11+"px",r.appendChild(o);var s=o.cloneNode();s.className="clarity-click-ring",s.style.left="-0.5px",s.style.top="-0.5px",s.style.animation="pulsate-one 1 1s",s.style.animationFillMode="forwards",o.appendChild(s);var l=s.cloneNode();l.style.animation="pulsate-two 1 1s",o.appendChild(l),"undefined"!=typeof Audio&&(null===n.clickAudio&&(n.clickAudio=new Audio("data:video/webm;base64,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")),n.clickAudio.play())},this.overlay=function(){var t=n.state.window.document,e=t.documentElement,a=t.getElementById("clarity-interaction-canvas");return null===a&&((a=t.createElement("canvas")).id="clarity-interaction-canvas",a.width=0,a.height=0,e.appendChild(a)),a.width===e.clientWidth&&a.height===e.clientHeight||(a.width=e.clientWidth,a.height=e.clientHeight),a},this.match=function(t){for(var e=[],a=n.points.length-1;a>0&&(a>=n.scrollPointIndex&&t-n.points[a].time<3e3);a--)e.push(n.points[a]);return e.slice(0,75)},this.trail=function(t){var e=n.overlay();if(n.state.options.canvas&&e){var a=e.getContext("2d"),i=n.state.options.keyframes?n.curve(n.points.reverse()):n.curve(n.match(t));if(n.hover(),i.length>1){var r=i[0];a.clearRect(0,0,a.canvas.width,a.canvas.height);for(var o=i.length,s=e.offsetLeft,l=e.offsetTop,A=1;A<o;A++){var c=i[A],u=1-(A-1)/o,d=1-A/o,h=a.createLinearGradient(r.x,r.y,c.x,c.y);h.addColorStop(1,n.color(d)),h.addColorStop(0,n.color(u)),a.lineWidth=6*d,a.lineCap="round",a.lineJoin="round",a.strokeStyle=h,a.beginPath(),a.moveTo(r.x-s,r.y-l),a.lineTo(c.x-s,c.y-l),a.stroke(),a.closePath(),r=c}}n.state.options.keyframes&&(n.points=[])}},this.color=function(e){for(var a=t.TRAIL_START_COLOR,n=t.TRAIL_END_COLOR,i=[],r=0;r<3;r++)i[r]=Math.round(n[r]+e*(a[r]-n[r]));return"rgba("+i[0]+", "+i[1]+", "+i[2]+", "+e+")"},this.curve=function(t){var e=.5,a=[],i=[];(a=t.slice(0)).unshift(t[0]),a.push(t[t.length-1]);for(var r=1;r<a.length-2;r++)for(var o=a[r].time,s=Math.max(Math.min(Math.round(n.distance(a[r],a[r-1])),10),1),l=0;l<=s;l++){var A={time:o,x:(a[r+1].x-a[r-1].x)*e,y:(a[r+1].y-a[r-1].y)*e},c={time:o,x:(a[r+2].x-a[r].x)*e,y:(a[r+2].y-a[r].y)*e},u=l/s,d=2*Math.pow(u,3)-3*Math.pow(u,2)+1,h=-2*Math.pow(u,3)+3*Math.pow(u,2),m=Math.pow(u,3)-2*Math.pow(u,2)+u,f=Math.pow(u,3)-Math.pow(u,2),p=d*a[r].x+h*a[r+1].x+m*A.x+f*c.x,g=d*a[r].y+h*a[r+1].y+m*A.y+f*c.y;i.push({time:o,x:p,y:g})}return i},this.distance=function(t,e){var a=t.x-e.x,n=t.y-e.y;return Math.sqrt(a*a+n*n)},this.state=e,this.layout=a}return t.TRAIL_START_COLOR=[242,97,12],t.TRAIL_END_COLOR=[249,220,209],t}(),f=function(){function a(n){var i=this;this.stylesheets=[],this.nodes={},this.events={},this.hashMap={},this.hashMapBeta={},this.state=null,this.reset=function(){i.nodes={},i.stylesheets=[],i.events={},i.hashMap={},i.hashMapBeta={}},this.get=function(t,e){return void 0===e&&(e=!1),t in i.hashMap&&i.hashMap[t].isConnected&&!1===e?i.hashMap[t]:t in i.hashMapBeta&&i.hashMapBeta[t].isConnected?i.hashMapBeta[t]:null},this.box=function(t){for(var e=0,a=t.data;e<a.length;e++){var n=a[e],r=i.element(n.id);i.resize(r,n.width,n.height)}},this.addToHashMap=function(t,e){i.hashMap[t.hash]=i.get(t.hash)||e,i.hashMapBeta[t.hashBeta]=i.get(t.hashBeta)||e},this.resize=function(t,e,a){t&&1===t.nodeType&&e&&a&&(t.style.width=e+"px",t.style.height=a+"px",t.style.boxSizing="border-box")},this.element=function(t){return null!==t&&t>0&&t in i.nodes?i.nodes[t]:null},this.dom=function(a){return t(i,void 0,void 0,(function(){var t;return e(this,(function(e){switch(e.label){case 0:return a&&((t=this.state.window.document)&&t.documentElement)?(t.documentElement.style.visibility="hidden",this.markup(a),[4,Promise.all(this.stylesheets)]):[3,2];case 1:e.sent(),t.documentElement.style.visibility="visible",e.label=2;case 2:return[2]}}))}))},this.exists=function(t){if(t){var e=i.get(t);if(e){var a=e.getBoundingClientRect();return a&&a.width>0&&a.height>0}}return!1},this.markup=function(t){for(var e=t.data,n=t.event,r=i.state.window.document,o=function(t){var e=i.element(t.parent),o=i.element(t.previous),s=i.insertAfter,l=t.tag;switch(l&&0===l.indexOf("iframe:")&&(l=t.tag.substr("iframe:".length)),l){case"*D":var A=l!==t.tag?e?e.contentDocument:null:r;A&&A===r&&5===n&&i.reset(),"undefined"!=typeof XMLSerializer&&A&&(A.open(),A.write((new XMLSerializer).serializeToString(A.implementation.createDocumentType(t.attributes.name,t.attributes.publicId,t.attributes.systemId))),A.close());break;case"*P":i.nodes[t.id]=e,i.addToHashMap(t,e);break;case"*S":if(e){var c=i.element(t.id);if(c=c||e.attachShadow({mode:"open"}),"style"in t.attributes){var u=r.createElement("style");c.firstChild&&"clarity-adopted-style"===c.firstChild.id&&(u=c.firstChild),u.id="clarity-adopted-style",u.textContent=t.attributes.style,c.appendChild(u)}i.nodes[t.id]=c,i.addToHashMap(t,c)}break;case"*T":var d=i.element(t.id);(d=d||r.createTextNode(null)).nodeValue=t.value,s(t,e,d,o);break;case"*M":var h=i.element(t.id);h&&h.nodeType===Node.ELEMENT_NODE&&h.setAttribute("data-clarity-suspend","");break;case"HTML":var m=l!==t.tag?e?e.contentDocument:null:r;if(null!==m){var f=i.element(t.id);if(null===f){f=m.implementation.createHTMLDocument("").documentElement;var p=m.importNode(f,!0);m.replaceChild(p,m.documentElement),m.head&&m.head.parentNode.removeChild(m.head),m.body&&m.body.parentNode.removeChild(m.body)}i.setAttributes(m.documentElement,t),5===n&&(m.documentElement.style.visibility="hidden"),i.nodes[t.id]=m.documentElement,i.addToHashMap(t,m.documentElement)}break;case"HEAD":var g=i.element(t.id);if(null===g){if(g=r.createElement(t.tag),t.attributes&&"*B"in t.attributes){var v=r.createElement("base");v.href=t.attributes["*B"],g.appendChild(v)}var w=r.createElement("style");w.innerText=i.getCustomStyle(),g.appendChild(w)}i.setAttributes(g,t),s(t,e,g,o);break;case"LINK":var y=i.element(t.id);y=y||i.createElement(r,t.tag),t.attributes||(t.attributes={}),i.setAttributes(y,t),"rel"in t.attributes&&"stylesheet"===t.attributes.rel&&i.stylesheets.push(new Promise((function(t){y.onload=y.onerror=i.style.bind(i,y,t),setTimeout(t,a.TIMEOUT)}))),s(t,e,y,o);break;case"STYLE":var b=i.element(t.id);b=b||r.createElement(t.tag),i.setAttributes(b,t),b.textContent=t.value,s(t,e,b,o),i.style(b);break;case"IFRAME":var x=i.element(t.id);x=x||i.createElement(r,t.tag),t.attributes||(t.attributes={}),i.setAttributes(x,t),s(t,e,x,o);break;default:var E=i.element(t.id);E=E||i.createElement(r,t.tag),i.setAttributes(E,t),i.resize(E,t.width,t.height),s(t,e,E,o)}t.id&&(i.events[t.id]=t)},s=0,l=e;s<l.length;s++){o(l[s])}},this.style=function(t,e){void 0===e&&(e=null);try{for(var a=t.sheet,n=a?a.cssRules:[],i=0;i<n.length;i++)if(n[i].cssText.indexOf(":hover")>=0){var r=n[i].cssText.replace(/:hover/g,"[clarity-hover]");a.removeRule(i),a.insertRule(r,i)}}catch(t){}e&&e()},this.createElement=function(t,e){if(e&&0===e.indexOf("svg:"))return t.createElementNS("http://www.w3.org/2000/svg",e.substr("svg:".length));try{return t.createElement(e)}catch(a){return console.warn("Exception encountered while creating element "+e+": "+a),t.createElement("clarity-unknown")}},this.insertAfter=function(t,e,a,n){if(!i.events[t.id]||i.events[t.id].parent!==t.parent||i.events[t.id].previous!==t.previous){var r=n&&n.parentElement===e?n.nextSibling:null;r=null===n&&e?i.firstChild(e):r,i.insertBefore(t,e,a,r)}},this.firstChild=function(t){var e=t.firstChild;return e&&1===e.nodeType&&"BASE"===e.tagName?e.nextSibling:e},this.insertBefore=function(t,e,a,n){if(null!==e){n=n&&n.parentElement!==e?null:n;try{e.insertBefore(a,n)}catch(n){console.warn("Node: "+a+" | Parent: "+e+" | Data: "+JSON.stringify(t)),console.warn("Exception encountered while inserting node: "+n)}}else null===e&&null!==a.parentElement&&a.parentElement.removeChild(a);i.nodes[t.id]=a,i.addToHashMap(t,a)},this.setAttributes=function(t,e){var a=e.attributes||{},n=!1;a["data-clarity-id"]=""+e.id,a["data-clarity-hash"]=""+e.hash,a["data-clarity-hashbeta"]=""+e.hashBeta;var i=1===t.nodeType?t.tagName.toLowerCase():null;if(t.attributes)for(var r=t.attributes.length;t.attributes&&r>0;)"clarity-hover"!==t.attributes[0].name&&t.removeAttribute(t.attributes[0].name),r--;for(var o in a)if(void 0!==a[o])try{var s=a[o];if(0===o.indexOf("xlink:"))t.setAttributeNS("http://www.w3.org/1999/xlink",o,s);else if(0===o.indexOf("*O"))n=!0;else if(0===o.indexOf("*"));else if("iframe"===i&&(0===o.indexOf("src")||0===o.indexOf("allow"))||"sandbox"===o)t.setAttribute("data-clarity-"+o,s);else if("img"!==i||0!==o.indexOf("src")||null!==s&&0!==s.length)t.setAttribute(o,s);else{t.setAttribute(o,"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=");var l="l";e.width&&(l=e.width<=200?"m":e.width<=75?"s":l),t.setAttribute("data-clarity-hide",l)}}catch(e){console.warn("Node: "+t+" | "+JSON.stringify(a)),console.warn("Exception encountered while adding attributes: "+e)}!1===n&&"iframe"===i&&"function"==typeof t.setAttribute&&t.setAttribute("data-clarity-unavailable",""),"img"!==i||t.hasAttribute("alt")||t.setAttribute("alt",""),"form"!==i&&"input"!==i||(t.hasAttribute("autocomplete")&&t.removeAttribute("autocomplete"),t.setAttribute("autocomplete","new-password"))},this.getCustomStyle=function(){return'img[data-clarity-hide] { background-color: #CCC; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANvSURBVHgB7Ve9VhpREJ5dU6BNVqt0wS6dpEuX9QmiTyA+gfgE4BOgZSrJE4hlKvEJxDKVa2caoaSSfB87F4Z7dtmFhFTMOfcMe52Z+935u6PIhjb0dxTIihRFUQ2M6z0/dXuI9ay8PwTJklQaEADw0JMgCI4USFSkMx6Pe2BdrFtgS6QEFQICjirYGYDUc0AMcXCCvw8XAVVwHQD7IasAokfCMGzB0NmCA1o44N7T+wpwlwouT+80z2NbOWAaMHqDn7FuJcorapRATkej0bOvyz2s7zs7O2L0GbYXrCrscjUqlUoAuZ6vH3hAIr3diW4xHC3wW+w/KZhLgDmXEgRzbR6udvbBD/DdITB3UewfWm+FRpnIHwyYLo1A+Aq/vzkDWFdSni4krTjm1RnDOxgM9nFOS//OM++0YmeAFMydQw4gDSgeu7LVyprE3489je3u7t5waQFMifrQ6ehn7PZfX18v6BkFOwcq9MDQQKxeseRu0PXARJprBHxED2t7sPSol6p5YHs467OkXo8cqBA/rmXmmVO/atzZzk4G0Kond+DJJJLmStc3Sm+rpxLVbYcEoRu8xbWNp9U1B1rqyzzIRNQj5tAe84ZVKVmGZ6BoK5Vh2JADT1hjLny3rBL27nS/7RtUXZdDmb1H5Ug1rDgjrFMKrGGb2CzPt7e3C95gb2+vqeU/1Mor/UZpg21og50CsfYzATllsLY+E6TE60OTPoUqOV8EQNKKmuTTgifHAmO4GOokyDFah2BTTAOTNFcmIQFI3qyVoxurp+dIL3ZF72bYdzL1zKcDLb2P1n4rqUfcg/nB3Cre3t6uQeY3ZBOri72q87B7ULHY035CdmTs85H9BVlR23yWumVf+6YJo0/MK7qcI8al9RCqq9R4w4ICq9JDYZEwk44ly2TWFtGT+VKnF2PwB6cis8sUzkw+vSsrqNXQ0eUmxo+S5gEPfvQBSTpNLjU1rjzCLiKEYAAWMQRFA5m2GzdJxIUhW5H6yutFguhRToapcb8WQGwL5MwtDnt5cvQOZJuq0yHfkjUQWwHbAn5+AqgvKHGW/IsPRquR+ZdgcQIdrStkYh5tN1ocZYCpSto2Dqezl6yRMga/yQSpXToyYFzOrReQAcUhzp8E+E4eWzD/lTgxuPFGR5Wlm+Y/J3qL/7fJhja0RvoDR4Tn4Lo/zi8AAAAASUVORK5CYII=); background-repeat:no-repeat; background-position: center; }img[data-clarity-hide=s] { background-size: 18px 18px; }img[data-clarity-hide=m] { background-size: 24px 24px; }img[data-clarity-hide=l] { background-size: 36px 36px; }iframe[data-clarity-unavailable] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAiCAYAAAAge+tMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAU6SURBVHgBzVg7TyNJEG6bh5AIjpOQeCXj7LL18pDIdpztRYuzy7CjCzG/ADu8CO8vwEQXrgkvws6QeNiEFzEk4GznIFnxvO/zVntrhx6/kLxb0mh6uqurvq6urqqehHklra+ve3d3dx8SiUT6+fk5ja4ZtGf4tjzoD9AXoBmiXUsmk+cnJyc18wpKmCFodXXVx8t/enraBCDPDEchniqeg9PT06oZkAYCTsCw2A6afjc+8IQCjGR3oBtxR/bHx8crR0dHgemD+gIugPfQ9OJ4BGwF72qj0ajrsTQI7rEFcDnTndoLeHh4KDebzdAMC5z+e39/T8B+Nz6AbcJtslAWdOMDfg8LONTuJf7vRVgDPEW40H6crLG4AVi58Pj4+Deav0WUFIjBfDt8NYD+HaBbpge1Wq1wbm5uH+DXjewe5IXQ85buxAMurJS9sbi46IG/jnlforKS0Q7f92dWVlYOAXLXgqMb4CmcnZ2l8E5YpVwIlGZ7basm8nIO50qXNzY29g6y8+hP0RCKPYexBne+K3Ay3N7eNoxyDViziicFwR+la8uOwULFQUBr8LB6XgOU/gDukcGittUY3bUBY25oGR0fX1tbSwPgoVFWxquoAFufv5DxgDvgAsZdu7m52WR7cnLyIC5SAMxnqw+6PRzqSzvmOg9coPX7ZAzoAN9vNWgSQKfVpzP2yq5dQGGZD61F+S5e6KnYNkD6eozWBwZav6m6K1hs2yBJB2hGiIwrQmDsjfp8MS6L2zMqa7INebvGTedKthcdtODN90Yi+I2kCO0owsq3e4U1EqOBq98FwNWnxgKCgd66a5znAe6RjYDfGsdJzmtfgqBPWFE+Jg2HSmFcNuS8QqSv5mLkwQewiumDBKcn87JJ5UuB8BDQJ8TxYnQyFnep2ukYMCXzvXUY57ddvIOGUeIUNw47UQWneEYsrwFVJiYmSjYqkAdx9bOMMR6n4pSTF7J+0ZHCRVKwfaA7SXUZ0g3xNJn+j4+Pm655L1L+8vLyrmRHS4FR6ZfJyUichyKGy5IZgvot2EA1GC8fDanOWgXgCwBPodqPqxCwjQKIljmUPiaSTJxVuoAuCui+CXhKqOGLne84xpgEQKqoSwMpwIIy/ZajUdBytspSVV6KblaT79AsaP0afM+yFtbP4bXT48LAWqYEtymbHrIgZy/SnYurAsV4O7ocRjvD21Nf9bgIYMbK9VgAq8f2rYYHbHp6OqjVau3DK+UCXcw1P9ethI2cO9YzqYFuQLIA3/TegTYxpbPqE+UdazM7o82suWn6AC8Rr2F10upjZgBiPX19fd3E83F+fr5mviakKQiad/FDWfHq6upftlFbM0N7AvwP1kHoY5Fmzwrr7wCyzx16vywsLBDwe9s31GU5ShKz30gOmLGWQZwv2fIBYfRZ2JnCf7Vz0V8xyvIsaV1nReeQ9oXGjIDoYlB6IZ811tx6PAo+Gvoswd0urFGS5icgLCSHV8e/GS5dJYemUQHXxZnnYugFXtzRzg1HApz1jC3iqFzqkxfUDTxcTc9pDhRVXkOICrSYb78RPQ5cfOivRqKNv7S0lMAi/lTRqziSw0mSqMADauufbLdfb45ir032rjsyi0ssnlJWfw/Ltlxxm4T+fyR2+7qfi+GckQEXMHWA9c3XRDRl5KcPXOE/JKrA8vEvwezsLH8a5YwqEWDtMqz9F9sjcxVL4jJM/RuRoVB+iZjob2qSgO7cpEYO3BJrfry2etU8XAx4XtyBfxhwki3aAGyT9b39HS3/KJsoGSr4rLuuh/8DlPszm7LNbUUAAAAASUVORK5CYII=) no-repeat center center, url(\'data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%"><rect width="100%" height="100%" style="fill:rgb(204,204,204)"/><line stroke-dasharray="5, 5" x1="0" y1="100%" x2="100%" y2="0" style="stroke:rgb(119,119,119);stroke-width:1"/><line stroke-dasharray="5, 5" x1="0" y1="0" x2="100%" y2="100%" style="stroke:rgb(119,119,119);stroke-width:1"/><circle cx="50%" cy="50%" r="40" fill="rgb(204,204,204)"/></svg>\'); }*[data-clarity-suspend] { filter: grayscale(100%); }'},this.state=n}return a.TIMEOUT=3e3,a}(),p=function(){function a(){var a=this;this._state=null,this.renderTime=0,this.dom=function(n){return t(a,void 0,void 0,(function(){return e(this,(function(t){switch(t.label){case 0:return[4,this.layout.dom(n)];case 1:return t.sent(),[2]}}))}))},this.get=function(t){return a.layout.get(t)},this.html=function(t,e,n,i){if(void 0===n&&(n=null),t&&t.length>0&&e){var r=a.merge(t);for(a.setup(e,{version:t[0].envelope.version,dom:r.dom});r.events.length>0&&!1===a.layout.exists(n);){var o=r.events.shift();switch(o.event){case 6:var s=o;if(a.renderTime=s.time,i&&a.renderTime>i)break;a.layout.markup(s)}}}return a},this.time=function(){return a.renderTime},this.clickmap=function(t){if(null===a.state)throw new Error('Initialize heatmap by calling "html" or "setup" prior to making this call.');a.heatmap.click(t)},this.clearmap=function(){if(null===a.state)throw new Error('Initialize heatmap by calling "html" or "setup" prior to making this call.');a.heatmap.clear()},this.scrollmap=function(t,e,n){if(null===a.state)throw new Error('Initialize heatmap by calling "html" or "setup" prior to making this call.');a.heatmap.scroll(t,e,n)},this.merge=function(t){var e={timestamp:null,envelope:null,dom:null,events:[]};t=t.sort(a.sortPayloads),a.enrich=a.enrich||new d,a.enrich.reset();for(var n=0,i=t;n<i.length;n++){var r=i[n];e.timestamp=e.timestamp?e.timestamp:r.timestamp,e.envelope=r.envelope;for(var o=0,s=Object.keys(r);o<s.length;o++){var l=s[o],A=r[l];if(Array.isArray(A))for(var c=0,u=A;c<u.length;c++){var h=u[c];switch(l){case"dom":var m=a.enrich.selectors(h);5===h.event?e.dom=m:e.events.push(h);break;default:e.events.push(h)}}}}return e.events=e.events.sort(a.sortEvents),e},this.setup=function(t,e){return a.reset(),e.canvas=!("canvas"in e)||e.canvas,e.keyframes="keyframes"in e&&e.keyframes,a._state={window:t,options:e},a.enrich=new d,a.data=new n(a.state),a.layout=new f(a.state),a.heatmap=new h(a.state,a.layout),a.interaction=new m(a.state,a.layout),e.dom&&a.layout.dom(e.dom),a},this.render=function(t){if(null===a.state)throw new Error('Initialize visualization by calling "setup" prior to making this call.');for(var e=0,n=0,i=t;n<i.length;n++){var r=i[n];switch(e=r.time,r.event){case 0:a.data.metric(r);break;case 7:a.data.region(r);break;case 37:a.layout.box(r);break;case 6:a.layout.markup(r);break;case 13:case 14:case 12:case 15:case 9:case 16:case 17:case 20:case 18:case 19:a.interaction.pointer(r);break;case 28:a.interaction.visibility(r);break;case 27:a.interaction.input(r);break;case 21:a.interaction.selection(r);break;case 11:a.interaction.resize(r);break;case 10:a.interaction.scroll(r)}}t.length>0&&a.interaction.trail(e)},this.reset=function(){var t,e,n,i,r;null===(t=a.data)||void 0===t||t.reset(),null===(e=a.interaction)||void 0===e||e.reset(),null===(n=a.layout)||void 0===n||n.reset(),null===(i=a.heatmap)||void 0===i||i.reset(),null===(r=a.enrich)||void 0===r||r.reset(),a._state=null,a.renderTime=0},this.sortEvents=function(t,e){return t.time-e.time},this.sortPayloads=function(t,e){return t.envelope.sequence-e.envelope.sequence}}return Object.defineProperty(a.prototype,"state",{get:function(){return this._state},enumerable:!1,configurable:!0}),a}(),g=(c=new p).state,v=c.dom,w=c.get,y=c.html,b=c.time,x=c.clickmap,E=c.clearmap,C=c.scrollmap,k=c.merge,I=c.setup,B=c.render,R=Object.freeze({__proto__:null,state:g,dom:v,get:w,html:y,time:b,clickmap:x,clearmap:E,scrollmap:C,merge:k,setup:I,render:B});"undefined"!=typeof window&&(void 0!==window.clarity&&null!==window.clarity||(window.clarity={}),window.clarity.visualize=R)}();
1
+ !function(){"use strict";function t(t,e,a,n){return new(a||(a=Promise))((function(i,r){function o(t){try{c(n.next(t))}catch(t){r(t)}}function s(t){try{c(n.throw(t))}catch(t){r(t)}}function c(t){var e;t.done?i(t.value):(e=t.value,e instanceof a?e:new a((function(t){t(e)}))).then(o,s)}c((n=n.apply(t,e||[])).next())}))}function e(t,e){var a,n,i,r,o={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return r={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(r[Symbol.iterator]=function(){return this}),r;function s(r){return function(s){return function(r){if(a)throw new TypeError("Generator is already executing.");for(;o;)try{if(a=1,n&&(i=2&r[0]?n.return:r[0]?n.throw||((i=n.return)&&i.call(n),0):n.next)&&!(i=i.call(n,r[1])).done)return i;switch(n=0,i&&(r=[2&r[0],i.value]),r[0]){case 0:case 1:i=r;break;case 4:return o.label++,{value:r[1],done:!1};case 5:o.label++,n=r[1],r=[0];continue;case 7:r=o.ops.pop(),o.trys.pop();continue;default:if(!(i=o.trys,(i=i.length>0&&i[i.length-1])||6!==r[0]&&2!==r[0])){o=0;continue}if(3===r[0]&&(!i||r[1]>i[0]&&r[1]<i[3])){o.label=r[1];break}if(6===r[0]&&o.label<i[1]){o.label=i[1],i=r;break}if(i&&o.label<i[2]){o.label=i[2],o.ops.push(r);break}i[2]&&o.ops.pop(),o.trys.pop();continue}r=e.call(t,o)}catch(t){r=[6,t],n=0}finally{a=i=0}if(5&r[0])throw r[1];return{value:r[0]?r[1]:void 0,done:!0}}([r,s])}}}var a,n=function(){function t(e){var a=this;this.regionMap={},this.regions={},this.metrics={},this.lean=!1,this.reset=function(){a.metrics={},a.lean=!1,a.regions={},a.regionMap={}},this.metric=function(e){if(a.state.options.metadata){var n=[],i=[];for(var r in e.data)if("number"==typeof e.data[r]){r in a.metrics||(a.metrics[r]=0);var o=parseInt(r,10);!(r in t.METRIC_MAP)||"html-price"!==t.METRIC_MAP[r].unit&&"ld-price"!==t.METRIC_MAP[r].unit?a.metrics[r]+=e.data[r]:a.metrics[r]=e.data[r],a.lean=1===o&&0===e.data[r]||a.lean}for(var s in a.metrics)if(s in t.METRIC_MAP){r=a.metrics[s];var c=t.METRIC_MAP[s],l="unit"in c?c.unit:"";n.push("<li><h2>".concat(a.value(r,l),"<span>").concat(a.key(l),"</span></h2>").concat(c.name,"</li>"))}for(var A in a.regions){var u=a.regions[A],d=10===u.visibility?"visible":20===u.interaction?"clicked":"";i.push('<span class="'.concat(d,'">').concat(A,"</span>"))}a.state.options.metadata.innerHTML="<ul>".concat(n.join(""),"</ul><div>").concat(i.join(""),"</div>")}},this.key=function(t){switch(t){case"html-price":case"ld-price":case"cls":return"";default:return t}},this.value=function(t,e){switch(e){case"KB":return Math.round(t/1024);case"s":return Math.round(t/10)/100;case"cls":return t/1e3;case"html-price":return t/100;default:return t}},this.state=e}return t.prototype.region=function(t){for(var e=0,a=t.data;e<a.length;e++){var n=a[e];n.name in this.regions||(this.regions[n.name]={interaction:n.interaction,visibility:n.visibility}),this.regionMap[n.id]=n.name}},t.METRIC_MAP=((a={})[2]={name:"Total Bytes",unit:"KB"},a[4]={name:"Total Cost",unit:"ms"},a[3]={name:"Layout Cost",unit:"ms"},a[8]={name:"LCP",unit:"s"},a[9]={name:"CLS",unit:"cls"},a[7]={name:"Long Tasks"},a[24]={name:"Cart Total",unit:"html-price"},a[13]={name:"Product Price",unit:"ld-price"},a[6]={name:"Thread Blocked",unit:"ms"},a),t}();var i=["DIV","TR","P","LI","UL","A","BUTTON"];function r(t){for(var e=0;e<t.length;e++){var a=t.charCodeAt(e);if(a>=48&&a<=57)return!0}return!1}var o=1,s=[],c=[],l={};var A,u={hash:function(t){for(var e=5381,a=e,n=0;n<t.length;n+=2){if(e=(e<<5)+e^t.charCodeAt(n),n+1<t.length)a=(a<<5)+a^t.charCodeAt(n+1)}return Math.abs(e+11579*a).toString(36)},selector:function(t,e){void 0===e&&(e=!1);var a=t.attributes,n=t.prefix?t.prefix[e?1:0]:null,o=e||a&&!("class"in a)||i.indexOf(t.tag)>=0?":nth-of-type(".concat(t.position,")"):"";switch(t.tag){case"STYLE":case"TITLE":case"LINK":case"META":case"*T":case"*D":return"";case"HTML":return"HTML";default:if(null===n)return"";n="".concat(n,">"),t.tag=0===t.tag.indexOf("svg:")?t.tag.substr("svg:".length):t.tag;var s="".concat(n).concat(t.tag).concat(o),c="class"in a&&a.class.length>0?a.class.trim().split(/\s+/):null;if(e){var l="id"in a&&a.id.length>0?a.id:null;s=(c="BODY"!==t.tag&&c?c.filter((function(t){return!r(t)})):[]).length>0?"".concat(n).concat(t.tag,".").concat(c.join(".")).concat(o):s,s=l&&!1===r(l)?"".concat(function(t){var e=t.lastIndexOf("*S"),a=t.lastIndexOf("".concat("iframe:").concat("HTML")),n=Math.max(e,a);if(n<0)return"";var i=t.indexOf(">",n)+1;return t.substr(0,i)}(n),"#").concat(l):s}else s=c?"".concat(n).concat(t.tag,".").concat(c.join(".")).concat(o):s;return s}},get:function(t){var e=function(t,e){if(void 0===e&&(e=!1),null===t)return null;var a=null.get(t);return!a&&e&&(a=o++,null.set(t,a)),a||null}(t);return e in c?c[e]:null},getNode:function(t){return t in s?s[t]:null},lookup:function(t){return t in l?l[t]:null}},d=function(){var t=this;this.reset=function(){t.children={},t.nodes={}},this.selectors=function(e){return e.data.forEach((function(e){var a=t.nodes[e.parent],n=t.children[e.parent]||[],i=t.nodes[e.id]||{tag:e.tag,parent:e.parent,previous:e.previous},r=e.attributes||{};if(i.parent!==e.parent){var o=null===e.previous?0:n.indexOf(e.previous)+1;if(n.splice(o,0,e.id),i.parent!==e.parent){var s=t.children[i.parent],c=s?s.indexOf(e.id):-1;c>=0&&t.children[i.parent].splice(c,1)}i.parent=e.parent}else n.indexOf(e.id)<0&&n.push(e.id);i.position=t.position(e.id,e.tag,i,n,n.map((function(e){return t.nodes[e]})));var l={tag:e.tag,prefix:a?[a.stable,a.beta]:null,position:i.position,attributes:r},A=u.selector(l);e.selector=A.length>0?A:null,e.hash=A.length>0?u.hash(e.selector):null;var d=u.selector(l,!0);e.selectorBeta=d.length>0?d:null,e.hashBeta=d.length>0?u.hash(e.selectorBeta):null,i.stable=A,i.beta=d,t.nodes[e.id]=i,e.parent&&(t.children[e.parent]=n)})),e},this.position=function(t,e,a,n,i){a.position=1;for(var r=n?n.indexOf(t):-1;r-- >0;)if(e===i[r].tag){a.position=i[r].position+1;break}return a.position},this.reset()},h=function(){function t(e,a){var n=this;this.data=null,this.scrollData=null,this.max=null,this.offscreenRing=null,this.gradientPixels=null,this.timeout=null,this.observer=null,this.state=null,this.layout=null,this.scrollAvgFold=null,this.addScrollMakers=!1,this.reset=function(){if(n.data=null,n.scrollData=null,n.max=null,n.offscreenRing=null,n.gradientPixels=null,n.timeout=null,n.observer&&(n.observer.disconnect(),n.observer=null),n.state&&n.state.window){var t=n.state.window;t.removeEventListener("scroll",n.redraw,!0),t.removeEventListener("resize",n.redraw,!0)}},this.clear=function(){var t=n.state.window.document,e=n.state.window,a=t.getElementById("clarity-heatmap-canvas"),i=t.documentElement;a&&(a.width=i.clientWidth,a.height=i.clientHeight,a.style.left=e.pageXOffset+"px",a.style.top=e.pageYOffset+"px",a.getContext("2d").clearRect(0,0,a.width,a.height)),n.reset()},this.scroll=function(t,e,a){n.scrollData=n.scrollData||t,n.scrollAvgFold=null!=e?e:n.scrollAvgFold,n.addScrollMakers=null!=a?a:n.addScrollMakers;var i=n.overlay(),r=i.getContext("2d"),o=n.state.window.document,s=o.body,c=o.documentElement,l=Math.max(s.scrollHeight,s.offsetHeight,c.clientHeight,c.scrollHeight,c.offsetHeight);if(i.height=Math.min(l,4e4),i.style.top="0px",i.width>0&&i.height>0&&n.scrollData){for(var A=r.createLinearGradient(0,0,0,i.height),u=0,d=n.scrollData;u<d.length;u++){var h=d[u],m=1-h.cumulativeSum/n.scrollData[0].cumulativeSum,f=h.scrollReachY/100*(l/i.height),p=240*m;f<=1&&A.addColorStop(f,"hsla(".concat(p,", 100%, 50%, 0.6)"))}r.fillStyle=A,r.fillRect(0,0,i.width,i.height),n.addScrollMakers&&n.addInfoMarkers(r,n.scrollData,i.width,i.height,n.scrollAvgFold)}},this.addInfoMarkers=function(t,e,a,i,r){n.addMarker(t,a,"Average Fold",r,84);for(var o=function(r){var o=e.reduce((function(t,e){return Math.abs(e.percUsers-r)<Math.abs(t.percUsers-r)?e:t}));if(o.percUsers>=r-2&&o.percUsers<=r+2){var s=o.scrollReachY/100*i;n.addMarker(t,a,"".concat(r,"%"),s,35)}},s=0,c=[75,50,25];s<c.length;s++){o(c[s])}},this.addMarker=function(t,e,a,n,i){t.beginPath(),t.moveTo(0,n),t.lineTo(e,n),t.setLineDash([2,2]),t.lineWidth=1,t.strokeStyle="white",t.stroke(),t.fillStyle="#323130",t.fillRect(0,n-16,i,32),t.fillStyle="white",t.font="500 12px Segoe UI",t.fillText(a,5,n+5)},this.click=function(t){n.data=n.data||t;var e=n.transform(),a=n.overlay(),i=a.getContext("2d");if(a.width>0&&a.height>0){for(var r=n.getRing(),o=n.getGradient(),s=0,c=e;s<c.length;s++){var l=c[s];i.globalAlpha=l.a,i.drawImage(r,l.x-20,l.y-20)}for(var A=i.getImageData(0,0,a.width,a.height),u=0;u<A.data.length;u+=4){var d=A.data[u+3];if(d>0){var h=4*(d-1);A.data[u]=o.data[h],A.data[u+1]=o.data[h+1],A.data[u+2]=o.data[h+2]}}i.putImageData(A,0,0)}},this.overlay=function(){var t=n.state.window.document,e=n.state.window,a=t.documentElement,i=t.getElementById("clarity-heatmap-canvas");return null===i&&((i=t.createElement("CANVAS")).id="clarity-heatmap-canvas",i.width=0,i.height=0,i.style.position="absolute",i.style.zIndex="".concat(2147483647),a.appendChild(i),e.addEventListener("scroll",n.redraw,!0),e.addEventListener("resize",n.redraw,!0),n.observer=n.state.window.ResizeObserver?new ResizeObserver(n.redraw):null,n.observer&&n.observer.observe(t.body)),i.width=a.clientWidth,i.height=a.clientHeight,i.style.left=e.pageXOffset+"px",i.style.top=e.pageYOffset+"px",i.getContext("2d").clearRect(0,0,i.width,i.height),i},this.getRing=function(){if(null===n.offscreenRing){var t=n.state.window.document;n.offscreenRing=t.createElement("CANVAS"),n.offscreenRing.width=40,n.offscreenRing.height=40;var e=n.offscreenRing.getContext("2d");e.shadowOffsetX=40,e.shadowBlur=10,e.shadowColor="black",e.beginPath(),e.arc(-20,20,10,0,2*Math.PI,!0),e.closePath(),e.fill()}return n.offscreenRing},this.getGradient=function(){if(null===n.gradientPixels){var e=n.state.window.document.createElement("CANVAS");e.width=1,e.height=256;for(var a=e.getContext("2d"),i=a.createLinearGradient(0,0,0,256),r=1/t.COLORS.length,o=0;o<t.COLORS.length;o++)i.addColorStop(r*(o+1),t.COLORS[o]);a.fillStyle=i,a.fillRect(0,0,1,256),n.gradientPixels=a.getImageData(0,0,1,256)}return n.gradientPixels},this.redraw=function(t){n.data?(n.timeout&&clearTimeout(n.timeout),n.timeout=setTimeout(n.click,30)):n.scrollData&&"scroll"!=t.type&&(n.timeout&&clearTimeout(n.timeout),n.timeout=setTimeout(n.scroll,30))},this.transform=function(){for(var t=[],e={},a=0,i=n.state.window&&n.state.window.document?n.state.window.document.documentElement.clientHeight:0,r=0,o=n.data;r<o.length;r++){var s=o[r],c=n.layout.get(s.hash);if(c&&"function"==typeof c.getBoundingClientRect){var l=c.getBoundingClientRect(),A=n.visible(c,l,i);if(null===n.max||A)for(var u=0;u<s.points;u++){var d=Math.round(l.left+s.x[u]/32767*l.width),h=Math.round(l.top+s.y[u]/32767*l.height),m="".concat(d).concat("X").concat(h).concat("X").concat(A?1:0);e[m]=m in e?e[m]+s.clicks[u]:s.clicks[u],a=Math.max(e[m],a)}}}n.max=n.max?n.max:a;for(var f=0,p=Object.keys(e);f<p.length;f++){var g=p[f],v=g.split("X"),w=Math.min(e[g]/n.max+.15,1);"1"===v[2]&&t.push({x:parseInt(v[0],10),y:parseInt(v[1],10),a:w})}return t},this.visible=function(t,e,a){var i=n.state.window.document,r=e.height>a;if(!1===r&&e.width>0&&e.height>0)for(;!r&&i;){for(var o=null,s=0,c=i.elementsFromPoint(e.left+e.width/2,e.top+e.height/2);s<c.length;s++){var l=c[s];if(!("CANVAS"===l.tagName||l.id&&0===l.id.indexOf("clarity-"))){r=l===t,o=l.shadowRoot&&l.shadowRoot!=i?l.shadowRoot:null;break}}i=o}return r&&e.bottom>=0&&e.top<=a},this.state=e,this.layout=a}return t.COLORS=["blue","cyan","lime","yellow","red"],t}(),m=function(){function t(e,a){var n=this;this.hoverId=null,this.targetId=null,this.points=[],this.scrollPointIndex=0,this.clickAudio=null,this.reset=function(){n.points=[],n.scrollPointIndex=0,n.clickAudio=null,n.hoverId=null,n.targetId=null,n.layout.reset()},this.scroll=function(t){var e=t.data,a=n.state.window.document,i=a.documentElement,r=n.layout.element(e.target)||a.body,o=r.scrollHeight>r.clientHeight||r.scrollWidth>r.clientWidth;if(r&&o&&r.scrollTo(e.x,e.y),r===i||r===a.body){o||n.state.window.scrollTo(e.x,e.y);var s=n.overlay();s&&(s.style.left=e.x+"px",s.style.top=e.y+"px",s.width=i.clientWidth,s.height=i.clientHeight),n.scrollPointIndex=n.points.length}},this.resize=function(t){var e=t.data,a=e.width,i=e.height;n.state.options.onresize&&n.state.options.onresize(a,i)},this.visibility=function(t){var e=n.state.window.document;e&&e.documentElement&&"visible"!==t.data.visible?(e.documentElement.style.backgroundColor="black",e.documentElement.style.opacity="0.4"):(e.documentElement.style.backgroundColor="transparent",e.documentElement.style.opacity="1")},this.input=function(t){var e=t.data,a=n.layout.element(e.target);if(a)switch(a.type){case"checkbox":case"radio":a.checked="true"===e.value;break;default:a.value=e.value}},this.selection=function(t){var e=t.data,a=n.state.window.document.getSelection();try{a.setBaseAndExtent(n.layout.element(e.start),e.startOffset,n.layout.element(e.end),e.endOffset)}catch(t){console.warn("Exception encountered while trying to set selection: "+t)}},this.pointer=function(t){var e=t.data,a=t.event,i=n.state.window.document,r=i.documentElement,o=i.getElementById("clarity-pointer");if(null===o){(o=i.createElement("DIV")).id="clarity-pointer",r.appendChild(o);var s=i.createElement("STYLE");s.textContent="@keyframes pulsate-one { 0% { transform: scale(1, 1); opacity: 1; } 100% { transform: scale(3, 3); opacity: 0; } }@keyframes pulsate-two { 0% { transform: scale(1, 1); opacity: 1; } 100% { transform: scale(5, 5); opacity: 0; } }@keyframes pulsate-touch { 0% { transform: scale(1, 1); opacity: 1; } 100% { transform: scale(2, 2); opacity: 0; } }@keyframes disappear { 90% { transform: scale(1, 1); opacity: 1; } 100% { transform: scale(1.3, 1.3); opacity: 0; } }"+"#".concat("clarity-interaction-canvas"," { position: absolute; left: 0; top: 0; z-index: ").concat(2147483647,"; background: none; }")+"#".concat("clarity-pointer"," { position: absolute; z-index: ").concat(2147483647,"; url(").concat("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAmCAYAAAA4LpBhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASDSURBVHgB7VdPTCNlFH8z0/+FFmRatnFNiDGR4O4mBk08smZvXjjIxRueNME9eHGNxoLxSNwr4WyigYToQRJLjXDzQtDNmnhR4kWWAJm20ymddtrx94bvI9NBWAptsod9ycvM92fe73vv/b73fUP0DIlCfRQ1AMTtjwcHB1+gPgOT67oK6+TkZBjNbxRF+X1gYCCDPpX6IKdGAaTu7++HuG9tbe1ONBr9GR7r+Xy+98DsIRuemJiIjI6OJgH+3e7urruzs+OOjIw8SiaTNwRwz8OtQWPpdHoYoKt///ar2/jxaw84k8k8gt5YWVnRqEfi90BrtVph0Uetx0V67d9fqFAo3G6324XZ2VldLK4noK4AVqvVaoh8YZTAxWLxdiwW20CoM70IdceWicfjSpCxfuBEIrGxsLCQZR7QNcQDwFaRRhRmcXCSL9S3kN8CtlP2Oqz2QoWt4Q4NDanHx8cy3HQBMIe6sLS0pF811B7I5uYmhUKh1nmAQWAOteM4xcXFxczMzEzXHp+u9PDwUBHvymWBmVzr6+t6t9tJhtPzEEYuFaoguebm5nTqJOXFoMxEVCO50tMFXBaYcwwbGwAfRagv5bEKthK2igdUr9epG/EDYw//xKGmzoLz/6BQd3t7m5i9dAUJsJoLSPZp5PIGp6amXHjsVSaEirqVALk8jy/axx2hwAcMTlcRH/Ad5LfA24kEZ4JzudbySSJzyqDnomq37pH14utH/iUrCA5HCeRwHYXc8dzNNs5jfXp6uoD+e/Pz8zzfDYIqq6urihg4NyTaK2/Rw8fNo0/euWvBWI3TwGAiHW2RnjY7LRVjX+7t7d3nSWL8FFSKIj46I0r2ZXr4R/PoQT5f1TTtU3Q5OAbbbAxtV4BwXx07wUI5raJdTaVS5vLysmYYhlyMDJBHJBoeHpbFwQ0CfmuP04P8V1VVVb9AVwXGy/xE6SyHw2FuW9Aa2jYAHVx1HAZh78bGxs44wYkm0zS9PPrC1QE4+8HcPwD8HONPYNzEkAU1UX+raFcYmPswzhu9ISLmShIdHBx0lFfVH2s+SyWR/IBofgYvnmCIPTQjkYiBk8mARwYWU4aW8F5uNpslXHkstBncxjcOeyqJ6vfUO9oQd2avlyeKJj3A9z/8yAOE7uHKUgGoiRQYMFZCdEq2bZfgpYFnmd9xzprlcrnCOdV13cbWaWKezGVnAUBOmVBpkOAlPH/AxuYJu/DoPQDcxfubeB/ncZCDL+IpaDKgiVwul8AzDo1BI3RC1HPLIg+mYPQmvPke+hdY+S68ehuevIHQvYpV5/i2KIxKg5pUUew1AaL6wM4cl4oPFJjxFMJ0H6BbIIgBwAbeLSzABLBVKpVszGvSCf27r5dCNE7h1tYWX1U0ECHUaDT+REhryKENrTFbwdLj+skRxIAeM+ka4rGV2QWv2vCIjVoAryC0Jk6MCk6fGvoY0OkFoF80UDsG8AG8j/BtD78YWRSMNNoJQbSe/1Zw0tmwBB6kE0ZG+wXI4v1ECYAIdbKzf/+povypEui6t/jnwvIf5FVJ1Cj/1+UAAAAASUVORK5CYII=",") no-repeat left center; width: ").concat(29,"px; height: ").concat(38,"px; }")+".".concat("clarity-click",", .").concat("clarity-click-ring",", .").concat("clarity-touch",", .").concat("clarity-touch-ring"," { position: absolute; z-index: ").concat(2147483647,"; border-radius: 50%; background: radial-gradient(rgba(0,90,158,0.8), transparent); width: ").concat(22,"px; height: ").concat(22,"px;}")+".".concat("clarity-click-ring"," { background: transparent; border: 1px solid rgba(0,90,158,0.8); }")+".".concat("clarity-touch"," { background: radial-gradient(rgba(242,97,12,1), transparent); }")+".".concat("clarity-touch-ring"," { background: transparent; border: 1px solid rgba(242,97,12,0.8); }")+".".concat("clarity-pointer-click"," { background-image: url(").concat("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAmCAYAAAA4LpBhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVoSURBVHgB7VdNTCRFGP2qe6aBGRhA5mfJ7kZcV0XQTQx68MYabl44yMWbetAY3IMX12gWMCZeSLwSEi/GiAHF1SjqMAhoshuTJbg/GkM0xMQIBMj8D/Nfvq+6enZmEtFdhsSDRT66q6qnXr33varqJvoPFUHHWIw6IK6/2tbWdg8dMzBJKQXHwMCAG9UPhBDXW1tbA2gz6BhKZVAAGTs7Oy5um5+fP9fU1LQExv6xsbHGAzNDHrivr88KhUJegH+0ubkp19fXZVdX1w2v13tCAzdcbhPR3N7e3gnQuY0ry3L7nRcUcCAQuIE4MTs7a1IDi9CgXuQxCNBPNq6uyF+HWuTO5IvVjEP6uSMXlk1qYCOVSnFOgYvRLUtmVmbp9HfvUSQSebS5uXkRwIFGSF2zZFpaWoTtWEHCcgvDclPm+4/p3qvvK2CPx7M4MTERZB/QEYoCxVJxBhHsYvwn0+2WKiyLslc+pfuufSjD4fAjyG+Y03AUVyupsDRkR0eHcXBwYMuNKQi3BaYIt5uYce6Hz8XZ63MMzFKHp6am/HcrtQJZWVkhl8tVIju/KqkmgBxAdQXr3LUv6exPl5XUxWIxMjk5GRgZGbljxpWZ7u3tCX3PPCuALDEYk2Ytij9+RQ9ufFEx18LCgv9Ol5PjXsUQg9hSsXubLA3IwC7JoVgjSjfD9PDm1xVzjY6O+qnWlIeDshOxGzkzVRNgeW2mdl6FfXVkxiQsKv/8LfX9sUScY4yxCPAQpP5XjA0GwFJRTLPZrG5mUFcln6Ytc+Uq0CdcLgAvyf4/lxUw1vA3LDVVpexQedfW1ojdW2m1N4cKM8PllqLKUMI0SRhCsuVKtyLUv7XsuJo3kOA/mUt1Dg4OsqRqZ4JUPJZtIttAaqMAMzQarH8NCzwqSzcjghlrcynGh63jGinwA5VP9efIaBr2vqgBnGeltH+nJonCjPts4HPIb5iXE2nP1IPyXssniZNTBhVq0RhC3p6QTd/oHxLpk4/t356yelQawijrecnek6fKOI/9w8PDYQw1ND4+zs/LelAxNzcndIdRLRwzs5kIYT7wJL17q7D/2tPn0+jIcDunRDMt6/SUmbQT6Htra2vrAj+k+yugFRT9I6qVEGxCZwCY3784dillmubr6CqWSqUyD4a61CDclsVKSGM7TaGe8vl8yenpaTMajTqTqeSUjUSdnZ3O5iCrYUXwDM1ke+ni2NspwzAuoTGBweN8xdYZd7vdXE8jMqjnAFjEq06RQZhdT08P1RdONCWTSaEFdeSyqQfvFzO5XnrupdHfAfgm+rcxeBJdaUQS+28K9QQDcxv6eaHntWLSMdHu7q6zxWorVGnNZ6nQVmVJmSEDovoGWGyjixkmLcuK4mSKglEUk4kjYriPFwqFGF550qgzeA6/KTJTx6jVTNXRBt3ZvSpP1OSlmYNeev7lVxQgYqtcLicAmkQKohgsBnViuVwuBpZRXON8j3M2GY/HE5xTv9+fw9Ip4DknlzXAnFM2VDtMcBrXz7Cw+YFNMHoWAOdx/wTue7kf5uAXcR/CWxee7u5uD64tiGaERbZR/3Zb5E4fBj0FNpcRv8GVz4DVU2DyOKR7CLPu5rdFPagzoOmE3uxNDWJUgYl6UFEFCswWH2S6ANBVGCQKwDzu05hAEsDpWCyWw3MFsu0v6S6LySlcXV3lVxUTRnDl8/lfIGkGOcwhMuxWuPQgax9BDKicSUcoyq3sLrAqgxEPmgZ4AtImcWIkcPpk0MaAxUYAVhcT1m4GeCvuu/htD58YQWwY7ah7tNEa/lnBSeeBHeA2sh3ZdFyAXNRHlAawqNadx/edqrc/wwE66lv8/4XLX3gjac6XP/Y1AAAAAElFTkSuQmCC","); }")+".".concat("clarity-pointer-none"," { background: none; }")+".".concat("clarity-pointer-move"," { background-image: url(").concat("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAmCAYAAAA4LpBhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASDSURBVHgB7VdPTCNlFH8z0/+FFmRatnFNiDGR4O4mBk08smZvXjjIxRueNME9eHGNxoLxSNwr4WyigYToQRJLjXDzQtDNmnhR4kWWAJm20ymddtrx94bvI9NBWAptsod9ycvM92fe73vv/b73fUP0DIlCfRQ1AMTtjwcHB1+gPgOT67oK6+TkZBjNbxRF+X1gYCCDPpX6IKdGAaTu7++HuG9tbe1ONBr9GR7r+Xy+98DsIRuemJiIjI6OJgH+3e7urruzs+OOjIw8SiaTNwRwz8OtQWPpdHoYoKt///ar2/jxaw84k8k8gt5YWVnRqEfi90BrtVph0Uetx0V67d9fqFAo3G6324XZ2VldLK4noK4AVqvVaoh8YZTAxWLxdiwW20CoM70IdceWicfjSpCxfuBEIrGxsLCQZR7QNcQDwFaRRhRmcXCSL9S3kN8CtlP2Oqz2QoWt4Q4NDanHx8cy3HQBMIe6sLS0pF811B7I5uYmhUKh1nmAQWAOteM4xcXFxczMzEzXHp+u9PDwUBHvymWBmVzr6+t6t9tJhtPzEEYuFaoguebm5nTqJOXFoMxEVCO50tMFXBaYcwwbGwAfRagv5bEKthK2igdUr9epG/EDYw//xKGmzoLz/6BQd3t7m5i9dAUJsJoLSPZp5PIGp6amXHjsVSaEirqVALk8jy/axx2hwAcMTlcRH/Ad5LfA24kEZ4JzudbySSJzyqDnomq37pH14utH/iUrCA5HCeRwHYXc8dzNNs5jfXp6uoD+e/Pz8zzfDYIqq6urihg4NyTaK2/Rw8fNo0/euWvBWI3TwGAiHW2RnjY7LRVjX+7t7d3nSWL8FFSKIj46I0r2ZXr4R/PoQT5f1TTtU3Q5OAbbbAxtV4BwXx07wUI5raJdTaVS5vLysmYYhlyMDJBHJBoeHpbFwQ0CfmuP04P8V1VVVb9AVwXGy/xE6SyHw2FuW9Aa2jYAHVx1HAZh78bGxs44wYkm0zS9PPrC1QE4+8HcPwD8HONPYNzEkAU1UX+raFcYmPswzhu9ISLmShIdHBx0lFfVH2s+SyWR/IBofgYvnmCIPTQjkYiBk8mARwYWU4aW8F5uNpslXHkstBncxjcOeyqJ6vfUO9oQd2avlyeKJj3A9z/8yAOE7uHKUgGoiRQYMFZCdEq2bZfgpYFnmd9xzprlcrnCOdV13cbWaWKezGVnAUBOmVBpkOAlPH/AxuYJu/DoPQDcxfubeB/ncZCDL+IpaDKgiVwul8AzDo1BI3RC1HPLIg+mYPQmvPke+hdY+S68ehuevIHQvYpV5/i2KIxKg5pUUew1AaL6wM4cl4oPFJjxFMJ0H6BbIIgBwAbeLSzABLBVKpVszGvSCf27r5dCNE7h1tYWX1U0ECHUaDT+REhryKENrTFbwdLj+skRxIAeM+ka4rGV2QWv2vCIjVoAryC0Jk6MCk6fGvoY0OkFoF80UDsG8AG8j/BtD78YWRSMNNoJQbSe/1Zw0tmwBB6kE0ZG+wXI4v1ECYAIdbKzf/+povypEui6t/jnwvIf5FVJ1Cj/1+UAAAAASUVORK5CYII=","); }"),o.appendChild(s)}o.style.left=e.x-4+"px",o.style.top=e.y-4+"px";var c="Pointer";switch(a){case 9:case 16:c="Click",n.drawClick(i,e.x,e.y,c),o.className="clarity-pointer-none";break;case 17:case 18:case 20:c="Touch",n.drawTouch(i,e.x,e.y,c),o.className="clarity-pointer-none";break;case 19:c="Touch Move",o.className="clarity-pointer-none";break;case 12:c="Mouse Move",o.className="clarity-pointer-move",n.addPoint({time:t.time,x:e.x,y:e.y}),n.targetId=e.target;break;default:o.className="clarity-pointer-move"}o.setAttribute("title","".concat(c," (").concat(e.x).concat("px",", ").concat(e.y).concat("px",")"))},this.hover=function(){if(n.targetId&&n.targetId!==n.hoverId){for(var t=0,e=n.hoverId?n.layout.element(n.hoverId):null;e&&t<7;)"removeAttribute"in e&&e.removeAttribute("clarity-hover"),e=e.parentElement,t++;t=0;for(var a=n.targetId?n.layout.element(n.targetId):null;a&&t<7;)"setAttribute"in a&&a.setAttribute("clarity-hover",""),a=a.parentElement,t++;n.hoverId=n.targetId}},this.addPoint=function(t){var e=n.points.length>0?n.points[n.points.length-1]:null;e&&t.x===e.x&&t.y===e.y?e.time=t.time:n.points.push(t)},this.drawTouch=function(t,e,a,n){var i=t.documentElement,r=t.createElement("DIV");r.className="clarity-touch",r.setAttribute("title","".concat(n," (").concat(e).concat("px",", ").concat(a).concat("px",")")),r.style.left=e-11+"px",r.style.top=a-11+"px",r.style.animation="disappear 1 1s",r.style.animationFillMode="forwards",i.appendChild(r);var o=r.cloneNode();o.className="clarity-touch-ring",o.style.left="-0.5px",o.style.top="-0.5px",o.style.animation="pulsate-touch 1 1s",o.style.animationFillMode="forwards",r.appendChild(o)},this.drawClick=function(t,e,a,i){var r=t.documentElement,o=t.createElement("DIV");o.className="clarity-click",o.setAttribute("title","".concat(i," (").concat(e).concat("px",", ").concat(a).concat("px",")")),o.style.left=e-11+"px",o.style.top=a-11+"px",r.appendChild(o);var s=o.cloneNode();s.className="clarity-click-ring",s.style.left="-0.5px",s.style.top="-0.5px",s.style.animation="pulsate-one 1 1s",s.style.animationFillMode="forwards",o.appendChild(s);var c=s.cloneNode();c.style.animation="pulsate-two 1 1s",o.appendChild(c),"undefined"!=typeof Audio&&(null===n.clickAudio&&(n.clickAudio=new Audio("data:video/webm;base64,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")),n.clickAudio.play())},this.overlay=function(){var t=n.state.window.document,e=t.documentElement,a=t.getElementById("clarity-interaction-canvas");return null===a&&((a=t.createElement("canvas")).id="clarity-interaction-canvas",a.width=0,a.height=0,e.appendChild(a)),a.width===e.clientWidth&&a.height===e.clientHeight||(a.width=e.clientWidth,a.height=e.clientHeight),a},this.match=function(t){for(var e=[],a=n.points.length-1;a>0&&(a>=n.scrollPointIndex&&t-n.points[a].time<3e3);a--)e.push(n.points[a]);return e.slice(0,75)},this.trail=function(t){var e=n.overlay();if(n.state.options.canvas&&e){var a=e.getContext("2d"),i=n.state.options.keyframes?n.curve(n.points.reverse()):n.curve(n.match(t));if(n.hover(),i.length>1){var r=i[0];a.clearRect(0,0,a.canvas.width,a.canvas.height);for(var o=i.length,s=e.offsetLeft,c=e.offsetTop,l=1;l<o;l++){var A=i[l],u=1-(l-1)/o,d=1-l/o,h=a.createLinearGradient(r.x,r.y,A.x,A.y);h.addColorStop(1,n.color(d)),h.addColorStop(0,n.color(u)),a.lineWidth=6*d,a.lineCap="round",a.lineJoin="round",a.strokeStyle=h,a.beginPath(),a.moveTo(r.x-s,r.y-c),a.lineTo(A.x-s,A.y-c),a.stroke(),a.closePath(),r=A}}n.state.options.keyframes&&(n.points=[])}},this.color=function(e){for(var a=t.TRAIL_START_COLOR,n=t.TRAIL_END_COLOR,i=[],r=0;r<3;r++)i[r]=Math.round(n[r]+e*(a[r]-n[r]));return"rgba(".concat(i[0],", ").concat(i[1],", ").concat(i[2],", ").concat(e,")")},this.curve=function(t){var e=.5,a=[],i=[];(a=t.slice(0)).unshift(t[0]),a.push(t[t.length-1]);for(var r=1;r<a.length-2;r++)for(var o=a[r].time,s=Math.max(Math.min(Math.round(n.distance(a[r],a[r-1])),10),1),c=0;c<=s;c++){var l={time:o,x:(a[r+1].x-a[r-1].x)*e,y:(a[r+1].y-a[r-1].y)*e},A={time:o,x:(a[r+2].x-a[r].x)*e,y:(a[r+2].y-a[r].y)*e},u=c/s,d=2*Math.pow(u,3)-3*Math.pow(u,2)+1,h=-2*Math.pow(u,3)+3*Math.pow(u,2),m=Math.pow(u,3)-2*Math.pow(u,2)+u,f=Math.pow(u,3)-Math.pow(u,2),p=d*a[r].x+h*a[r+1].x+m*l.x+f*A.x,g=d*a[r].y+h*a[r+1].y+m*l.y+f*A.y;i.push({time:o,x:p,y:g})}return i},this.distance=function(t,e){var a=t.x-e.x,n=t.y-e.y;return Math.sqrt(a*a+n*n)},this.state=e,this.layout=a}return t.TRAIL_START_COLOR=[242,97,12],t.TRAIL_END_COLOR=[249,220,209],t}(),f=function(){function a(n){var i=this;this.stylesheets=[],this.nodes={},this.events={},this.hashMap={},this.hashMapBeta={},this.state=null,this.reset=function(){i.nodes={},i.stylesheets=[],i.events={},i.hashMap={},i.hashMapBeta={}},this.get=function(t,e){return void 0===e&&(e=!1),t in i.hashMap&&i.hashMap[t].isConnected&&!1===e?i.hashMap[t]:t in i.hashMapBeta&&i.hashMapBeta[t].isConnected?i.hashMapBeta[t]:null},this.box=function(t){for(var e=0,a=t.data;e<a.length;e++){var n=a[e],r=i.element(n.id);i.resize(r,n.width,n.height)}},this.addToHashMap=function(t,e){i.hashMap[t.hash]=i.get(t.hash)||e,i.hashMapBeta[t.hashBeta]=i.get(t.hashBeta)||e},this.resize=function(t,e,a){t&&1===t.nodeType&&e&&a&&(t.style.width=e+"px",t.style.height=a+"px",t.style.boxSizing="border-box")},this.element=function(t){return null!==t&&t>0&&t in i.nodes?i.nodes[t]:null},this.dom=function(a){return t(i,void 0,void 0,(function(){var t;return e(this,(function(e){switch(e.label){case 0:return a&&((t=this.state.window.document)&&t.documentElement)?(t.documentElement.style.visibility="hidden",this.markup(a),[4,Promise.all(this.stylesheets)]):[3,2];case 1:e.sent(),t.documentElement.style.visibility="visible",e.label=2;case 2:return[2]}}))}))},this.exists=function(t){if(t){var e=i.get(t);if(e){var a=e.getBoundingClientRect();return a&&a.width>0&&a.height>0}}return!1},this.markup=function(t){for(var e=t.data,n=t.event,r=i.state.window.document,o=function(t){var e=i.element(t.parent),o=i.element(t.previous),s=i.insertAfter,c=t.tag;switch(c&&0===c.indexOf("iframe:")&&(c=t.tag.substr("iframe:".length)),c){case"*D":var l=c!==t.tag?e?e.contentDocument:null:r;l&&l===r&&5===n&&i.reset(),"undefined"!=typeof XMLSerializer&&l&&(l.open(),l.write((new XMLSerializer).serializeToString(l.implementation.createDocumentType(t.attributes.name,t.attributes.publicId,t.attributes.systemId))),l.close());break;case"*P":i.nodes[t.id]=e,i.addToHashMap(t,e);break;case"*S":if(e){var A=i.element(t.id);if(A=A||e.attachShadow({mode:"open"}),"style"in t.attributes){var u=r.createElement("style");A.firstChild&&"clarity-adopted-style"===A.firstChild.id&&(u=A.firstChild),u.id="clarity-adopted-style",u.textContent=t.attributes.style,A.appendChild(u)}i.nodes[t.id]=A,i.addToHashMap(t,A)}break;case"*T":var d=i.element(t.id);(d=d||r.createTextNode(null)).nodeValue=t.value,s(t,e,d,o);break;case"*M":var h=i.element(t.id);h&&h.nodeType===Node.ELEMENT_NODE&&h.setAttribute("data-clarity-suspend","");break;case"HTML":var m=c!==t.tag?e?e.contentDocument:null:r;if(null!==m){var f=i.element(t.id);if(null===f){f=m.implementation.createHTMLDocument("").documentElement;var p=m.importNode(f,!0);m.replaceChild(p,m.documentElement),m.head&&m.head.parentNode.removeChild(m.head),m.body&&m.body.parentNode.removeChild(m.body)}i.setAttributes(m.documentElement,t),5===n&&(m.documentElement.style.visibility="hidden"),i.nodes[t.id]=m.documentElement,i.addToHashMap(t,m.documentElement)}break;case"HEAD":var g=i.element(t.id);if(null===g){if(g=r.createElement(t.tag),t.attributes&&"*B"in t.attributes){var v=r.createElement("base");v.href=t.attributes["*B"],g.appendChild(v)}var w=r.createElement("style");w.innerText=i.getCustomStyle(),g.appendChild(w)}i.setAttributes(g,t),s(t,e,g,o);break;case"LINK":var y=i.element(t.id);y=y||i.createElement(r,t.tag),t.attributes||(t.attributes={}),i.setAttributes(y,t),"rel"in t.attributes&&"stylesheet"===t.attributes.rel&&i.stylesheets.push(new Promise((function(t){y.onload=y.onerror=i.style.bind(i,y,t),setTimeout(t,a.TIMEOUT)}))),s(t,e,y,o);break;case"STYLE":var b=i.element(t.id);b=b||r.createElement(t.tag),i.setAttributes(b,t),b.textContent=t.value,s(t,e,b,o),i.style(b);break;case"IFRAME":var x=i.element(t.id);x=x||i.createElement(r,t.tag),t.attributes||(t.attributes={}),i.setAttributes(x,t),s(t,e,x,o);break;default:var E=i.element(t.id);E=E||i.createElement(r,t.tag),i.setAttributes(E,t),i.resize(E,t.width,t.height),s(t,e,E,o)}t.id&&(i.events[t.id]=t)},s=0,c=e;s<c.length;s++){o(c[s])}},this.style=function(t,e){void 0===e&&(e=null);try{for(var a=t.sheet,n=a?a.cssRules:[],i=0;i<n.length;i++)if(n[i].cssText.indexOf(":hover")>=0){var r=n[i].cssText.replace(/:hover/g,"[".concat("clarity-hover","]"));a.removeRule(i),a.insertRule(r,i)}}catch(t){}e&&e()},this.createElement=function(t,e){if(e&&0===e.indexOf("svg:"))return t.createElementNS("http://www.w3.org/2000/svg",e.substr("svg:".length));try{return t.createElement(e)}catch(a){return console.warn("Exception encountered while creating element ".concat(e,": ").concat(a)),t.createElement("clarity-unknown")}},this.insertAfter=function(t,e,a,n){if(!i.events[t.id]||i.events[t.id].parent!==t.parent||i.events[t.id].previous!==t.previous){var r=n&&n.parentElement===e?n.nextSibling:null;r=null===n&&e?i.firstChild(e):r,i.insertBefore(t,e,a,r)}},this.firstChild=function(t){var e=t.firstChild;return e&&1===e.nodeType&&"BASE"===e.tagName?e.nextSibling:e},this.insertBefore=function(t,e,a,n){if(null!==e){n=n&&n.parentElement!==e?null:n;try{e.insertBefore(a,n)}catch(n){console.warn("Node: "+a+" | Parent: "+e+" | Data: "+JSON.stringify(t)),console.warn("Exception encountered while inserting node: "+n)}}else null===e&&null!==a.parentElement&&a.parentElement.removeChild(a);i.nodes[t.id]=a,i.addToHashMap(t,a)},this.setAttributes=function(t,e){var a=e.attributes||{},n=!1;a["data-clarity-id"]="".concat(e.id),a["data-clarity-hash"]="".concat(e.hash),a["data-clarity-hashbeta"]="".concat(e.hashBeta);var i=1===t.nodeType?t.tagName.toLowerCase():null;if(t.attributes)for(var r=t.attributes.length;t.attributes&&r>0;)"clarity-hover"!==t.attributes[0].name&&t.removeAttribute(t.attributes[0].name),r--;for(var o in a)if(void 0!==a[o])try{var s=a[o];if(0===o.indexOf("xlink:"))t.setAttributeNS("http://www.w3.org/1999/xlink",o,s);else if(0===o.indexOf("*O"))n=!0;else if(0===o.indexOf("*"));else if("iframe"===i&&(0===o.indexOf("src")||0===o.indexOf("allow"))||"sandbox"===o)t.setAttribute("data-clarity-".concat(o),s);else if("img"!==i||0!==o.indexOf("src")||null!==s&&0!==s.length)t.setAttribute(o,s);else{t.setAttribute(o,"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=");var c="l";e.width&&(c=e.width<=200?"m":e.width<=75?"s":c),t.setAttribute("data-clarity-hide",c)}}catch(e){console.warn("Node: "+t+" | "+JSON.stringify(a)),console.warn("Exception encountered while adding attributes: "+e)}!1===n&&"iframe"===i&&"function"==typeof t.setAttribute&&t.setAttribute("data-clarity-unavailable",""),"img"!==i||t.hasAttribute("alt")||t.setAttribute("alt",""),"form"!==i&&"input"!==i||(t.hasAttribute("autocomplete")&&t.removeAttribute("autocomplete"),t.setAttribute("autocomplete","new-password"))},this.getCustomStyle=function(){return"".concat("img","[").concat("data-clarity-hide","] { background-color: #CCC; background-image: url(").concat("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANvSURBVHgB7Ve9VhpREJ5dU6BNVqt0wS6dpEuX9QmiTyA+gfgE4BOgZSrJE4hlKvEJxDKVa2caoaSSfB87F4Z7dtmFhFTMOfcMe52Z+935u6PIhjb0dxTIihRFUQ2M6z0/dXuI9ay8PwTJklQaEADw0JMgCI4USFSkMx6Pe2BdrFtgS6QEFQICjirYGYDUc0AMcXCCvw8XAVVwHQD7IasAokfCMGzB0NmCA1o44N7T+wpwlwouT+80z2NbOWAaMHqDn7FuJcorapRATkej0bOvyz2s7zs7O2L0GbYXrCrscjUqlUoAuZ6vH3hAIr3diW4xHC3wW+w/KZhLgDmXEgRzbR6udvbBD/DdITB3UewfWm+FRpnIHwyYLo1A+Aq/vzkDWFdSni4krTjm1RnDOxgM9nFOS//OM++0YmeAFMydQw4gDSgeu7LVyprE3489je3u7t5waQFMifrQ6ehn7PZfX18v6BkFOwcq9MDQQKxeseRu0PXARJprBHxED2t7sPSol6p5YHs467OkXo8cqBA/rmXmmVO/atzZzk4G0Kond+DJJJLmStc3Sm+rpxLVbYcEoRu8xbWNp9U1B1rqyzzIRNQj5tAe84ZVKVmGZ6BoK5Vh2JADT1hjLny3rBL27nS/7RtUXZdDmb1H5Ug1rDgjrFMKrGGb2CzPt7e3C95gb2+vqeU/1Mor/UZpg21og50CsfYzATllsLY+E6TE60OTPoUqOV8EQNKKmuTTgifHAmO4GOokyDFah2BTTAOTNFcmIQFI3qyVoxurp+dIL3ZF72bYdzL1zKcDLb2P1n4rqUfcg/nB3Cre3t6uQeY3ZBOri72q87B7ULHY035CdmTs85H9BVlR23yWumVf+6YJo0/MK7qcI8al9RCqq9R4w4ICq9JDYZEwk44ly2TWFtGT+VKnF2PwB6cis8sUzkw+vSsrqNXQ0eUmxo+S5gEPfvQBSTpNLjU1rjzCLiKEYAAWMQRFA5m2GzdJxIUhW5H6yutFguhRToapcb8WQGwL5MwtDnt5cvQOZJuq0yHfkjUQWwHbAn5+AqgvKHGW/IsPRquR+ZdgcQIdrStkYh5tN1ocZYCpSto2Dqezl6yRMga/yQSpXToyYFzOrReQAcUhzp8E+E4eWzD/lTgxuPFGR5Wlm+Y/J3qL/7fJhja0RvoDR4Tn4Lo/zi8AAAAASUVORK5CYII=","); background-repeat:no-repeat; background-position: center; }")+"".concat("img","[").concat("data-clarity-hide","=").concat("s","] { background-size: 18px 18px; }")+"".concat("img","[").concat("data-clarity-hide","=").concat("m","] { background-size: 24px 24px; }")+"".concat("img","[").concat("data-clarity-hide","=").concat("l","] { background-size: 36px 36px; }")+"".concat("iframe","[").concat("data-clarity-unavailable","] { background: url(").concat("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAiCAYAAAAge+tMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAU6SURBVHgBzVg7TyNJEG6bh5AIjpOQeCXj7LL18pDIdpztRYuzy7CjCzG/ADu8CO8vwEQXrgkvws6QeNiEFzEk4GznIFnxvO/zVntrhx6/kLxb0mh6uqurvq6urqqehHklra+ve3d3dx8SiUT6+fk5ja4ZtGf4tjzoD9AXoBmiXUsmk+cnJyc18wpKmCFodXXVx8t/enraBCDPDEchniqeg9PT06oZkAYCTsCw2A6afjc+8IQCjGR3oBtxR/bHx8crR0dHgemD+gIugPfQ9OJ4BGwF72qj0ajrsTQI7rEFcDnTndoLeHh4KDebzdAMC5z+e39/T8B+Nz6AbcJtslAWdOMDfg8LONTuJf7vRVgDPEW40H6crLG4AVi58Pj4+Deav0WUFIjBfDt8NYD+HaBbpge1Wq1wbm5uH+DXjewe5IXQ85buxAMurJS9sbi46IG/jnlforKS0Q7f92dWVlYOAXLXgqMb4CmcnZ2l8E5YpVwIlGZ7basm8nIO50qXNzY29g6y8+hP0RCKPYexBne+K3Ay3N7eNoxyDViziicFwR+la8uOwULFQUBr8LB6XgOU/gDukcGittUY3bUBY25oGR0fX1tbSwPgoVFWxquoAFufv5DxgDvgAsZdu7m52WR7cnLyIC5SAMxnqw+6PRzqSzvmOg9coPX7ZAzoAN9vNWgSQKfVpzP2yq5dQGGZD61F+S5e6KnYNkD6eozWBwZav6m6K1hs2yBJB2hGiIwrQmDsjfp8MS6L2zMqa7INebvGTedKthcdtODN90Yi+I2kCO0owsq3e4U1EqOBq98FwNWnxgKCgd66a5znAe6RjYDfGsdJzmtfgqBPWFE+Jg2HSmFcNuS8QqSv5mLkwQewiumDBKcn87JJ5UuB8BDQJ8TxYnQyFnep2ukYMCXzvXUY57ddvIOGUeIUNw47UQWneEYsrwFVJiYmSjYqkAdx9bOMMR6n4pSTF7J+0ZHCRVKwfaA7SXUZ0g3xNJn+j4+Pm655L1L+8vLyrmRHS4FR6ZfJyUichyKGy5IZgvot2EA1GC8fDanOWgXgCwBPodqPqxCwjQKIljmUPiaSTJxVuoAuCui+CXhKqOGLne84xpgEQKqoSwMpwIIy/ZajUdBytspSVV6KblaT79AsaP0afM+yFtbP4bXT48LAWqYEtymbHrIgZy/SnYurAsV4O7ocRjvD21Nf9bgIYMbK9VgAq8f2rYYHbHp6OqjVau3DK+UCXcw1P9ethI2cO9YzqYFuQLIA3/TegTYxpbPqE+UdazM7o82suWn6AC8Rr2F10upjZgBiPX19fd3E83F+fr5mviakKQiad/FDWfHq6upftlFbM0N7AvwP1kHoY5Fmzwrr7wCyzx16vywsLBDwe9s31GU5ShKz30gOmLGWQZwv2fIBYfRZ2JnCf7Vz0V8xyvIsaV1nReeQ9oXGjIDoYlB6IZ811tx6PAo+Gvoswd0urFGS5icgLCSHV8e/GS5dJYemUQHXxZnnYugFXtzRzg1HApz1jC3iqFzqkxfUDTxcTc9pDhRVXkOICrSYb78RPQ5cfOivRqKNv7S0lMAi/lTRqziSw0mSqMADauufbLdfb45ir032rjsyi0ssnlJWfw/Ltlxxm4T+fyR2+7qfi+GckQEXMHWA9c3XRDRl5KcPXOE/JKrA8vEvwezsLH8a5YwqEWDtMqz9F9sjcxVL4jJM/RuRoVB+iZjob2qSgO7cpEYO3BJrfry2etU8XAx4XtyBfxhwki3aAGyT9b39HS3/KJsoGSr4rLuuh/8DlPszm7LNbUUAAAAASUVORK5CYII=",") no-repeat center center, url('").concat('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%"><rect width="100%" height="100%" style="fill:rgb(204,204,204)"/><line stroke-dasharray="5, 5" x1="0" y1="100%" x2="100%" y2="0" style="stroke:rgb(119,119,119);stroke-width:1"/><line stroke-dasharray="5, 5" x1="0" y1="0" x2="100%" y2="100%" style="stroke:rgb(119,119,119);stroke-width:1"/><circle cx="50%" cy="50%" r="40" fill="rgb(204,204,204)"/></svg>',"'); }")+"*[".concat("data-clarity-suspend","] { filter: grayscale(100%); }")},this.state=n}return a.TIMEOUT=3e3,a}(),p=function(){function a(){var a=this;this._state=null,this.renderTime=0,this.dom=function(n){return t(a,void 0,void 0,(function(){return e(this,(function(t){switch(t.label){case 0:return[4,this.layout.dom(n)];case 1:return t.sent(),[2]}}))}))},this.get=function(t){return a.layout.get(t)},this.html=function(t,e,n,i){if(void 0===n&&(n=null),t&&t.length>0&&e){var r=a.merge(t);for(a.setup(e,{version:t[0].envelope.version,dom:r.dom});r.events.length>0&&!1===a.layout.exists(n);){var o=r.events.shift();switch(o.event){case 6:var s=o;if(a.renderTime=s.time,i&&a.renderTime>i)break;a.layout.markup(s)}}}return a},this.time=function(){return a.renderTime},this.clickmap=function(t){if(null===a.state)throw new Error('Initialize heatmap by calling "html" or "setup" prior to making this call.');a.heatmap.click(t)},this.clearmap=function(){if(null===a.state)throw new Error('Initialize heatmap by calling "html" or "setup" prior to making this call.');a.heatmap.clear()},this.scrollmap=function(t,e,n){if(null===a.state)throw new Error('Initialize heatmap by calling "html" or "setup" prior to making this call.');a.heatmap.scroll(t,e,n)},this.merge=function(t){var e={timestamp:null,envelope:null,dom:null,events:[]};t=t.sort(a.sortPayloads),a.enrich=a.enrich||new d,a.enrich.reset();for(var n=0,i=t;n<i.length;n++){var r=i[n];e.timestamp=e.timestamp?e.timestamp:r.timestamp,e.envelope=r.envelope;for(var o=0,s=Object.keys(r);o<s.length;o++){var c=s[o],l=r[c];if(Array.isArray(l))for(var A=0,u=l;A<u.length;A++){var h=u[A];if("dom"===c){var m=a.enrich.selectors(h);5===h.event?e.dom=m:e.events.push(h)}else e.events.push(h)}}}return e.events=e.events.sort(a.sortEvents),e},this.setup=function(t,e){return a.reset(),e.canvas=!("canvas"in e)||e.canvas,e.keyframes="keyframes"in e&&e.keyframes,a._state={window:t,options:e},a.enrich=new d,a.data=new n(a.state),a.layout=new f(a.state),a.heatmap=new h(a.state,a.layout),a.interaction=new m(a.state,a.layout),e.dom&&a.layout.dom(e.dom),a},this.render=function(t){if(null===a.state)throw new Error('Initialize visualization by calling "setup" prior to making this call.');for(var e=0,n=0,i=t;n<i.length;n++){var r=i[n];switch(e=r.time,r.event){case 0:a.data.metric(r);break;case 7:a.data.region(r);break;case 37:a.layout.box(r);break;case 6:a.layout.markup(r);break;case 13:case 14:case 12:case 15:case 9:case 16:case 17:case 20:case 18:case 19:a.interaction.pointer(r);break;case 28:a.interaction.visibility(r);break;case 27:a.interaction.input(r);break;case 21:a.interaction.selection(r);break;case 11:a.interaction.resize(r);break;case 10:a.interaction.scroll(r)}}t.length>0&&a.interaction.trail(e)},this.reset=function(){var t,e,n,i,r;null===(t=a.data)||void 0===t||t.reset(),null===(e=a.interaction)||void 0===e||e.reset(),null===(n=a.layout)||void 0===n||n.reset(),null===(i=a.heatmap)||void 0===i||i.reset(),null===(r=a.enrich)||void 0===r||r.reset(),a._state=null,a.renderTime=0},this.sortEvents=function(t,e){return t.time-e.time},this.sortPayloads=function(t,e){return t.envelope.sequence-e.envelope.sequence}}return Object.defineProperty(a.prototype,"state",{get:function(){return this._state},enumerable:!1,configurable:!0}),a}(),g=(A=new p).state,v=A.dom,w=A.get,y=A.html,b=A.time,x=A.clickmap,E=A.clearmap,C=A.scrollmap,k=A.merge,I=A.setup,B=A.render,R=Object.freeze({__proto__:null,state:g,dom:v,get:w,html:y,time:b,clickmap:x,clearmap:E,scrollmap:C,merge:k,setup:I,render:B});"undefined"!=typeof window&&(void 0!==window.clarity&&null!==window.clarity||(window.clarity={}),window.clarity.visualize=R)}();
package/build/clarity.visualize.module.js CHANGED
@@ -90,16 +90,16 @@ var DataHelper = /** @class */ (function () {
90
90
  var m = _this.metrics[entry];
91
91
  var map = DataHelper.METRIC_MAP[entry];
92
92
  var unit = "unit" in map ? map.unit : "" /* Empty */;
93
- metricMarkup.push("<li><h2>" + _this.value(m, unit) + "<span>" + _this.key(unit) + "</span></h2>" + map.name + "</li>");
93
+ metricMarkup.push("<li><h2>".concat(_this.value(m, unit), "<span>").concat(_this.key(unit), "</span></h2>").concat(map.name, "</li>"));
94
94
  }
95
95
  }
96
96
  // Append region information to metadata
97
97
  for (var name_1 in _this.regions) {
98
98
  var r = _this.regions[name_1];
99
99
  var className = (r.visibility === 10 /* Visible */ ? "visible" : (r.interaction === 20 /* Clicked */ ? "clicked" : "" /* Empty */));
100
- regionMarkup.push("<span class=\"" + className + "\">" + name_1 + "</span>");
100
+ regionMarkup.push("<span class=\"".concat(className, "\">").concat(name_1, "</span>"));
101
101
  }
102
- _this.state.options.metadata.innerHTML = "<ul>" + metricMarkup.join("" /* Empty */) + "</ul><div>" + regionMarkup.join("" /* Empty */) + "</div>";
102
+ _this.state.options.metadata.innerHTML = "<ul>".concat(metricMarkup.join("" /* Empty */), "</ul><div>").concat(regionMarkup.join("" /* Empty */), "</div>");
103
103
  }
104
104
  };
105
105
  this.key = function (unit) {
@@ -171,7 +171,7 @@ function selector (input, beta) {
171
171
  if (beta === void 0) { beta = false; }
172
172
  var a = input.attributes;
173
173
  var prefix = input.prefix ? input.prefix[beta ? 1 /* Beta */ : 0 /* Stable */] : null;
174
- var suffix = beta || ((a && !("class" /* Class */ in a)) || TAGS.indexOf(input.tag) >= 0) ? ":nth-of-type(" + input.position + ")" : "" /* Empty */;
174
+ var suffix = beta || ((a && !("class" /* Class */ in a)) || TAGS.indexOf(input.tag) >= 0) ? ":nth-of-type(".concat(input.position, ")") : "" /* Empty */;
175
175
  switch (input.tag) {
176
176
  case "STYLE":
177
177
  case "TITLE":
@@ -186,28 +186,36 @@ function selector (input, beta) {
186
186
  if (prefix === null) {
187
187
  return "" /* Empty */;
188
188
  }
189
- prefix = prefix + ">";
189
+ prefix = "".concat(prefix, ">");
190
190
  input.tag = input.tag.indexOf("svg:" /* SvgPrefix */) === 0 ? input.tag.substr("svg:" /* SvgPrefix */.length) : input.tag;
191
- var selector = "" + prefix + input.tag + suffix;
191
+ var selector = "".concat(prefix).concat(input.tag).concat(suffix);
192
192
  var classes = "class" /* Class */ in a && a["class" /* Class */].length > 0 ? a["class" /* Class */].trim().split(/\s+/) : null;
193
193
  if (beta) {
194
194
  // In beta mode, update selector to use "id" field when available. There are two exceptions:
195
195
  // (1) if "id" appears to be an auto generated string token, e.g. guid or a random id containing digits
196
196
  // (2) if "id" appears inside a shadow DOM, in which case we continue to prefix up to shadow DOM to prevent conflicts
197
- var shadowStart = prefix.lastIndexOf("*S" /* ShadowDomTag */);
198
- var shadowEnd = prefix.indexOf(">", shadowStart) + 1;
199
197
  var id = "id" /* Id */ in a && a["id" /* Id */].length > 0 ? a["id" /* Id */] : null;
200
198
  classes = input.tag !== "BODY" /* BodyTag */ && classes ? classes.filter(function (c) { return !hasDigits(c); }) : [];
201
- selector = classes.length > 0 ? "" + prefix + input.tag + "." + classes.join(".") + suffix : selector;
202
- selector = id && hasDigits(id) === false ? (shadowStart >= 0 ? prefix.substr(0, shadowEnd) + "#" + id : "#" + id) : selector;
199
+ selector = classes.length > 0 ? "".concat(prefix).concat(input.tag, ".").concat(classes.join(".")).concat(suffix) : selector;
200
+ selector = id && hasDigits(id) === false ? "".concat(getDomPrefix(prefix), "#").concat(id) : selector;
203
201
  }
204
202
  else {
205
203
  // Otherwise, fallback to stable mode, where we include class names as part of the selector
206
- selector = classes ? "" + prefix + input.tag + "." + classes.join(".") + suffix : selector;
204
+ selector = classes ? "".concat(prefix).concat(input.tag, ".").concat(classes.join(".")).concat(suffix) : selector;
207
205
  }
208
206
  return selector;
209
207
  }
210
208
  }
209
+ function getDomPrefix(prefix) {
210
+ var shadowDomStart = prefix.lastIndexOf("*S" /* ShadowDomTag */);
211
+ var iframeDomStart = prefix.lastIndexOf("".concat("iframe:" /* IFramePrefix */).concat("HTML" /* HTML */));
212
+ var domStart = Math.max(shadowDomStart, iframeDomStart);
213
+ if (domStart < 0) {
214
+ return "";
215
+ }
216
+ var domEnd = prefix.indexOf(">", domStart) + 1;
217
+ return prefix.substr(0, domEnd);
218
+ }
211
219
  // Check if the given input string has digits or not
212
220
  function hasDigits(value) {
213
221
  for (var i = 0; i < value.length; i++) {
@@ -390,7 +398,7 @@ var HeatmapHelper = /** @class */ (function () {
390
398
  var percentView = (currentCombination.scrollReachY / 100) * (height / canvas.height);
391
399
  var hue = huePercentView * 240 /* MaxHue */;
392
400
  if (percentView <= 1) {
393
- grd.addColorStop(percentView, "hsla(" + hue + ", 100%, 50%, 0.6)");
401
+ grd.addColorStop(percentView, "hsla(".concat(hue, ", 100%, 50%, 0.6)"));
394
402
  }
395
403
  }
396
404
  // Fill with gradient
@@ -411,7 +419,7 @@ var HeatmapHelper = /** @class */ (function () {
411
419
  });
412
420
  if (closest.percUsers >= marker - 2 /* MarkerRange */ && closest.percUsers <= marker + 2 /* MarkerRange */) {
413
421
  var markerLine = (closest.scrollReachY / 100) * height;
414
- _this.addMarker(context, width, marker + "%", markerLine, 35 /* MarkerSmallWidth */);
422
+ _this.addMarker(context, width, "".concat(marker, "%"), markerLine, 35 /* MarkerSmallWidth */);
415
423
  }
416
424
  };
417
425
  for (var _i = 0, markers_1 = markers; _i < markers_1.length; _i++) {
@@ -479,7 +487,7 @@ var HeatmapHelper = /** @class */ (function () {
479
487
  canvas.width = 0;
480
488
  canvas.height = 0;
481
489
  canvas.style.position = "absolute" /* Absolute */;
482
- canvas.style.zIndex = "" + 2147483647 /* ZIndex */;
490
+ canvas.style.zIndex = "".concat(2147483647 /* ZIndex */);
483
491
  de.appendChild(canvas);
484
492
  win.addEventListener("scroll", _this.redraw, true);
485
493
  win.addEventListener("resize", _this.redraw, true);
@@ -563,7 +571,7 @@ var HeatmapHelper = /** @class */ (function () {
563
571
  for (var i = 0; i < element.points; i++) {
564
572
  var x = Math.round(r.left + (element.x[i] / 32767 /* ClickPrecision */) * r.width);
565
573
  var y = Math.round(r.top + (element.y[i] / 32767 /* ClickPrecision */) * r.height);
566
- var k = "" + x + "X" /* Separator */ + y + "X" /* Separator */ + (v ? 1 : 0);
574
+ var k = "".concat(x).concat("X" /* Separator */).concat(y).concat("X" /* Separator */).concat(v ? 1 : 0);
567
575
  points[k] = k in points ? points[k] + element.clicks[i] : element.clicks[i];
568
576
  localMax = Math.max(points[k], localMax);
569
577
  }
@@ -717,15 +725,15 @@ var InteractionHelper = /** @class */ (function () {
717
725
  "@keyframes pulsate-two { 0% { transform: scale(1, 1); opacity: 1; } 100% { transform: scale(5, 5); opacity: 0; } }" +
718
726
  "@keyframes pulsate-touch { 0% { transform: scale(1, 1); opacity: 1; } 100% { transform: scale(2, 2); opacity: 0; } }" +
719
727
  "@keyframes disappear { 90% { transform: scale(1, 1); opacity: 1; } 100% { transform: scale(1.3, 1.3); opacity: 0; } }" +
720
- ("#" + "clarity-interaction-canvas" /* InteractionCanvas */ + " { position: absolute; left: 0; top: 0; z-index: " + 2147483647 /* ZIndex */ + "; background: none; }") +
721
- ("#" + "clarity-pointer" /* PointerLayer */ + " { position: absolute; z-index: " + 2147483647 /* ZIndex */ + "; url(" + "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAmCAYAAAA4LpBhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASDSURBVHgB7VdPTCNlFH8z0/+FFmRatnFNiDGR4O4mBk08smZvXjjIxRueNME9eHGNxoLxSNwr4WyigYToQRJLjXDzQtDNmnhR4kWWAJm20ymddtrx94bvI9NBWAptsod9ycvM92fe73vv/b73fUP0DIlCfRQ1AMTtjwcHB1+gPgOT67oK6+TkZBjNbxRF+X1gYCCDPpX6IKdGAaTu7++HuG9tbe1ONBr9GR7r+Xy+98DsIRuemJiIjI6OJgH+3e7urruzs+OOjIw8SiaTNwRwz8OtQWPpdHoYoKt///ar2/jxaw84k8k8gt5YWVnRqEfi90BrtVph0Uetx0V67d9fqFAo3G6324XZ2VldLK4noK4AVqvVaoh8YZTAxWLxdiwW20CoM70IdceWicfjSpCxfuBEIrGxsLCQZR7QNcQDwFaRRhRmcXCSL9S3kN8CtlP2Oqz2QoWt4Q4NDanHx8cy3HQBMIe6sLS0pF811B7I5uYmhUKh1nmAQWAOteM4xcXFxczMzEzXHp+u9PDwUBHvymWBmVzr6+t6t9tJhtPzEEYuFaoguebm5nTqJOXFoMxEVCO50tMFXBaYcwwbGwAfRagv5bEKthK2igdUr9epG/EDYw//xKGmzoLz/6BQd3t7m5i9dAUJsJoLSPZp5PIGp6amXHjsVSaEirqVALk8jy/axx2hwAcMTlcRH/Ad5LfA24kEZ4JzudbySSJzyqDnomq37pH14utH/iUrCA5HCeRwHYXc8dzNNs5jfXp6uoD+e/Pz8zzfDYIqq6urihg4NyTaK2/Rw8fNo0/euWvBWI3TwGAiHW2RnjY7LRVjX+7t7d3nSWL8FFSKIj46I0r2ZXr4R/PoQT5f1TTtU3Q5OAbbbAxtV4BwXx07wUI5raJdTaVS5vLysmYYhlyMDJBHJBoeHpbFwQ0CfmuP04P8V1VVVb9AVwXGy/xE6SyHw2FuW9Aa2jYAHVx1HAZh78bGxs44wYkm0zS9PPrC1QE4+8HcPwD8HONPYNzEkAU1UX+raFcYmPswzhu9ISLmShIdHBx0lFfVH2s+SyWR/IBofgYvnmCIPTQjkYiBk8mARwYWU4aW8F5uNpslXHkstBncxjcOeyqJ6vfUO9oQd2avlyeKJj3A9z/8yAOE7uHKUgGoiRQYMFZCdEq2bZfgpYFnmd9xzprlcrnCOdV13cbWaWKezGVnAUBOmVBpkOAlPH/AxuYJu/DoPQDcxfubeB/ncZCDL+IpaDKgiVwul8AzDo1BI3RC1HPLIg+mYPQmvPke+hdY+S68ehuevIHQvYpV5/i2KIxKg5pUUew1AaL6wM4cl4oPFJjxFMJ0H6BbIIgBwAbeLSzABLBVKpVszGvSCf27r5dCNE7h1tYWX1U0ECHUaDT+REhryKENrTFbwdLj+skRxIAeM+ka4rGV2QWv2vCIjVoAryC0Jk6MCk6fGvoY0OkFoF80UDsG8AG8j/BtD78YWRSMNNoJQbSe/1Zw0tmwBB6kE0ZG+wXI4v1ECYAIdbKzf/+povypEui6t/jnwvIf5FVJ1Cj/1+UAAAAASUVORK5CYII=" /* Pointer */ + ") no-repeat left center; width: " + pointerWidth + "px; height: " + pointerHeight + "px; }") +
722
- ("." + "clarity-click" /* ClickLayer */ + ", ." + "clarity-click-ring" /* ClickRing */ + ", ." + "clarity-touch" /* TouchLayer */ + ", ." + "clarity-touch-ring" /* TouchRing */ + " { position: absolute; z-index: " + 2147483647 /* ZIndex */ + "; border-radius: 50%; background: radial-gradient(rgba(0,90,158,0.8), transparent); width: " + 22 /* ClickRadius */ + "px; height: " + 22 /* ClickRadius */ + "px;}") +
723
- ("." + "clarity-click-ring" /* ClickRing */ + " { background: transparent; border: 1px solid rgba(0,90,158,0.8); }") +
724
- ("." + "clarity-touch" /* TouchLayer */ + " { background: radial-gradient(rgba(242,97,12,1), transparent); }") +
725
- ("." + "clarity-touch-ring" /* TouchRing */ + " { background: transparent; border: 1px solid rgba(242,97,12,0.8); }") +
726
- ("." + "clarity-pointer-click" /* PointerClickLayer */ + " { background-image: url(" + "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAmCAYAAAA4LpBhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVoSURBVHgB7VdNTCRFGP2qe6aBGRhA5mfJ7kZcV0XQTQx68MYabl44yMWbetAY3IMX12gWMCZeSLwSEi/GiAHF1SjqMAhoshuTJbg/GkM0xMQIBMj8D/Nfvq+6enZmEtFdhsSDRT66q6qnXr33varqJvoPFUHHWIw6IK6/2tbWdg8dMzBJKQXHwMCAG9UPhBDXW1tbA2gz6BhKZVAAGTs7Oy5um5+fP9fU1LQExv6xsbHGAzNDHrivr88KhUJegH+0ubkp19fXZVdX1w2v13tCAzdcbhPR3N7e3gnQuY0ry3L7nRcUcCAQuIE4MTs7a1IDi9CgXuQxCNBPNq6uyF+HWuTO5IvVjEP6uSMXlk1qYCOVSnFOgYvRLUtmVmbp9HfvUSQSebS5uXkRwIFGSF2zZFpaWoTtWEHCcgvDclPm+4/p3qvvK2CPx7M4MTERZB/QEYoCxVJxBhHsYvwn0+2WKiyLslc+pfuufSjD4fAjyG+Y03AUVyupsDRkR0eHcXBwYMuNKQi3BaYIt5uYce6Hz8XZ63MMzFKHp6am/HcrtQJZWVkhl8tVIju/KqkmgBxAdQXr3LUv6exPl5XUxWIxMjk5GRgZGbljxpWZ7u3tCX3PPCuALDEYk2Ytij9+RQ9ufFEx18LCgv9Ol5PjXsUQg9hSsXubLA3IwC7JoVgjSjfD9PDm1xVzjY6O+qnWlIeDshOxGzkzVRNgeW2mdl6FfXVkxiQsKv/8LfX9sUScY4yxCPAQpP5XjA0GwFJRTLPZrG5mUFcln6Ytc+Uq0CdcLgAvyf4/lxUw1vA3LDVVpexQedfW1ojdW2m1N4cKM8PllqLKUMI0SRhCsuVKtyLUv7XsuJo3kOA/mUt1Dg4OsqRqZ4JUPJZtIttAaqMAMzQarH8NCzwqSzcjghlrcynGh63jGinwA5VP9efIaBr2vqgBnGeltH+nJonCjPts4HPIb5iXE2nP1IPyXssniZNTBhVq0RhC3p6QTd/oHxLpk4/t356yelQawijrecnek6fKOI/9w8PDYQw1ND4+zs/LelAxNzcndIdRLRwzs5kIYT7wJL17q7D/2tPn0+jIcDunRDMt6/SUmbQT6Htra2vrAj+k+yugFRT9I6qVEGxCZwCY3784dillmubr6CqWSqUyD4a61CDclsVKSGM7TaGe8vl8yenpaTMajTqTqeSUjUSdnZ3O5iCrYUXwDM1ke+ni2NspwzAuoTGBweN8xdYZd7vdXE8jMqjnAFjEq06RQZhdT08P1RdONCWTSaEFdeSyqQfvFzO5XnrupdHfAfgm+rcxeBJdaUQS+28K9QQDcxv6eaHntWLSMdHu7q6zxWorVGnNZ6nQVmVJmSEDovoGWGyjixkmLcuK4mSKglEUk4kjYriPFwqFGF550qgzeA6/KTJTx6jVTNXRBt3ZvSpP1OSlmYNeev7lVxQgYqtcLicAmkQKohgsBnViuVwuBpZRXON8j3M2GY/HE5xTv9+fw9Ip4DknlzXAnFM2VDtMcBrXz7Cw+YFNMHoWAOdx/wTue7kf5uAXcR/CWxee7u5uD64tiGaERbZR/3Zb5E4fBj0FNpcRv8GVz4DVU2DyOKR7CLPu5rdFPagzoOmE3uxNDWJUgYl6UFEFCswWH2S6ANBVGCQKwDzu05hAEsDpWCyWw3MFsu0v6S6LySlcXV3lVxUTRnDl8/lfIGkGOcwhMuxWuPQgax9BDKicSUcoyq3sLrAqgxEPmgZ4AtImcWIkcPpk0MaAxUYAVhcT1m4GeCvuu/htD58YQWwY7ah7tNEa/lnBSeeBHeA2sh3ZdFyAXNRHlAawqNadx/edqrc/wwE66lv8/4XLX3gjac6XP/Y1AAAAAElFTkSuQmCC" /* Click */ + "); }") +
727
- ("." + "clarity-pointer-none" /* PointerNone */ + " { background: none; }") +
728
- ("." + "clarity-pointer-move" /* PointerMove */ + " { background-image: url(" + "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAmCAYAAAA4LpBhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASDSURBVHgB7VdPTCNlFH8z0/+FFmRatnFNiDGR4O4mBk08smZvXjjIxRueNME9eHGNxoLxSNwr4WyigYToQRJLjXDzQtDNmnhR4kWWAJm20ymddtrx94bvI9NBWAptsod9ycvM92fe73vv/b73fUP0DIlCfRQ1AMTtjwcHB1+gPgOT67oK6+TkZBjNbxRF+X1gYCCDPpX6IKdGAaTu7++HuG9tbe1ONBr9GR7r+Xy+98DsIRuemJiIjI6OJgH+3e7urruzs+OOjIw8SiaTNwRwz8OtQWPpdHoYoKt///ar2/jxaw84k8k8gt5YWVnRqEfi90BrtVph0Uetx0V67d9fqFAo3G6324XZ2VldLK4noK4AVqvVaoh8YZTAxWLxdiwW20CoM70IdceWicfjSpCxfuBEIrGxsLCQZR7QNcQDwFaRRhRmcXCSL9S3kN8CtlP2Oqz2QoWt4Q4NDanHx8cy3HQBMIe6sLS0pF811B7I5uYmhUKh1nmAQWAOteM4xcXFxczMzEzXHp+u9PDwUBHvymWBmVzr6+t6t9tJhtPzEEYuFaoguebm5nTqJOXFoMxEVCO50tMFXBaYcwwbGwAfRagv5bEKthK2igdUr9epG/EDYw//xKGmzoLz/6BQd3t7m5i9dAUJsJoLSPZp5PIGp6amXHjsVSaEirqVALk8jy/axx2hwAcMTlcRH/Ad5LfA24kEZ4JzudbySSJzyqDnomq37pH14utH/iUrCA5HCeRwHYXc8dzNNs5jfXp6uoD+e/Pz8zzfDYIqq6urihg4NyTaK2/Rw8fNo0/euWvBWI3TwGAiHW2RnjY7LRVjX+7t7d3nSWL8FFSKIj46I0r2ZXr4R/PoQT5f1TTtU3Q5OAbbbAxtV4BwXx07wUI5raJdTaVS5vLysmYYhlyMDJBHJBoeHpbFwQ0CfmuP04P8V1VVVb9AVwXGy/xE6SyHw2FuW9Aa2jYAHVx1HAZh78bGxs44wYkm0zS9PPrC1QE4+8HcPwD8HONPYNzEkAU1UX+raFcYmPswzhu9ISLmShIdHBx0lFfVH2s+SyWR/IBofgYvnmCIPTQjkYiBk8mARwYWU4aW8F5uNpslXHkstBncxjcOeyqJ6vfUO9oQd2avlyeKJj3A9z/8yAOE7uHKUgGoiRQYMFZCdEq2bZfgpYFnmd9xzprlcrnCOdV13cbWaWKezGVnAUBOmVBpkOAlPH/AxuYJu/DoPQDcxfubeB/ncZCDL+IpaDKgiVwul8AzDo1BI3RC1HPLIg+mYPQmvPke+hdY+S68ehuevIHQvYpV5/i2KIxKg5pUUew1AaL6wM4cl4oPFJjxFMJ0H6BbIIgBwAbeLSzABLBVKpVszGvSCf27r5dCNE7h1tYWX1U0ECHUaDT+REhryKENrTFbwdLj+skRxIAeM+ka4rGV2QWv2vCIjVoAryC0Jk6MCk6fGvoY0OkFoF80UDsG8AG8j/BtD78YWRSMNNoJQbSe/1Zw0tmwBB6kE0ZG+wXI4v1ECYAIdbKzf/+povypEui6t/jnwvIf5FVJ1Cj/1+UAAAAASUVORK5CYII=" /* Pointer */ + "); }");
728
+ "#".concat("clarity-interaction-canvas" /* InteractionCanvas */, " { position: absolute; left: 0; top: 0; z-index: ").concat(2147483647 /* ZIndex */, "; background: none; }") +
729
+ "#".concat("clarity-pointer" /* PointerLayer */, " { position: absolute; z-index: ").concat(2147483647 /* ZIndex */, "; url(").concat("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAmCAYAAAA4LpBhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASDSURBVHgB7VdPTCNlFH8z0/+FFmRatnFNiDGR4O4mBk08smZvXjjIxRueNME9eHGNxoLxSNwr4WyigYToQRJLjXDzQtDNmnhR4kWWAJm20ymddtrx94bvI9NBWAptsod9ycvM92fe73vv/b73fUP0DIlCfRQ1AMTtjwcHB1+gPgOT67oK6+TkZBjNbxRF+X1gYCCDPpX6IKdGAaTu7++HuG9tbe1ONBr9GR7r+Xy+98DsIRuemJiIjI6OJgH+3e7urruzs+OOjIw8SiaTNwRwz8OtQWPpdHoYoKt///ar2/jxaw84k8k8gt5YWVnRqEfi90BrtVph0Uetx0V67d9fqFAo3G6324XZ2VldLK4noK4AVqvVaoh8YZTAxWLxdiwW20CoM70IdceWicfjSpCxfuBEIrGxsLCQZR7QNcQDwFaRRhRmcXCSL9S3kN8CtlP2Oqz2QoWt4Q4NDanHx8cy3HQBMIe6sLS0pF811B7I5uYmhUKh1nmAQWAOteM4xcXFxczMzEzXHp+u9PDwUBHvymWBmVzr6+t6t9tJhtPzEEYuFaoguebm5nTqJOXFoMxEVCO50tMFXBaYcwwbGwAfRagv5bEKthK2igdUr9epG/EDYw//xKGmzoLz/6BQd3t7m5i9dAUJsJoLSPZp5PIGp6amXHjsVSaEirqVALk8jy/axx2hwAcMTlcRH/Ad5LfA24kEZ4JzudbySSJzyqDnomq37pH14utH/iUrCA5HCeRwHYXc8dzNNs5jfXp6uoD+e/Pz8zzfDYIqq6urihg4NyTaK2/Rw8fNo0/euWvBWI3TwGAiHW2RnjY7LRVjX+7t7d3nSWL8FFSKIj46I0r2ZXr4R/PoQT5f1TTtU3Q5OAbbbAxtV4BwXx07wUI5raJdTaVS5vLysmYYhlyMDJBHJBoeHpbFwQ0CfmuP04P8V1VVVb9AVwXGy/xE6SyHw2FuW9Aa2jYAHVx1HAZh78bGxs44wYkm0zS9PPrC1QE4+8HcPwD8HONPYNzEkAU1UX+raFcYmPswzhu9ISLmShIdHBx0lFfVH2s+SyWR/IBofgYvnmCIPTQjkYiBk8mARwYWU4aW8F5uNpslXHkstBncxjcOeyqJ6vfUO9oQd2avlyeKJj3A9z/8yAOE7uHKUgGoiRQYMFZCdEq2bZfgpYFnmd9xzprlcrnCOdV13cbWaWKezGVnAUBOmVBpkOAlPH/AxuYJu/DoPQDcxfubeB/ncZCDL+IpaDKgiVwul8AzDo1BI3RC1HPLIg+mYPQmvPke+hdY+S68ehuevIHQvYpV5/i2KIxKg5pUUew1AaL6wM4cl4oPFJjxFMJ0H6BbIIgBwAbeLSzABLBVKpVszGvSCf27r5dCNE7h1tYWX1U0ECHUaDT+REhryKENrTFbwdLj+skRxIAeM+ka4rGV2QWv2vCIjVoAryC0Jk6MCk6fGvoY0OkFoF80UDsG8AG8j/BtD78YWRSMNNoJQbSe/1Zw0tmwBB6kE0ZG+wXI4v1ECYAIdbKzf/+povypEui6t/jnwvIf5FVJ1Cj/1+UAAAAASUVORK5CYII=" /* Pointer */, ") no-repeat left center; width: ").concat(pointerWidth, "px; height: ").concat(pointerHeight, "px; }") +
730
+ ".".concat("clarity-click" /* ClickLayer */, ", .").concat("clarity-click-ring" /* ClickRing */, ", .").concat("clarity-touch" /* TouchLayer */, ", .").concat("clarity-touch-ring" /* TouchRing */, " { position: absolute; z-index: ").concat(2147483647 /* ZIndex */, "; border-radius: 50%; background: radial-gradient(rgba(0,90,158,0.8), transparent); width: ").concat(22 /* ClickRadius */, "px; height: ").concat(22 /* ClickRadius */, "px;}") +
731
+ ".".concat("clarity-click-ring" /* ClickRing */, " { background: transparent; border: 1px solid rgba(0,90,158,0.8); }") +
732
+ ".".concat("clarity-touch" /* TouchLayer */, " { background: radial-gradient(rgba(242,97,12,1), transparent); }") +
733
+ ".".concat("clarity-touch-ring" /* TouchRing */, " { background: transparent; border: 1px solid rgba(242,97,12,0.8); }") +
734
+ ".".concat("clarity-pointer-click" /* PointerClickLayer */, " { background-image: url(").concat("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAmCAYAAAA4LpBhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVoSURBVHgB7VdNTCRFGP2qe6aBGRhA5mfJ7kZcV0XQTQx68MYabl44yMWbetAY3IMX12gWMCZeSLwSEi/GiAHF1SjqMAhoshuTJbg/GkM0xMQIBMj8D/Nfvq+6enZmEtFdhsSDRT66q6qnXr33varqJvoPFUHHWIw6IK6/2tbWdg8dMzBJKQXHwMCAG9UPhBDXW1tbA2gz6BhKZVAAGTs7Oy5um5+fP9fU1LQExv6xsbHGAzNDHrivr88KhUJegH+0ubkp19fXZVdX1w2v13tCAzdcbhPR3N7e3gnQuY0ry3L7nRcUcCAQuIE4MTs7a1IDi9CgXuQxCNBPNq6uyF+HWuTO5IvVjEP6uSMXlk1qYCOVSnFOgYvRLUtmVmbp9HfvUSQSebS5uXkRwIFGSF2zZFpaWoTtWEHCcgvDclPm+4/p3qvvK2CPx7M4MTERZB/QEYoCxVJxBhHsYvwn0+2WKiyLslc+pfuufSjD4fAjyG+Y03AUVyupsDRkR0eHcXBwYMuNKQi3BaYIt5uYce6Hz8XZ63MMzFKHp6am/HcrtQJZWVkhl8tVIju/KqkmgBxAdQXr3LUv6exPl5XUxWIxMjk5GRgZGbljxpWZ7u3tCX3PPCuALDEYk2Ytij9+RQ9ufFEx18LCgv9Ol5PjXsUQg9hSsXubLA3IwC7JoVgjSjfD9PDm1xVzjY6O+qnWlIeDshOxGzkzVRNgeW2mdl6FfXVkxiQsKv/8LfX9sUScY4yxCPAQpP5XjA0GwFJRTLPZrG5mUFcln6Ytc+Uq0CdcLgAvyf4/lxUw1vA3LDVVpexQedfW1ojdW2m1N4cKM8PllqLKUMI0SRhCsuVKtyLUv7XsuJo3kOA/mUt1Dg4OsqRqZ4JUPJZtIttAaqMAMzQarH8NCzwqSzcjghlrcynGh63jGinwA5VP9efIaBr2vqgBnGeltH+nJonCjPts4HPIb5iXE2nP1IPyXssniZNTBhVq0RhC3p6QTd/oHxLpk4/t356yelQawijrecnek6fKOI/9w8PDYQw1ND4+zs/LelAxNzcndIdRLRwzs5kIYT7wJL17q7D/2tPn0+jIcDunRDMt6/SUmbQT6Htra2vrAj+k+yugFRT9I6qVEGxCZwCY3784dillmubr6CqWSqUyD4a61CDclsVKSGM7TaGe8vl8yenpaTMajTqTqeSUjUSdnZ3O5iCrYUXwDM1ke+ni2NspwzAuoTGBweN8xdYZd7vdXE8jMqjnAFjEq06RQZhdT08P1RdONCWTSaEFdeSyqQfvFzO5XnrupdHfAfgm+rcxeBJdaUQS+28K9QQDcxv6eaHntWLSMdHu7q6zxWorVGnNZ6nQVmVJmSEDovoGWGyjixkmLcuK4mSKglEUk4kjYriPFwqFGF550qgzeA6/KTJTx6jVTNXRBt3ZvSpP1OSlmYNeev7lVxQgYqtcLicAmkQKohgsBnViuVwuBpZRXON8j3M2GY/HE5xTv9+fw9Ip4DknlzXAnFM2VDtMcBrXz7Cw+YFNMHoWAOdx/wTue7kf5uAXcR/CWxee7u5uD64tiGaERbZR/3Zb5E4fBj0FNpcRv8GVz4DVU2DyOKR7CLPu5rdFPagzoOmE3uxNDWJUgYl6UFEFCswWH2S6ANBVGCQKwDzu05hAEsDpWCyWw3MFsu0v6S6LySlcXV3lVxUTRnDl8/lfIGkGOcwhMuxWuPQgax9BDKicSUcoyq3sLrAqgxEPmgZ4AtImcWIkcPpk0MaAxUYAVhcT1m4GeCvuu/htD58YQWwY7ah7tNEa/lnBSeeBHeA2sh3ZdFyAXNRHlAawqNadx/edqrc/wwE66lv8/4XLX3gjac6XP/Y1AAAAAElFTkSuQmCC" /* Click */, "); }") +
735
+ ".".concat("clarity-pointer-none" /* PointerNone */, " { background: none; }") +
736
+ ".".concat("clarity-pointer-move" /* PointerMove */, " { background-image: url(").concat("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAmCAYAAAA4LpBhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASDSURBVHgB7VdPTCNlFH8z0/+FFmRatnFNiDGR4O4mBk08smZvXjjIxRueNME9eHGNxoLxSNwr4WyigYToQRJLjXDzQtDNmnhR4kWWAJm20ymddtrx94bvI9NBWAptsod9ycvM92fe73vv/b73fUP0DIlCfRQ1AMTtjwcHB1+gPgOT67oK6+TkZBjNbxRF+X1gYCCDPpX6IKdGAaTu7++HuG9tbe1ONBr9GR7r+Xy+98DsIRuemJiIjI6OJgH+3e7urruzs+OOjIw8SiaTNwRwz8OtQWPpdHoYoKt///ar2/jxaw84k8k8gt5YWVnRqEfi90BrtVph0Uetx0V67d9fqFAo3G6324XZ2VldLK4noK4AVqvVaoh8YZTAxWLxdiwW20CoM70IdceWicfjSpCxfuBEIrGxsLCQZR7QNcQDwFaRRhRmcXCSL9S3kN8CtlP2Oqz2QoWt4Q4NDanHx8cy3HQBMIe6sLS0pF811B7I5uYmhUKh1nmAQWAOteM4xcXFxczMzEzXHp+u9PDwUBHvymWBmVzr6+t6t9tJhtPzEEYuFaoguebm5nTqJOXFoMxEVCO50tMFXBaYcwwbGwAfRagv5bEKthK2igdUr9epG/EDYw//xKGmzoLz/6BQd3t7m5i9dAUJsJoLSPZp5PIGp6amXHjsVSaEirqVALk8jy/axx2hwAcMTlcRH/Ad5LfA24kEZ4JzudbySSJzyqDnomq37pH14utH/iUrCA5HCeRwHYXc8dzNNs5jfXp6uoD+e/Pz8zzfDYIqq6urihg4NyTaK2/Rw8fNo0/euWvBWI3TwGAiHW2RnjY7LRVjX+7t7d3nSWL8FFSKIj46I0r2ZXr4R/PoQT5f1TTtU3Q5OAbbbAxtV4BwXx07wUI5raJdTaVS5vLysmYYhlyMDJBHJBoeHpbFwQ0CfmuP04P8V1VVVb9AVwXGy/xE6SyHw2FuW9Aa2jYAHVx1HAZh78bGxs44wYkm0zS9PPrC1QE4+8HcPwD8HONPYNzEkAU1UX+raFcYmPswzhu9ISLmShIdHBx0lFfVH2s+SyWR/IBofgYvnmCIPTQjkYiBk8mARwYWU4aW8F5uNpslXHkstBncxjcOeyqJ6vfUO9oQd2avlyeKJj3A9z/8yAOE7uHKUgGoiRQYMFZCdEq2bZfgpYFnmd9xzprlcrnCOdV13cbWaWKezGVnAUBOmVBpkOAlPH/AxuYJu/DoPQDcxfubeB/ncZCDL+IpaDKgiVwul8AzDo1BI3RC1HPLIg+mYPQmvPke+hdY+S68ehuevIHQvYpV5/i2KIxKg5pUUew1AaL6wM4cl4oPFJjxFMJ0H6BbIIgBwAbeLSzABLBVKpVszGvSCf27r5dCNE7h1tYWX1U0ECHUaDT+REhryKENrTFbwdLj+skRxIAeM+ka4rGV2QWv2vCIjVoAryC0Jk6MCk6fGvoY0OkFoF80UDsG8AG8j/BtD78YWRSMNNoJQbSe/1Zw0tmwBB6kE0ZG+wXI4v1ECYAIdbKzf/+povypEui6t/jnwvIf5FVJ1Cj/1+UAAAAASUVORK5CYII=" /* Pointer */, "); }");
729
737
  p.appendChild(style);
730
738
  }
731
739
  p.style.left = (data.x - 4 /* PointerOffset */) + "px" /* Pixel */;
@@ -763,7 +771,7 @@ var InteractionHelper = /** @class */ (function () {
763
771
  p.className = "clarity-pointer-move" /* PointerMove */;
764
772
  break;
765
773
  }
766
- p.setAttribute("title" /* Title */, title + " (" + data.x + "px" /* Pixel */ + ", " + data.y + "px" /* Pixel */ + ")");
774
+ p.setAttribute("title" /* Title */, "".concat(title, " (").concat(data.x).concat("px" /* Pixel */, ", ").concat(data.y).concat("px" /* Pixel */, ")"));
767
775
  };
768
776
  this.hover = function () {
769
777
  if (_this.targetId && _this.targetId !== _this.hoverId) {
@@ -804,7 +812,7 @@ var InteractionHelper = /** @class */ (function () {
804
812
  var de = doc.documentElement;
805
813
  var touch = doc.createElement("DIV");
806
814
  touch.className = "clarity-touch" /* TouchLayer */;
807
- touch.setAttribute("title" /* Title */, title + " (" + x + "px" /* Pixel */ + ", " + y + "px" /* Pixel */ + ")");
815
+ touch.setAttribute("title" /* Title */, "".concat(title, " (").concat(x).concat("px" /* Pixel */, ", ").concat(y).concat("px" /* Pixel */, ")"));
808
816
  touch.style.left = (x - 22 /* ClickRadius */ / 2) + "px" /* Pixel */;
809
817
  touch.style.top = (y - 22 /* ClickRadius */ / 2) + "px" /* Pixel */;
810
818
  touch.style.animation = "disappear 1 1s";
@@ -823,7 +831,7 @@ var InteractionHelper = /** @class */ (function () {
823
831
  var de = doc.documentElement;
824
832
  var click = doc.createElement("DIV");
825
833
  click.className = "clarity-click" /* ClickLayer */;
826
- click.setAttribute("title" /* Title */, title + " (" + x + "px" /* Pixel */ + ", " + y + "px" /* Pixel */ + ")");
834
+ click.setAttribute("title" /* Title */, "".concat(title, " (").concat(x).concat("px" /* Pixel */, ", ").concat(y).concat("px" /* Pixel */, ")"));
827
835
  click.style.left = (x - 22 /* ClickRadius */ / 2) + "px" /* Pixel */;
828
836
  click.style.top = (y - 22 /* ClickRadius */ / 2) + "px" /* Pixel */;
829
837
  de.appendChild(click);
@@ -934,7 +942,7 @@ var InteractionHelper = /** @class */ (function () {
934
942
  for (var i = 0; i < 3; i++) {
935
943
  c[i] = Math.round(e[i] + factor * (s[i] - e[i]));
936
944
  }
937
- return "rgba(" + c[0] + ", " + c[1] + ", " + c[2] + ", " + factor + ")";
945
+ return "rgba(".concat(c[0], ", ").concat(c[1], ", ").concat(c[2], ", ").concat(factor, ")");
938
946
  };
939
947
  // Reference: https://en.wikipedia.org/wiki/Cubic_Hermite_spline#Cardinal_spline
940
948
  this.curve = function (path) {
@@ -1227,7 +1235,7 @@ var LayoutHelper = /** @class */ (function () {
1227
1235
  var cssRules = sheet ? sheet.cssRules : [];
1228
1236
  for (var i = 0; i < cssRules.length; i++) {
1229
1237
  if (cssRules[i].cssText.indexOf(":hover" /* Hover */) >= 0) {
1230
- var css = cssRules[i].cssText.replace(/:hover/g, "[" + "clarity-hover" /* CustomHover */ + "]");
1238
+ var css = cssRules[i].cssText.replace(/:hover/g, "[".concat("clarity-hover" /* CustomHover */, "]"));
1231
1239
  sheet.removeRule(i);
1232
1240
  sheet.insertRule(css, i);
1233
1241
  }
@@ -1247,7 +1255,7 @@ var LayoutHelper = /** @class */ (function () {
1247
1255
  }
1248
1256
  catch (ex) {
1249
1257
  // We log the warning on non-standard markup but continue with the visualization
1250
- console.warn("Exception encountered while creating element " + tag + ": " + ex);
1258
+ console.warn("Exception encountered while creating element ".concat(tag, ": ").concat(ex));
1251
1259
  return doc.createElement("clarity-unknown" /* UnknownTag */);
1252
1260
  }
1253
1261
  };
@@ -1290,9 +1298,9 @@ var LayoutHelper = /** @class */ (function () {
1290
1298
  var attributes = data.attributes || {};
1291
1299
  var sameorigin = false;
1292
1300
  // Clarity attributes
1293
- attributes["data-clarity-id" /* Id */] = "" + data.id;
1294
- attributes["data-clarity-hash" /* Hash */] = "" + data.hash;
1295
- attributes["data-clarity-hashbeta" /* HashBeta */] = "" + data.hashBeta;
1301
+ attributes["data-clarity-id" /* Id */] = "".concat(data.id);
1302
+ attributes["data-clarity-hash" /* Hash */] = "".concat(data.hash);
1303
+ attributes["data-clarity-hashbeta" /* HashBeta */] = "".concat(data.hashBeta);
1296
1304
  var tag = node.nodeType === 1 /* ELEMENT_NODE */ ? node.tagName.toLowerCase() : null;
1297
1305
  // First remove all its existing attributes
1298
1306
  if (node.attributes) {
@@ -1321,7 +1329,7 @@ var LayoutHelper = /** @class */ (function () {
1321
1329
  // Do nothing if we encounter internal Clarity attributes
1322
1330
  }
1323
1331
  else if (tag === "iframe" /* IFrameTag */ && (attribute.indexOf("src") === 0 || attribute.indexOf("allow") === 0) || attribute === "sandbox") {
1324
- node.setAttribute("data-clarity-" + attribute, v);
1332
+ node.setAttribute("data-clarity-".concat(attribute), v);
1325
1333
  }
1326
1334
  else if (tag === "img" /* ImageTag */ && attribute.indexOf("src") === 0 && (v === null || v.length === 0)) {
1327
1335
  node.setAttribute(attribute, "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" /* Transparent */);
@@ -1358,12 +1366,12 @@ var LayoutHelper = /** @class */ (function () {
1358
1366
  };
1359
1367
  this.getCustomStyle = function () {
1360
1368
  // tslint:disable-next-line: max-line-length
1361
- return "img" /* ImageTag */ + "[" + "data-clarity-hide" /* Hide */ + "] { background-color: #CCC; background-image: url(" + "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANvSURBVHgB7Ve9VhpREJ5dU6BNVqt0wS6dpEuX9QmiTyA+gfgE4BOgZSrJE4hlKvEJxDKVa2caoaSSfB87F4Z7dtmFhFTMOfcMe52Z+935u6PIhjb0dxTIihRFUQ2M6z0/dXuI9ay8PwTJklQaEADw0JMgCI4USFSkMx6Pe2BdrFtgS6QEFQICjirYGYDUc0AMcXCCvw8XAVVwHQD7IasAokfCMGzB0NmCA1o44N7T+wpwlwouT+80z2NbOWAaMHqDn7FuJcorapRATkej0bOvyz2s7zs7O2L0GbYXrCrscjUqlUoAuZ6vH3hAIr3diW4xHC3wW+w/KZhLgDmXEgRzbR6udvbBD/DdITB3UewfWm+FRpnIHwyYLo1A+Aq/vzkDWFdSni4krTjm1RnDOxgM9nFOS//OM++0YmeAFMydQw4gDSgeu7LVyprE3489je3u7t5waQFMifrQ6ehn7PZfX18v6BkFOwcq9MDQQKxeseRu0PXARJprBHxED2t7sPSol6p5YHs467OkXo8cqBA/rmXmmVO/atzZzk4G0Kond+DJJJLmStc3Sm+rpxLVbYcEoRu8xbWNp9U1B1rqyzzIRNQj5tAe84ZVKVmGZ6BoK5Vh2JADT1hjLny3rBL27nS/7RtUXZdDmb1H5Ug1rDgjrFMKrGGb2CzPt7e3C95gb2+vqeU/1Mor/UZpg21og50CsfYzATllsLY+E6TE60OTPoUqOV8EQNKKmuTTgifHAmO4GOokyDFah2BTTAOTNFcmIQFI3qyVoxurp+dIL3ZF72bYdzL1zKcDLb2P1n4rqUfcg/nB3Cre3t6uQeY3ZBOri72q87B7ULHY035CdmTs85H9BVlR23yWumVf+6YJo0/MK7qcI8al9RCqq9R4w4ICq9JDYZEwk44ly2TWFtGT+VKnF2PwB6cis8sUzkw+vSsrqNXQ0eUmxo+S5gEPfvQBSTpNLjU1rjzCLiKEYAAWMQRFA5m2GzdJxIUhW5H6yutFguhRToapcb8WQGwL5MwtDnt5cvQOZJuq0yHfkjUQWwHbAn5+AqgvKHGW/IsPRquR+ZdgcQIdrStkYh5tN1ocZYCpSto2Dqezl6yRMga/yQSpXToyYFzOrReQAcUhzp8E+E4eWzD/lTgxuPFGR5Wlm+Y/J3qL/7fJhja0RvoDR4Tn4Lo/zi8AAAAASUVORK5CYII=" /* Hide */ + "); background-repeat:no-repeat; background-position: center; }" +
1362
- ("img" /* ImageTag */ + "[" + "data-clarity-hide" /* Hide */ + "=" + "s" /* Small */ + "] { background-size: 18px 18px; }") +
1363
- ("img" /* ImageTag */ + "[" + "data-clarity-hide" /* Hide */ + "=" + "m" /* Medium */ + "] { background-size: 24px 24px; }") +
1364
- ("img" /* ImageTag */ + "[" + "data-clarity-hide" /* Hide */ + "=" + "l" /* Large */ + "] { background-size: 36px 36px; }") +
1365
- ("iframe" /* IFrameTag */ + "[" + "data-clarity-unavailable" /* Unavailable */ + "] { background: url(" + "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAiCAYAAAAge+tMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAU6SURBVHgBzVg7TyNJEG6bh5AIjpOQeCXj7LL18pDIdpztRYuzy7CjCzG/ADu8CO8vwEQXrgkvws6QeNiEFzEk4GznIFnxvO/zVntrhx6/kLxb0mh6uqurvq6urqqehHklra+ve3d3dx8SiUT6+fk5ja4ZtGf4tjzoD9AXoBmiXUsmk+cnJyc18wpKmCFodXXVx8t/enraBCDPDEchniqeg9PT06oZkAYCTsCw2A6afjc+8IQCjGR3oBtxR/bHx8crR0dHgemD+gIugPfQ9OJ4BGwF72qj0ajrsTQI7rEFcDnTndoLeHh4KDebzdAMC5z+e39/T8B+Nz6AbcJtslAWdOMDfg8LONTuJf7vRVgDPEW40H6crLG4AVi58Pj4+Deav0WUFIjBfDt8NYD+HaBbpge1Wq1wbm5uH+DXjewe5IXQ85buxAMurJS9sbi46IG/jnlforKS0Q7f92dWVlYOAXLXgqMb4CmcnZ2l8E5YpVwIlGZ7basm8nIO50qXNzY29g6y8+hP0RCKPYexBne+K3Ay3N7eNoxyDViziicFwR+la8uOwULFQUBr8LB6XgOU/gDukcGittUY3bUBY25oGR0fX1tbSwPgoVFWxquoAFufv5DxgDvgAsZdu7m52WR7cnLyIC5SAMxnqw+6PRzqSzvmOg9coPX7ZAzoAN9vNWgSQKfVpzP2yq5dQGGZD61F+S5e6KnYNkD6eozWBwZav6m6K1hs2yBJB2hGiIwrQmDsjfp8MS6L2zMqa7INebvGTedKthcdtODN90Yi+I2kCO0owsq3e4U1EqOBq98FwNWnxgKCgd66a5znAe6RjYDfGsdJzmtfgqBPWFE+Jg2HSmFcNuS8QqSv5mLkwQewiumDBKcn87JJ5UuB8BDQJ8TxYnQyFnep2ukYMCXzvXUY57ddvIOGUeIUNw47UQWneEYsrwFVJiYmSjYqkAdx9bOMMR6n4pSTF7J+0ZHCRVKwfaA7SXUZ0g3xNJn+j4+Pm655L1L+8vLyrmRHS4FR6ZfJyUichyKGy5IZgvot2EA1GC8fDanOWgXgCwBPodqPqxCwjQKIljmUPiaSTJxVuoAuCui+CXhKqOGLne84xpgEQKqoSwMpwIIy/ZajUdBytspSVV6KblaT79AsaP0afM+yFtbP4bXT48LAWqYEtymbHrIgZy/SnYurAsV4O7ocRjvD21Nf9bgIYMbK9VgAq8f2rYYHbHp6OqjVau3DK+UCXcw1P9ethI2cO9YzqYFuQLIA3/TegTYxpbPqE+UdazM7o82suWn6AC8Rr2F10upjZgBiPX19fd3E83F+fr5mviakKQiad/FDWfHq6upftlFbM0N7AvwP1kHoY5Fmzwrr7wCyzx16vywsLBDwe9s31GU5ShKz30gOmLGWQZwv2fIBYfRZ2JnCf7Vz0V8xyvIsaV1nReeQ9oXGjIDoYlB6IZ811tx6PAo+Gvoswd0urFGS5icgLCSHV8e/GS5dJYemUQHXxZnnYugFXtzRzg1HApz1jC3iqFzqkxfUDTxcTc9pDhRVXkOICrSYb78RPQ5cfOivRqKNv7S0lMAi/lTRqziSw0mSqMADauufbLdfb45ir032rjsyi0ssnlJWfw/Ltlxxm4T+fyR2+7qfi+GckQEXMHWA9c3XRDRl5KcPXOE/JKrA8vEvwezsLH8a5YwqEWDtMqz9F9sjcxVL4jJM/RuRoVB+iZjob2qSgO7cpEYO3BJrfry2etU8XAx4XtyBfxhwki3aAGyT9b39HS3/KJsoGSr4rLuuh/8DlPszm7LNbUUAAAAASUVORK5CYII=" /* Unavailable */ + ") no-repeat center center, url('" + "data:image/svg+xml,<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"100%\" height=\"100%\"><rect width=\"100%\" height=\"100%\" style=\"fill:rgb(204,204,204)\"/><line stroke-dasharray=\"5, 5\" x1=\"0\" y1=\"100%\" x2=\"100%\" y2=\"0\" style=\"stroke:rgb(119,119,119);stroke-width:1\"/><line stroke-dasharray=\"5, 5\" x1=\"0\" y1=\"0\" x2=\"100%\" y2=\"100%\" style=\"stroke:rgb(119,119,119);stroke-width:1\"/><circle cx=\"50%\" cy=\"50%\" r=\"40\" fill=\"rgb(204,204,204)\"/></svg>" /* Cross */ + "'); }") +
1366
- ("*[" + "data-clarity-suspend" /* Suspend */ + "] { filter: grayscale(100%); }");
1369
+ return "".concat("img" /* ImageTag */, "[").concat("data-clarity-hide" /* Hide */, "] { background-color: #CCC; background-image: url(").concat("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANvSURBVHgB7Ve9VhpREJ5dU6BNVqt0wS6dpEuX9QmiTyA+gfgE4BOgZSrJE4hlKvEJxDKVa2caoaSSfB87F4Z7dtmFhFTMOfcMe52Z+935u6PIhjb0dxTIihRFUQ2M6z0/dXuI9ay8PwTJklQaEADw0JMgCI4USFSkMx6Pe2BdrFtgS6QEFQICjirYGYDUc0AMcXCCvw8XAVVwHQD7IasAokfCMGzB0NmCA1o44N7T+wpwlwouT+80z2NbOWAaMHqDn7FuJcorapRATkej0bOvyz2s7zs7O2L0GbYXrCrscjUqlUoAuZ6vH3hAIr3diW4xHC3wW+w/KZhLgDmXEgRzbR6udvbBD/DdITB3UewfWm+FRpnIHwyYLo1A+Aq/vzkDWFdSni4krTjm1RnDOxgM9nFOS//OM++0YmeAFMydQw4gDSgeu7LVyprE3489je3u7t5waQFMifrQ6ehn7PZfX18v6BkFOwcq9MDQQKxeseRu0PXARJprBHxED2t7sPSol6p5YHs467OkXo8cqBA/rmXmmVO/atzZzk4G0Kond+DJJJLmStc3Sm+rpxLVbYcEoRu8xbWNp9U1B1rqyzzIRNQj5tAe84ZVKVmGZ6BoK5Vh2JADT1hjLny3rBL27nS/7RtUXZdDmb1H5Ug1rDgjrFMKrGGb2CzPt7e3C95gb2+vqeU/1Mor/UZpg21og50CsfYzATllsLY+E6TE60OTPoUqOV8EQNKKmuTTgifHAmO4GOokyDFah2BTTAOTNFcmIQFI3qyVoxurp+dIL3ZF72bYdzL1zKcDLb2P1n4rqUfcg/nB3Cre3t6uQeY3ZBOri72q87B7ULHY035CdmTs85H9BVlR23yWumVf+6YJo0/MK7qcI8al9RCqq9R4w4ICq9JDYZEwk44ly2TWFtGT+VKnF2PwB6cis8sUzkw+vSsrqNXQ0eUmxo+S5gEPfvQBSTpNLjU1rjzCLiKEYAAWMQRFA5m2GzdJxIUhW5H6yutFguhRToapcb8WQGwL5MwtDnt5cvQOZJuq0yHfkjUQWwHbAn5+AqgvKHGW/IsPRquR+ZdgcQIdrStkYh5tN1ocZYCpSto2Dqezl6yRMga/yQSpXToyYFzOrReQAcUhzp8E+E4eWzD/lTgxuPFGR5Wlm+Y/J3qL/7fJhja0RvoDR4Tn4Lo/zi8AAAAASUVORK5CYII=" /* Hide */, "); background-repeat:no-repeat; background-position: center; }") +
1370
+ "".concat("img" /* ImageTag */, "[").concat("data-clarity-hide" /* Hide */, "=").concat("s" /* Small */, "] { background-size: 18px 18px; }") +
1371
+ "".concat("img" /* ImageTag */, "[").concat("data-clarity-hide" /* Hide */, "=").concat("m" /* Medium */, "] { background-size: 24px 24px; }") +
1372
+ "".concat("img" /* ImageTag */, "[").concat("data-clarity-hide" /* Hide */, "=").concat("l" /* Large */, "] { background-size: 36px 36px; }") +
1373
+ "".concat("iframe" /* IFrameTag */, "[").concat("data-clarity-unavailable" /* Unavailable */, "] { background: url(").concat("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAiCAYAAAAge+tMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAU6SURBVHgBzVg7TyNJEG6bh5AIjpOQeCXj7LL18pDIdpztRYuzy7CjCzG/ADu8CO8vwEQXrgkvws6QeNiEFzEk4GznIFnxvO/zVntrhx6/kLxb0mh6uqurvq6urqqehHklra+ve3d3dx8SiUT6+fk5ja4ZtGf4tjzoD9AXoBmiXUsmk+cnJyc18wpKmCFodXXVx8t/enraBCDPDEchniqeg9PT06oZkAYCTsCw2A6afjc+8IQCjGR3oBtxR/bHx8crR0dHgemD+gIugPfQ9OJ4BGwF72qj0ajrsTQI7rEFcDnTndoLeHh4KDebzdAMC5z+e39/T8B+Nz6AbcJtslAWdOMDfg8LONTuJf7vRVgDPEW40H6crLG4AVi58Pj4+Deav0WUFIjBfDt8NYD+HaBbpge1Wq1wbm5uH+DXjewe5IXQ85buxAMurJS9sbi46IG/jnlforKS0Q7f92dWVlYOAXLXgqMb4CmcnZ2l8E5YpVwIlGZ7basm8nIO50qXNzY29g6y8+hP0RCKPYexBne+K3Ay3N7eNoxyDViziicFwR+la8uOwULFQUBr8LB6XgOU/gDukcGittUY3bUBY25oGR0fX1tbSwPgoVFWxquoAFufv5DxgDvgAsZdu7m52WR7cnLyIC5SAMxnqw+6PRzqSzvmOg9coPX7ZAzoAN9vNWgSQKfVpzP2yq5dQGGZD61F+S5e6KnYNkD6eozWBwZav6m6K1hs2yBJB2hGiIwrQmDsjfp8MS6L2zMqa7INebvGTedKthcdtODN90Yi+I2kCO0owsq3e4U1EqOBq98FwNWnxgKCgd66a5znAe6RjYDfGsdJzmtfgqBPWFE+Jg2HSmFcNuS8QqSv5mLkwQewiumDBKcn87JJ5UuB8BDQJ8TxYnQyFnep2ukYMCXzvXUY57ddvIOGUeIUNw47UQWneEYsrwFVJiYmSjYqkAdx9bOMMR6n4pSTF7J+0ZHCRVKwfaA7SXUZ0g3xNJn+j4+Pm655L1L+8vLyrmRHS4FR6ZfJyUichyKGy5IZgvot2EA1GC8fDanOWgXgCwBPodqPqxCwjQKIljmUPiaSTJxVuoAuCui+CXhKqOGLne84xpgEQKqoSwMpwIIy/ZajUdBytspSVV6KblaT79AsaP0afM+yFtbP4bXT48LAWqYEtymbHrIgZy/SnYurAsV4O7ocRjvD21Nf9bgIYMbK9VgAq8f2rYYHbHp6OqjVau3DK+UCXcw1P9ethI2cO9YzqYFuQLIA3/TegTYxpbPqE+UdazM7o82suWn6AC8Rr2F10upjZgBiPX19fd3E83F+fr5mviakKQiad/FDWfHq6upftlFbM0N7AvwP1kHoY5Fmzwrr7wCyzx16vywsLBDwe9s31GU5ShKz30gOmLGWQZwv2fIBYfRZ2JnCf7Vz0V8xyvIsaV1nReeQ9oXGjIDoYlB6IZ811tx6PAo+Gvoswd0urFGS5icgLCSHV8e/GS5dJYemUQHXxZnnYugFXtzRzg1HApz1jC3iqFzqkxfUDTxcTc9pDhRVXkOICrSYb78RPQ5cfOivRqKNv7S0lMAi/lTRqziSw0mSqMADauufbLdfb45ir032rjsyi0ssnlJWfw/Ltlxxm4T+fyR2+7qfi+GckQEXMHWA9c3XRDRl5KcPXOE/JKrA8vEvwezsLH8a5YwqEWDtMqz9F9sjcxVL4jJM/RuRoVB+iZjob2qSgO7cpEYO3BJrfry2etU8XAx4XtyBfxhwki3aAGyT9b39HS3/KJsoGSr4rLuuh/8DlPszm7LNbUUAAAAASUVORK5CYII=" /* Unavailable */, ") no-repeat center center, url('").concat("data:image/svg+xml,<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"100%\" height=\"100%\"><rect width=\"100%\" height=\"100%\" style=\"fill:rgb(204,204,204)\"/><line stroke-dasharray=\"5, 5\" x1=\"0\" y1=\"100%\" x2=\"100%\" y2=\"0\" style=\"stroke:rgb(119,119,119);stroke-width:1\"/><line stroke-dasharray=\"5, 5\" x1=\"0\" y1=\"0\" x2=\"100%\" y2=\"100%\" style=\"stroke:rgb(119,119,119);stroke-width:1\"/><circle cx=\"50%\" cy=\"50%\" r=\"40\" fill=\"rgb(204,204,204)\"/></svg>" /* Cross */, "'); }") +
1374
+ "*[".concat("data-clarity-suspend" /* Suspend */, "] { filter: grayscale(100%); }");
1367
1375
  };
1368
1376
  this.state = state;
1369
1377
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "clarity-visualize",
3
- "version": "0.6.28",
3
+ "version": "0.6.32",
4
4
  "description": "An analytics library that uses web page interactions to generate aggregated insights",
5
5
  "author": "Microsoft Corp.",
6
6
  "license": "MIT",
@@ -27,7 +27,7 @@
27
27
  "url": "https://github.com/Microsoft/clarity/issues"
28
28
  },
29
29
  "dependencies": {
30
- "clarity-decode": "^0.6.28"
30
+ "clarity-decode": "^0.6.32"
31
31
  },
32
32
  "devDependencies": {
33
33
  "@rollup/plugin-commonjs": "^19.0.1",