clarity-visualize 0.7.39 → 0.7.40

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.
@@ -1175,18 +1175,19 @@ var LayoutHelper = /** @class */ (function () {
1175
1175
  };
1176
1176
  var _loop_1 = function (node) {
1177
1177
  var parent_1 = _this.element(node.parent);
1178
- if (parent_1 === null && node.parent !== null && node.parent > -1) {
1179
- // We are referencing a parent for this node that hasn't been created yet. Push it to a list of nodes to
1180
- // try once we are finished with other nodes within this event.
1181
- retryEvent.data.push(node);
1182
- return "continue";
1183
- }
1184
1178
  var pivot = _this.element(node.previous);
1185
1179
  var insert = _this.insertAfter;
1186
1180
  var tag = node.tag;
1187
1181
  if (tag && tag.indexOf("iframe:" /* Layout.Constant.IFramePrefix */) === 0) {
1188
1182
  tag = node.tag.substr("iframe:" /* Layout.Constant.IFramePrefix */.length);
1189
1183
  }
1184
+ if (parent_1 === null && node.parent !== null && node.parent > -1 && tag !== "HTML") {
1185
+ // We are referencing a parent for this node that hasn't been created yet. Push it to a list of nodes to
1186
+ // try once we are finished with other nodes within this event. Though we don't require HTML tags to
1187
+ // have a parent as they are typically the root.
1188
+ retryEvent.data.push(node);
1189
+ return "continue";
1190
+ }
1190
1191
  switch (tag) {
1191
1192
  case "*D" /* Layout.Constant.DocumentTag */:
1192
1193
  var tagDoc = tag !== node.tag ? (parent_1 ? parent_1.contentDocument : null) : doc;
@@ -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(s){return function(l){return function(s){if(a)throw new TypeError("Generator is already executing.");for(;r&&(r=0,s[0]&&(o=0)),o;)try{if(a=1,n&&(i=2&s[0]?n.return:s[0]?n.throw||((i=n.return)&&i.call(n),0):n.next)&&!(i=i.call(n,s[1])).done)return i;switch(n=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return o.label++,{value:s[1],done:!1};case 5:o.label++,n=s[1],s=[0];continue;case 7:s=o.ops.pop(),o.trys.pop();continue;default:if(!(i=o.trys,(i=i.length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){o=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){o.label=s[1];break}if(6===s[0]&&o.label<i[1]){o.label=i[1],i=s;break}if(i&&o.label<i[2]){o.label=i[2],o.ops.push(s);break}i[2]&&o.ops.pop(),o.trys.pop();continue}s=e.call(t,o)}catch(t){s=[6,t],n=0}finally{a=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}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],c="unit"in l?l.unit:"";n.push("<li><h2>".concat(a.value(r,c),"<span>").concat(a.key(c),"</span></h2>").concat(l.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="load,active,fixed,visible,focus,show,collaps,animat".split(","),r={};function o(t){if(!t)return!1;if(i.some((function(e){return t.toLowerCase().indexOf(e)>=0})))return!1;for(var e=0;e<t.length;e++){var a=t.charCodeAt(e);if(a>=48&&a<=57)return!1}return!0}var s=1,l=null,c=[],A={},u=null;var d,h={hash:function(t,e){void 0===e&&(e=null);for(var a,n=5381,i=n,r=0;r<t.length;r+=2){if(n=(n<<5)+n^t.charCodeAt(r),r+1<t.length)i=(i<<5)+i^t.charCodeAt(r+1)}return a=Math.abs(n+11579*i),(e?a%Math.pow(2,e):a).toString(36)},selector:Object.freeze({__proto__:null,get:function(t,e){var a=t.attributes,n=t.prefix?t.prefix[e]:null,i=0===e?"".concat("~").concat(t.position-1):":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).concat(">"),t.tag=0===t.tag.indexOf("svg:")?t.tag.substr("svg:".length):t.tag;var s="".concat(n).concat(t.tag).concat(i),l="id"in a&&a.id.length>0?a.id:null,c="BODY"!==t.tag&&"class"in a&&a.class.length>0?a.class.trim().split(/\s+/).filter((function(t){return o(t)})).join("."):null;if(c&&c.length>0)if(0===e){var A="".concat(function(t){for(var e=t.split(">"),a=0;a<e.length;a++){var n=e[a].indexOf("~"),i=e[a].indexOf(".");e[a]=e[a].substring(0,i>0?i:n>0?n:e[a].length)}return e.join(">")}(n)).concat(t.tag).concat(".").concat(c);A in r||(r[A]=[]),r[A].indexOf(t.id)<0&&r[A].push(t.id),s="".concat(A).concat("~").concat(r[A].indexOf(t.id))}else s="".concat(n).concat(t.tag,".").concat(c).concat(i);return s=l&&o(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"";return t.substring(0,t.indexOf(">",n)+1)}(n)).concat("#").concat(l):s,s}},reset:function(){r={}}}),get:function(t){var e=function(t,e){if(void 0===e&&(e=!1),null===t)return null;var a=u.get(t);return!a&&e&&(a=s++,u.set(t,a)),a||null}(t);return e in c?c[e]:null},getNode:function(t){return l.has(t)?l.get(t):null},lookup:function(t){return t in A?A[t]:null}},p=function(){var t=this;this.reset=function(){t.children={},t.nodes={},h.selector.reset()},this.selectors=function(e){return e.data.forEach&&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 c={id:e.id,tag:e.tag,prefix:a?[a.alpha,a.beta]:null,position:i.position,attributes:r},A=h.selector.get(c,0);e.selectorAlpha=A.length>0?A:null,e.hashAlpha=A.length>0?h.hash(e.selectorAlpha):null;var u=h.selector.get(c,1);e.selectorBeta=u.length>0?u:null,e.hashBeta=u.length>0?h.hash(e.selectorBeta):null,i.alpha=A,i.beta=u,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()},m=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,c=Math.max(s.scrollHeight,s.offsetHeight,l.clientHeight,l.scrollHeight,l.offsetHeight);if(i.height=Math.min(c,65535),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],p=1-h.cumulativeSum/n.scrollData[0].cumulativeSum,m=h.scrollReachY/100*(c/i.height),f=240*p;m<=1&&A.addColorStop(m,"hsla(".concat(f,", 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,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 c=l[s];i.globalAlpha=c.a,i.drawImage(r,c.x-20,c.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],l=n.layout.get(s.hash);if(l&&"function"==typeof l.getBoundingClientRect){var c=l.getBoundingClientRect(),A=n.visible(l,c,i);if(null===n.max||A)for(var u=0;u<s.points;u++){var d=Math.round(c.left+s.x[u]/32767*c.width),h=Math.round(c.top+s.y[u]/32767*c.height),p="".concat(d).concat("X").concat(h).concat("X").concat(A?1:0);e[p]=p in e?e[p]+s.clicks[u]:s.clicks[u],a=Math.max(e[p],a)}}}n.max=n.max?n.max:a;for(var m=0,f=Object.keys(e);m<f.length;m++){var g=f[m],v=g.split("X"),y=Math.min(e[g]/n.max+.15,1);"1"===v[2]&&t.push({x:parseInt(v[0],10),y:parseInt(v[1],10),a:y})}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 c=l[s];if(!("CANVAS"===c.tagName||c.id&&0===c.id.indexOf("clarity-"))){r=c===t,o=c.shadowRoot&&c.shadowRoot!=i?c.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}(),f=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.offsetTop!==e.y&&(r=a.body).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 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","".concat(l," (").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 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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"),o.appendChild(n.clickAudio)),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,c=1;c<o;c++){var A=i[c],u=1-(c-1)/o,d=1-c/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-l),a.lineTo(A.x-s,A.y-l),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),l=0;l<=s;l++){var c={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=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),p=Math.pow(u,3)-2*Math.pow(u,2)+u,m=Math.pow(u,3)-Math.pow(u,2),f=d*a[r].x+h*a[r+1].x+p*c.x+m*A.x,g=d*a[r].y+h*a[r+1].y+p*c.y+m*A.y;i.push({time:o,x:f,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}(),g=function(){function a(n){var i=this;this.stylesheets=[],this.fonts=[],this.nodes={},this.events={},this.hashMapAlpha={},this.hashMapBeta={},this.adoptedStyleSheets={},this.animations={},this.state=null,this.stylesToApply={},this.reset=function(){i.nodes={},i.stylesheets=[],i.fonts=[],i.events={},i.hashMapAlpha={},i.hashMapBeta={}},this.get=function(t){return t in i.hashMapBeta&&i.hashMapBeta[t].isConnected?i.hashMapBeta[t]:t in i.hashMapAlpha&&i.hashMapAlpha[t].isConnected?i.hashMapAlpha[t]:null},this.addToHashMap=function(t,e){i.hashMapAlpha[t.hashAlpha]=i.get(t.hashAlpha)||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.animateChange=function(t){var e=i.animations[t.data.id];if(e||0===t.data.operation)switch(t.data.operation){case 0:var a=i.element(t.data.targetId);a&&(i.animations[t.data.id]=a.animate(JSON.parse(t.data.keyFrames),JSON.parse(t.data.timing)));break;case 3:e.cancel();break;case 4:e.finish();break;case 2:e.pause();break;case 1:e.play()}},this.dom=function(a,n){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,n),[4,Promise.all(this.stylesheets.concat(this.fonts))]):[3,2];case 1:e.sent(),t.documentElement.style.visibility="visible",e.label=2;case 2:return[2]}}))}))},this.styleChange=function(t){switch(t.event){case 46:var e=i.adoptedStyleSheets[t.data.id];if(!e&&0!==t.data.operation)return;switch(t.data.operation){case 0:i.adoptedStyleSheets[t.data.id]=new i.state.window.CSSStyleSheet;break;case 1:e.replace(t.data.cssRules);break;case 2:e.replaceSync(t.data.cssRules)}break;case 45:i.setDocumentStyles(t.data.id,t.data.newIds)}},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,e){for(var n,r,o,s,l,c=t.data,A=t.event,u=i.state.window.document,d={data:[],time:t.time,event:t.event},h=function(t){var c=i.element(t.parent);if(null===c&&null!==t.parent&&t.parent>-1)return d.data.push(t),"continue";var h=i.element(t.previous),p=i.insertAfter,m=t.tag;switch(m&&0===m.indexOf("iframe:")&&(m=t.tag.substr("iframe:".length)),m){case"*D":var f=m!==t.tag?c?c.contentDocument:null:u;f&&f===u&&5===A&&i.reset(),"undefined"!=typeof XMLSerializer&&f&&(f.open(),f.write((new XMLSerializer).serializeToString(f.implementation.createDocumentType(t.attributes.name,t.attributes.publicId,t.attributes.systemId))),f.close());break;case"*P":i.nodes[t.id]=c,i.addToHashMap(t,c);break;case"*S":if(c){var g=i.element(t.id);g=g||c.attachShadow({mode:"open"}),i.nodes[t.id]=g,i.addToHashMap(t,g),i.addStyles(t.id)}break;case"*T":var v=i.element(t.id);(v=v||u.createTextNode(null)).nodeValue=t.value,p(t,c,v,h);break;case"*M":var y=i.element(t.id);y&&y.nodeType===Node.ELEMENT_NODE&&y.setAttribute("data-clarity-suspend","");break;case"HTML":var w=m!==t.tag?c?c.contentDocument:null:u;if(null!==w){var b=i.element(t.id);if(null===b){b=w.implementation.createHTMLDocument("").documentElement;var x=w.importNode(b,!0);w.replaceChild(x,w.documentElement),w.head&&w.head.parentNode.removeChild(w.head),w.body&&w.body.parentNode.removeChild(w.body)}i.setAttributes(w.documentElement,t),5!==A||c||(w.documentElement.style.visibility="hidden"),i.nodes[t.id]=w.documentElement,i.addToHashMap(t,w.documentElement)}break;case"HEAD":var E=i.element(t.id);if(null===E){if(E=u.createElement(t.tag),t.attributes&&"*B"in t.attributes){var C=u.createElement("base");C.href=t.attributes["*B"],E.appendChild(C)}var I=u.createElement("style");I.setAttribute("clarity-custom-styles","true"),I.innerText=i.getCustomStyle(),E.appendChild(I)}i.setAttributes(E,t),p(t,c,E,h);break;case"LINK":var k=i.element(t.id);k=k||i.createElement(u,t.tag),t.attributes||(t.attributes={}),i.setAttributes(k,t),"rel"in t.attributes&&("stylesheet"===t.attributes.rel?i.stylesheets.push(new Promise((function(t){var n=null!=e?e:i.state.options.useproxy;n&&(k.integrity&&k.removeAttribute("integrity"),k.href=n(k.href,k.id,"stylesheet")),k.onload=k.onerror=i.style.bind(i,k,t),setTimeout(t,a.TIMEOUT)}))):!t.attributes.rel.includes("preload")&&!t.attributes.rel.includes("preconnect")||"style"!==(null===(n=t.attributes)||void 0===n?void 0:n.as)&&"font"!==(null===(r=t.attributes)||void 0===r?void 0:r.as)||i.fonts.push(new Promise((function(n){var r=null!=e?e:i.state.options.useproxy;k.href=r?r(k.href,k.id,t.attributes.as):k.href,k.onload=k.onerror=i.style.bind(i,k,n),setTimeout(n,a.TIMEOUT)})))),p(t,c,k,h);break;case"IMG":var B=null!==(o=i.element(t.id))&&void 0!==o?o:i.createElement(u,t.tag),R=null!=e?e:i.state.options.useproxy;R&&(null===(s=t.attributes)||void 0===s?void 0:s.src)&&(t.attributes.src=R(t.attributes.src,t.attributes.id,"IMG")),i.setAttributes(B,t),i.resize(B,t.width,t.height),p(t,c,B,h);break;case"STYLE":var S=null!==(l=i.element(t.id))&&void 0!==l?l:u.createElement(t.tag);i.setAttributes(S,t),S.textContent=t.value,p(t,c,S,h),i.style(S);break;case"IFRAME":var M=i.element(t.id);M=M||i.createElement(u,t.tag),t.attributes||(t.attributes={}),i.setAttributes(M,t),p(t,c,M,h);break;default:var T=i.element(t.id);T=T||i.createElement(u,t.tag),i.setAttributes(T,t),i.resize(T,t.width,t.height),p(t,c,T,h)}t.id&&(i.events[t.id]=t)},p=0,m=c;p<m.length;p++){h(m[p])}d.data.length>0&&d.data.length!==t.data.length&&i.markup(d,e)},this.style=function(t,e){void 0===e&&(e=null);try{for(var a=t.sheet,n=a?a.cssRules:[],r=0;r<n.length;r++)if(n[r].cssText.indexOf(":hover")>=0){var o=n[r].cssText.replace(/:hover/g,"[".concat("clarity-hover","]"));a.removeRule(r),a.insertRule(o,r)}}catch(t){i.state.options.logerror&&i.state.options.logerror(t)}e&&e()},this.addStyles=function(t){var e=i.stylesToApply[t];e&&e.length>0&&(i.setDocumentStyles(t,i.stylesToApply[t]),delete i.stylesToApply[t])},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.parentNode!==e?null:n.nextSibling;r=null===n&&e?i.firstChild(e):r,i.insertBefore(t,e,a,r)}},this.firstChild=function(t){var e,a=t.firstChild;return a&&1===a.nodeType&&"BASE"===a.tagName?(null===(e=a.nextSibling)||void 0===e?void 0:e.hasAttribute("clarity-custom-styles"))?a.nextSibling.nextSibling:a.nextSibling:a},this.insertBefore=function(t,e,a,n){if(null!==e){n=n&&n.parentElement!==e&&n.parentNode!==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):null===e&&null!==a.parentNode&&a.parentNode.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-hashalpha"]="".concat(e.hashAlpha),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 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"".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%); }")+"body { font-size: initial; }"},this.state=n}return a.prototype.setDocumentStyles=function(t,e){var a=-1===t?this.state.window.document:this.element(t);if(!a)return this.stylesToApply[t]||(this.stylesToApply[t]=[]),void(this.stylesToApply[t]=e);for(var n=[],i=0,r=e;i<r.length;i++){var o=r[i],s=this.adoptedStyleSheets[o];s&&n.push(s)}a.adoptedStyleSheets=n},a.TIMEOUT=3e3,a}(),v=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){var e;return null===(e=a.layout)||void 0===e?void 0:e.get(t)},this.html=function(n,i,r,o,s,l){return void 0===r&&(r=null),t(a,void 0,void 0,(function(){var t,a,c,A;return e(this,(function(e){switch(e.label){case 0:if(!(n&&n.length>0&&i))return[3,10];e.label=1;case 1:return e.trys.push([1,9,,10]),t=this.merge(n),[4,this.setup(i,{version:n[0].envelope.version,dom:t.dom,useproxy:s})];case 2:e.sent(),e.label=3;case 3:if(!(t.events.length>0&&!1===this.layout.exists(r)))return[3,8];switch(a=t.events.shift(),a.event){case 45:case 46:return[3,4];case 6:return[3,5]}return[3,7];case 4:return this.layout.styleChange(a),[3,7];case 5:return c=a,this.renderTime=c.time,o&&this.renderTime>o?[3,7]:[4,this.layout.markup(c,s)];case 6:return e.sent(),[3,7];case 7:return[3,3];case 8:return[3,10];case 9:return A=e.sent(),l&&l(A),[3,10];case 10:return[2,this]}}))}))},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 p,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],c=r[l];if(Array.isArray(c))for(var A=0,u=c;A<u.length;A++){var d=u[A];if("dom"===l){var h=a.enrich.selectors(d);5===d.event?e.dom=h:e.events.push(d)}else e.events.push(d)}}}return e.events=e.events.sort(a.sortEvents),e},this.setup=function(i,r){return t(a,void 0,void 0,(function(){return e(this,(function(t){switch(t.label){case 0:return this.reset(),r.canvas=!("canvas"in r)||r.canvas,r.keyframes="keyframes"in r&&r.keyframes,this._state={window:i,options:r},this.enrich=new p,this.data=new n(this.state),this.layout=new g(this.state),this.heatmap=new m(this.state,this.layout),this.interaction=new f(this.state,this.layout),r.dom?[4,this.layout.dom(r.dom,r.useproxy)]:[3,2];case 1:t.sent(),t.label=2;case 2:return[2,this]}}))}))},this.render=function(n){return t(a,void 0,void 0,(function(){var t,a,i,r;return e(this,(function(e){switch(e.label){case 0:if(null===this.state)throw new Error('Initialize visualization by calling "setup" prior to making this call.');t=0,a=0,i=n,e.label=1;case 1:if(!(a<i.length))return[3,15];switch(r=i[a],t=r.time,r.event){case 0:return[3,2];case 7:return[3,3];case 6:case 43:return[3,4];case 13:case 14:case 12:case 15:case 9:case 16:case 17:case 20:case 18:case 19:return[3,6];case 28:return[3,7];case 27:return[3,8];case 21:return[3,9];case 11:return[3,10];case 10:return[3,11];case 45:case 46:return[3,12];case 44:return[3,13]}return[3,14];case 2:return this.data.metric(r),[3,14];case 3:return this.data.region(r),[3,14];case 4:return[4,this.layout.markup(r)];case 5:return e.sent(),[3,14];case 6:return this.interaction.pointer(r),[3,14];case 7:return this.interaction.visibility(r),[3,14];case 8:return this.interaction.input(r),[3,14];case 9:return this.interaction.selection(r),[3,14];case 10:return this.interaction.resize(r),[3,14];case 11:return this.interaction.scroll(r),[3,14];case 12:return this.layout.styleChange(r),[3,14];case 13:return this.layout.animateChange(r),[3,14];case 14:return a++,[3,1];case 15:return n.length>0&&this.interaction.trail(t),[2]}}))}))},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}(),y=(d=new v).state,w=d.dom,b=d.get,x=d.html,E=d.time,C=d.clickmap,I=d.clearmap,k=d.scrollmap,B=d.merge,R=d.setup,S=d.render,M=Object.freeze({__proto__:null,clearmap:I,clickmap:C,dom:w,get:b,html:x,merge:B,render:S,scrollmap:k,setup:R,state:y,time:E});"undefined"!=typeof window&&(void 0!==window.clarity&&null!==window.clarity||(window.clarity={}),window.clarity.visualize=M)}();
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(s){return function(l){return function(s){if(a)throw new TypeError("Generator is already executing.");for(;r&&(r=0,s[0]&&(o=0)),o;)try{if(a=1,n&&(i=2&s[0]?n.return:s[0]?n.throw||((i=n.return)&&i.call(n),0):n.next)&&!(i=i.call(n,s[1])).done)return i;switch(n=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return o.label++,{value:s[1],done:!1};case 5:o.label++,n=s[1],s=[0];continue;case 7:s=o.ops.pop(),o.trys.pop();continue;default:if(!(i=o.trys,(i=i.length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){o=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){o.label=s[1];break}if(6===s[0]&&o.label<i[1]){o.label=i[1],i=s;break}if(i&&o.label<i[2]){o.label=i[2],o.ops.push(s);break}i[2]&&o.ops.pop(),o.trys.pop();continue}s=e.call(t,o)}catch(t){s=[6,t],n=0}finally{a=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}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],c="unit"in l?l.unit:"";n.push("<li><h2>".concat(a.value(r,c),"<span>").concat(a.key(c),"</span></h2>").concat(l.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="load,active,fixed,visible,focus,show,collaps,animat".split(","),r={};function o(t){if(!t)return!1;if(i.some((function(e){return t.toLowerCase().indexOf(e)>=0})))return!1;for(var e=0;e<t.length;e++){var a=t.charCodeAt(e);if(a>=48&&a<=57)return!1}return!0}var s=1,l=null,c=[],A={},u=null;var d,h={hash:function(t,e){void 0===e&&(e=null);for(var a,n=5381,i=n,r=0;r<t.length;r+=2){if(n=(n<<5)+n^t.charCodeAt(r),r+1<t.length)i=(i<<5)+i^t.charCodeAt(r+1)}return a=Math.abs(n+11579*i),(e?a%Math.pow(2,e):a).toString(36)},selector:Object.freeze({__proto__:null,get:function(t,e){var a=t.attributes,n=t.prefix?t.prefix[e]:null,i=0===e?"".concat("~").concat(t.position-1):":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).concat(">"),t.tag=0===t.tag.indexOf("svg:")?t.tag.substr("svg:".length):t.tag;var s="".concat(n).concat(t.tag).concat(i),l="id"in a&&a.id.length>0?a.id:null,c="BODY"!==t.tag&&"class"in a&&a.class.length>0?a.class.trim().split(/\s+/).filter((function(t){return o(t)})).join("."):null;if(c&&c.length>0)if(0===e){var A="".concat(function(t){for(var e=t.split(">"),a=0;a<e.length;a++){var n=e[a].indexOf("~"),i=e[a].indexOf(".");e[a]=e[a].substring(0,i>0?i:n>0?n:e[a].length)}return e.join(">")}(n)).concat(t.tag).concat(".").concat(c);A in r||(r[A]=[]),r[A].indexOf(t.id)<0&&r[A].push(t.id),s="".concat(A).concat("~").concat(r[A].indexOf(t.id))}else s="".concat(n).concat(t.tag,".").concat(c).concat(i);return s=l&&o(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"";return t.substring(0,t.indexOf(">",n)+1)}(n)).concat("#").concat(l):s,s}},reset:function(){r={}}}),get:function(t){var e=function(t,e){if(void 0===e&&(e=!1),null===t)return null;var a=u.get(t);return!a&&e&&(a=s++,u.set(t,a)),a||null}(t);return e in c?c[e]:null},getNode:function(t){return l.has(t)?l.get(t):null},lookup:function(t){return t in A?A[t]:null}},p=function(){var t=this;this.reset=function(){t.children={},t.nodes={},h.selector.reset()},this.selectors=function(e){return e.data.forEach&&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 c={id:e.id,tag:e.tag,prefix:a?[a.alpha,a.beta]:null,position:i.position,attributes:r},A=h.selector.get(c,0);e.selectorAlpha=A.length>0?A:null,e.hashAlpha=A.length>0?h.hash(e.selectorAlpha):null;var u=h.selector.get(c,1);e.selectorBeta=u.length>0?u:null,e.hashBeta=u.length>0?h.hash(e.selectorBeta):null,i.alpha=A,i.beta=u,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()},m=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,c=Math.max(s.scrollHeight,s.offsetHeight,l.clientHeight,l.scrollHeight,l.offsetHeight);if(i.height=Math.min(c,65535),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],p=1-h.cumulativeSum/n.scrollData[0].cumulativeSum,m=h.scrollReachY/100*(c/i.height),f=240*p;m<=1&&A.addColorStop(m,"hsla(".concat(f,", 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,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 c=l[s];i.globalAlpha=c.a,i.drawImage(r,c.x-20,c.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],l=n.layout.get(s.hash);if(l&&"function"==typeof l.getBoundingClientRect){var c=l.getBoundingClientRect(),A=n.visible(l,c,i);if(null===n.max||A)for(var u=0;u<s.points;u++){var d=Math.round(c.left+s.x[u]/32767*c.width),h=Math.round(c.top+s.y[u]/32767*c.height),p="".concat(d).concat("X").concat(h).concat("X").concat(A?1:0);e[p]=p in e?e[p]+s.clicks[u]:s.clicks[u],a=Math.max(e[p],a)}}}n.max=n.max?n.max:a;for(var m=0,f=Object.keys(e);m<f.length;m++){var g=f[m],v=g.split("X"),y=Math.min(e[g]/n.max+.15,1);"1"===v[2]&&t.push({x:parseInt(v[0],10),y:parseInt(v[1],10),a:y})}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 c=l[s];if(!("CANVAS"===c.tagName||c.id&&0===c.id.indexOf("clarity-"))){r=c===t,o=c.shadowRoot&&c.shadowRoot!=i?c.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}(),f=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.offsetTop!==e.y&&(r=a.body).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 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","".concat(l," (").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 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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"),o.appendChild(n.clickAudio)),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,c=1;c<o;c++){var A=i[c],u=1-(c-1)/o,d=1-c/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-l),a.lineTo(A.x-s,A.y-l),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),l=0;l<=s;l++){var c={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=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),p=Math.pow(u,3)-2*Math.pow(u,2)+u,m=Math.pow(u,3)-Math.pow(u,2),f=d*a[r].x+h*a[r+1].x+p*c.x+m*A.x,g=d*a[r].y+h*a[r+1].y+p*c.y+m*A.y;i.push({time:o,x:f,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}(),g=function(){function a(n){var i=this;this.stylesheets=[],this.fonts=[],this.nodes={},this.events={},this.hashMapAlpha={},this.hashMapBeta={},this.adoptedStyleSheets={},this.animations={},this.state=null,this.stylesToApply={},this.reset=function(){i.nodes={},i.stylesheets=[],i.fonts=[],i.events={},i.hashMapAlpha={},i.hashMapBeta={}},this.get=function(t){return t in i.hashMapBeta&&i.hashMapBeta[t].isConnected?i.hashMapBeta[t]:t in i.hashMapAlpha&&i.hashMapAlpha[t].isConnected?i.hashMapAlpha[t]:null},this.addToHashMap=function(t,e){i.hashMapAlpha[t.hashAlpha]=i.get(t.hashAlpha)||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.animateChange=function(t){var e=i.animations[t.data.id];if(e||0===t.data.operation)switch(t.data.operation){case 0:var a=i.element(t.data.targetId);a&&(i.animations[t.data.id]=a.animate(JSON.parse(t.data.keyFrames),JSON.parse(t.data.timing)));break;case 3:e.cancel();break;case 4:e.finish();break;case 2:e.pause();break;case 1:e.play()}},this.dom=function(a,n){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,n),[4,Promise.all(this.stylesheets.concat(this.fonts))]):[3,2];case 1:e.sent(),t.documentElement.style.visibility="visible",e.label=2;case 2:return[2]}}))}))},this.styleChange=function(t){switch(t.event){case 46:var e=i.adoptedStyleSheets[t.data.id];if(!e&&0!==t.data.operation)return;switch(t.data.operation){case 0:i.adoptedStyleSheets[t.data.id]=new i.state.window.CSSStyleSheet;break;case 1:e.replace(t.data.cssRules);break;case 2:e.replaceSync(t.data.cssRules)}break;case 45:i.setDocumentStyles(t.data.id,t.data.newIds)}},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,e){for(var n,r,o,s,l,c=t.data,A=t.event,u=i.state.window.document,d={data:[],time:t.time,event:t.event},h=function(t){var c=i.element(t.parent),h=i.element(t.previous),p=i.insertAfter,m=t.tag;if(m&&0===m.indexOf("iframe:")&&(m=t.tag.substr("iframe:".length)),null===c&&null!==t.parent&&t.parent>-1&&"HTML"!==m)return d.data.push(t),"continue";switch(m){case"*D":var f=m!==t.tag?c?c.contentDocument:null:u;f&&f===u&&5===A&&i.reset(),"undefined"!=typeof XMLSerializer&&f&&(f.open(),f.write((new XMLSerializer).serializeToString(f.implementation.createDocumentType(t.attributes.name,t.attributes.publicId,t.attributes.systemId))),f.close());break;case"*P":i.nodes[t.id]=c,i.addToHashMap(t,c);break;case"*S":if(c){var g=i.element(t.id);g=g||c.attachShadow({mode:"open"}),i.nodes[t.id]=g,i.addToHashMap(t,g),i.addStyles(t.id)}break;case"*T":var v=i.element(t.id);(v=v||u.createTextNode(null)).nodeValue=t.value,p(t,c,v,h);break;case"*M":var y=i.element(t.id);y&&y.nodeType===Node.ELEMENT_NODE&&y.setAttribute("data-clarity-suspend","");break;case"HTML":var w=m!==t.tag?c?c.contentDocument:null:u;if(null!==w){var b=i.element(t.id);if(null===b){b=w.implementation.createHTMLDocument("").documentElement;var x=w.importNode(b,!0);w.replaceChild(x,w.documentElement),w.head&&w.head.parentNode.removeChild(w.head),w.body&&w.body.parentNode.removeChild(w.body)}i.setAttributes(w.documentElement,t),5!==A||c||(w.documentElement.style.visibility="hidden"),i.nodes[t.id]=w.documentElement,i.addToHashMap(t,w.documentElement)}break;case"HEAD":var E=i.element(t.id);if(null===E){if(E=u.createElement(t.tag),t.attributes&&"*B"in t.attributes){var C=u.createElement("base");C.href=t.attributes["*B"],E.appendChild(C)}var I=u.createElement("style");I.setAttribute("clarity-custom-styles","true"),I.innerText=i.getCustomStyle(),E.appendChild(I)}i.setAttributes(E,t),p(t,c,E,h);break;case"LINK":var k=i.element(t.id);k=k||i.createElement(u,t.tag),t.attributes||(t.attributes={}),i.setAttributes(k,t),"rel"in t.attributes&&("stylesheet"===t.attributes.rel?i.stylesheets.push(new Promise((function(t){var n=null!=e?e:i.state.options.useproxy;n&&(k.integrity&&k.removeAttribute("integrity"),k.href=n(k.href,k.id,"stylesheet")),k.onload=k.onerror=i.style.bind(i,k,t),setTimeout(t,a.TIMEOUT)}))):!t.attributes.rel.includes("preload")&&!t.attributes.rel.includes("preconnect")||"style"!==(null===(n=t.attributes)||void 0===n?void 0:n.as)&&"font"!==(null===(r=t.attributes)||void 0===r?void 0:r.as)||i.fonts.push(new Promise((function(n){var r=null!=e?e:i.state.options.useproxy;k.href=r?r(k.href,k.id,t.attributes.as):k.href,k.onload=k.onerror=i.style.bind(i,k,n),setTimeout(n,a.TIMEOUT)})))),p(t,c,k,h);break;case"IMG":var B=null!==(o=i.element(t.id))&&void 0!==o?o:i.createElement(u,t.tag),R=null!=e?e:i.state.options.useproxy;R&&(null===(s=t.attributes)||void 0===s?void 0:s.src)&&(t.attributes.src=R(t.attributes.src,t.attributes.id,"IMG")),i.setAttributes(B,t),i.resize(B,t.width,t.height),p(t,c,B,h);break;case"STYLE":var S=null!==(l=i.element(t.id))&&void 0!==l?l:u.createElement(t.tag);i.setAttributes(S,t),S.textContent=t.value,p(t,c,S,h),i.style(S);break;case"IFRAME":var M=i.element(t.id);M=M||i.createElement(u,t.tag),t.attributes||(t.attributes={}),i.setAttributes(M,t),p(t,c,M,h);break;default:var T=i.element(t.id);T=T||i.createElement(u,t.tag),i.setAttributes(T,t),i.resize(T,t.width,t.height),p(t,c,T,h)}t.id&&(i.events[t.id]=t)},p=0,m=c;p<m.length;p++){h(m[p])}d.data.length>0&&d.data.length!==t.data.length&&i.markup(d,e)},this.style=function(t,e){void 0===e&&(e=null);try{for(var a=t.sheet,n=a?a.cssRules:[],r=0;r<n.length;r++)if(n[r].cssText.indexOf(":hover")>=0){var o=n[r].cssText.replace(/:hover/g,"[".concat("clarity-hover","]"));a.removeRule(r),a.insertRule(o,r)}}catch(t){i.state.options.logerror&&i.state.options.logerror(t)}e&&e()},this.addStyles=function(t){var e=i.stylesToApply[t];e&&e.length>0&&(i.setDocumentStyles(t,i.stylesToApply[t]),delete i.stylesToApply[t])},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.parentNode!==e?null:n.nextSibling;r=null===n&&e?i.firstChild(e):r,i.insertBefore(t,e,a,r)}},this.firstChild=function(t){var e,a=t.firstChild;return a&&1===a.nodeType&&"BASE"===a.tagName?(null===(e=a.nextSibling)||void 0===e?void 0:e.hasAttribute("clarity-custom-styles"))?a.nextSibling.nextSibling:a.nextSibling:a},this.insertBefore=function(t,e,a,n){if(null!==e){n=n&&n.parentElement!==e&&n.parentNode!==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):null===e&&null!==a.parentNode&&a.parentNode.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-hashalpha"]="".concat(e.hashAlpha),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 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"".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%); }")+"body { font-size: initial; }"},this.state=n}return a.prototype.setDocumentStyles=function(t,e){var a=-1===t?this.state.window.document:this.element(t);if(!a)return this.stylesToApply[t]||(this.stylesToApply[t]=[]),void(this.stylesToApply[t]=e);for(var n=[],i=0,r=e;i<r.length;i++){var o=r[i],s=this.adoptedStyleSheets[o];s&&n.push(s)}a.adoptedStyleSheets=n},a.TIMEOUT=3e3,a}(),v=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){var e;return null===(e=a.layout)||void 0===e?void 0:e.get(t)},this.html=function(n,i,r,o,s,l){return void 0===r&&(r=null),t(a,void 0,void 0,(function(){var t,a,c,A;return e(this,(function(e){switch(e.label){case 0:if(!(n&&n.length>0&&i))return[3,10];e.label=1;case 1:return e.trys.push([1,9,,10]),t=this.merge(n),[4,this.setup(i,{version:n[0].envelope.version,dom:t.dom,useproxy:s})];case 2:e.sent(),e.label=3;case 3:if(!(t.events.length>0&&!1===this.layout.exists(r)))return[3,8];switch(a=t.events.shift(),a.event){case 45:case 46:return[3,4];case 6:return[3,5]}return[3,7];case 4:return this.layout.styleChange(a),[3,7];case 5:return c=a,this.renderTime=c.time,o&&this.renderTime>o?[3,7]:[4,this.layout.markup(c,s)];case 6:return e.sent(),[3,7];case 7:return[3,3];case 8:return[3,10];case 9:return A=e.sent(),l&&l(A),[3,10];case 10:return[2,this]}}))}))},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 p,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],c=r[l];if(Array.isArray(c))for(var A=0,u=c;A<u.length;A++){var d=u[A];if("dom"===l){var h=a.enrich.selectors(d);5===d.event?e.dom=h:e.events.push(d)}else e.events.push(d)}}}return e.events=e.events.sort(a.sortEvents),e},this.setup=function(i,r){return t(a,void 0,void 0,(function(){return e(this,(function(t){switch(t.label){case 0:return this.reset(),r.canvas=!("canvas"in r)||r.canvas,r.keyframes="keyframes"in r&&r.keyframes,this._state={window:i,options:r},this.enrich=new p,this.data=new n(this.state),this.layout=new g(this.state),this.heatmap=new m(this.state,this.layout),this.interaction=new f(this.state,this.layout),r.dom?[4,this.layout.dom(r.dom,r.useproxy)]:[3,2];case 1:t.sent(),t.label=2;case 2:return[2,this]}}))}))},this.render=function(n){return t(a,void 0,void 0,(function(){var t,a,i,r;return e(this,(function(e){switch(e.label){case 0:if(null===this.state)throw new Error('Initialize visualization by calling "setup" prior to making this call.');t=0,a=0,i=n,e.label=1;case 1:if(!(a<i.length))return[3,15];switch(r=i[a],t=r.time,r.event){case 0:return[3,2];case 7:return[3,3];case 6:case 43:return[3,4];case 13:case 14:case 12:case 15:case 9:case 16:case 17:case 20:case 18:case 19:return[3,6];case 28:return[3,7];case 27:return[3,8];case 21:return[3,9];case 11:return[3,10];case 10:return[3,11];case 45:case 46:return[3,12];case 44:return[3,13]}return[3,14];case 2:return this.data.metric(r),[3,14];case 3:return this.data.region(r),[3,14];case 4:return[4,this.layout.markup(r)];case 5:return e.sent(),[3,14];case 6:return this.interaction.pointer(r),[3,14];case 7:return this.interaction.visibility(r),[3,14];case 8:return this.interaction.input(r),[3,14];case 9:return this.interaction.selection(r),[3,14];case 10:return this.interaction.resize(r),[3,14];case 11:return this.interaction.scroll(r),[3,14];case 12:return this.layout.styleChange(r),[3,14];case 13:return this.layout.animateChange(r),[3,14];case 14:return a++,[3,1];case 15:return n.length>0&&this.interaction.trail(t),[2]}}))}))},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}(),y=(d=new v).state,w=d.dom,b=d.get,x=d.html,E=d.time,C=d.clickmap,I=d.clearmap,k=d.scrollmap,B=d.merge,R=d.setup,S=d.render,M=Object.freeze({__proto__:null,clearmap:I,clickmap:C,dom:w,get:b,html:x,merge:B,render:S,scrollmap:k,setup:R,state:y,time:E});"undefined"!=typeof window&&(void 0!==window.clarity&&null!==window.clarity||(window.clarity={}),window.clarity.visualize=M)}();
@@ -1173,18 +1173,19 @@ var LayoutHelper = /** @class */ (function () {
1173
1173
  };
1174
1174
  var _loop_1 = function (node) {
1175
1175
  var parent_1 = _this.element(node.parent);
1176
- if (parent_1 === null && node.parent !== null && node.parent > -1) {
1177
- // We are referencing a parent for this node that hasn't been created yet. Push it to a list of nodes to
1178
- // try once we are finished with other nodes within this event.
1179
- retryEvent.data.push(node);
1180
- return "continue";
1181
- }
1182
1176
  var pivot = _this.element(node.previous);
1183
1177
  var insert = _this.insertAfter;
1184
1178
  var tag = node.tag;
1185
1179
  if (tag && tag.indexOf("iframe:" /* Layout.Constant.IFramePrefix */) === 0) {
1186
1180
  tag = node.tag.substr("iframe:" /* Layout.Constant.IFramePrefix */.length);
1187
1181
  }
1182
+ if (parent_1 === null && node.parent !== null && node.parent > -1 && tag !== "HTML") {
1183
+ // We are referencing a parent for this node that hasn't been created yet. Push it to a list of nodes to
1184
+ // try once we are finished with other nodes within this event. Though we don't require HTML tags to
1185
+ // have a parent as they are typically the root.
1186
+ retryEvent.data.push(node);
1187
+ return "continue";
1188
+ }
1188
1189
  switch (tag) {
1189
1190
  case "*D" /* Layout.Constant.DocumentTag */:
1190
1191
  var tagDoc = tag !== node.tag ? (parent_1 ? parent_1.contentDocument : null) : doc;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "clarity-visualize",
3
- "version": "0.7.39",
3
+ "version": "0.7.40",
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.7.39"
30
+ "clarity-decode": "^0.7.40"
31
31
  },
32
32
  "devDependencies": {
33
33
  "@rollup/plugin-commonjs": "^24.0.0",
package/src/layout.ts CHANGED
@@ -173,17 +173,18 @@ export class LayoutHelper {
173
173
  }
174
174
  for (let node of data) {
175
175
  let parent = this.element(node.parent);
176
- if (parent === null && node.parent !== null && node.parent > -1) {
177
- // We are referencing a parent for this node that hasn't been created yet. Push it to a list of nodes to
178
- // try once we are finished with other nodes within this event.
179
- retryEvent.data.push(node);
180
- continue;
181
- }
182
176
  let pivot = this.element(node.previous);
183
177
  let insert = this.insertAfter;
184
178
 
185
179
  let tag = node.tag;
186
180
  if (tag && tag.indexOf(Layout.Constant.IFramePrefix) === 0) { tag = node.tag.substr(Layout.Constant.IFramePrefix.length); }
181
+ if (parent === null && node.parent !== null && node.parent > -1 && tag !== "HTML") {
182
+ // We are referencing a parent for this node that hasn't been created yet. Push it to a list of nodes to
183
+ // try once we are finished with other nodes within this event. Though we don't require HTML tags to
184
+ // have a parent as they are typically the root.
185
+ retryEvent.data.push(node);
186
+ continue;
187
+ }
187
188
  switch (tag) {
188
189
  case Layout.Constant.DocumentTag:
189
190
  let tagDoc = tag !== node.tag ? (parent ? (parent as HTMLIFrameElement).contentDocument : null): doc;