clarity-visualize 0.6.23
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.
- package/README.md +26 -0
- package/build/clarity.visualize.js +1305 -0
- package/build/clarity.visualize.min.js +1 -0
- package/build/clarity.visualize.module.js +1301 -0
- package/package.json +62 -0
- package/rollup.config.ts +42 -0
- package/src/clarity.ts +159 -0
- package/src/data.ts +90 -0
- package/src/global.ts +9 -0
- package/src/heatmap.ts +279 -0
- package/src/index.ts +2 -0
- package/src/interaction.ts +380 -0
- package/src/layout.ts +351 -0
- package/tsconfig.json +20 -0
- package/tslint.json +33 -0
- package/types/index.d.ts +19 -0
- package/types/visualize.d.ts +154 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
!function(){"use strict";var e=!1,t={},n={},a=null,A={};function i(t){if(re.options.metadata){var i=[],r=[];for(var c in t.data)if("number"==typeof t.data[c]){c in a||(a[c]=0);var s=parseInt(c,10);!(c in A)||"html-price"!==A[c].unit&&"ld-price"!==A[c].unit?a[c]+=t.data[c]:a[c]=t.data[c],e=1===s&&0===t.data[c]||e}for(var u in a)if(u in A){c=a[u];var d=A[u],h="unit"in d?d.unit:"";i.push("<li><h2>"+l(c,h)+"<span>"+o(h)+"</span></h2>"+d.name+"</li>")}for(var m in n){var f=n[m],g=10===f?"visible":20===f?"clicked":"";r.push('<span class="'+g+'">'+m+"</span>")}re.options.metadata.innerHTML="<ul>"+i.join("")+"</ul><div>"+r.join("")+"</div>"}}function r(e){for(var a=0,A=e.data;a<A.length;a++){var i=A[a];i.name in n||(n[i.name]=0),n[i.name]=i.state,t[i.id]=i.name}}function o(e){switch(e){case"html-price":case"ld-price":case"cls":return"";default:return e}}function l(e,t){switch(t){case"KB":return Math.round(e/1024);case"s":return Math.round(e/10)/100;case"cls":return e/1e3;case"html-price":return e/100;default:return e}}function c(e,t,n,a){return new(n||(n=Promise))((function(A,i){function r(e){try{l(a.next(e))}catch(e){i(e)}}function o(e){try{l(a.throw(e))}catch(e){i(e)}}function l(e){e.done?A(e.value):function(e){return e instanceof n?e:new n((function(t){t(e)}))}(e.value).then(r,o)}l((a=a.apply(e,t||[])).next())}))}function s(e,t){var n,a,A,i,r={label:0,sent:function(){if(1&A[0])throw A[1];return A[1]},trys:[],ops:[]};return i={next:o(0),throw:o(1),return:o(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function o(i){return function(o){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;r;)try{if(n=1,a&&(A=2&i[0]?a.return:i[0]?a.throw||((A=a.return)&&A.call(a),0):a.next)&&!(A=A.call(a,i[1])).done)return A;switch(a=0,A&&(i=[2&i[0],A.value]),i[0]){case 0:case 1:A=i;break;case 4:return r.label++,{value:i[1],done:!1};case 5:r.label++,a=i[1],i=[0];continue;case 7:i=r.ops.pop(),r.trys.pop();continue;default:if(!(A=r.trys,(A=A.length>0&&A[A.length-1])||6!==i[0]&&2!==i[0])){r=0;continue}if(3===i[0]&&(!A||i[1]>A[0]&&i[1]<A[3])){r.label=i[1];break}if(6===i[0]&&r.label<A[1]){r.label=A[1],A=i;break}if(A&&r.label<A[2]){r.label=A[2],r.ops.push(i);break}A[2]&&r.ops.pop(),r.trys.pop();continue}i=t.call(e,r)}catch(e){i=[6,e],a=0}finally{n=A=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,o])}}}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"};var u=[],d={},h={},m={};function f(){d={},u=[],h={},m={}}function g(e){return e in m&&m[e].isConnected?m[e]:null}function w(e){for(var t=0,n=e.data;t<n.length;t++){var a=n[t];v(y(a.id),a.width,a.height)}}function p(e,t){var n=g(e);m[e]=n||t}function v(e,t,n){e&&1===e.nodeType&&t&&n&&(e.style.width=t+"px",e.style.height=n+"px",e.style.boxSizing="border-box")}function y(e){return null!==e&&e>0&&e in d?d[e]:null}function x(e){return c(this,void 0,void 0,(function(){var t;return s(this,(function(n){switch(n.label){case 0:return e&&((t=re.window.document)&&t.documentElement)?(t.documentElement.style.visibility="hidden",E(e),[4,Promise.all(u)]):[3,2];case 1:n.sent(),t.documentElement.style.visibility="visible",n.label=2;case 2:return[2]}}))}))}function b(e){if(e){var t=g(e);if(t){var n=t.getBoundingClientRect();return n&&n.width>0&&n.height>0}}return!1}function E(e){for(var t=this,n=e.data,a=e.event,A=re.window.document,i=function(e){var n=y(e.parent),i=y(e.previous),r=k,o=e.tag;switch(o&&0===o.indexOf("iframe:")&&(o=e.tag.substr("iframe:".length)),o){case"*D":var l=o!==e.tag?n?n.contentDocument:null:A;l&&l===A&&5===a&&f(),"undefined"!=typeof XMLSerializer&&l&&(l.open(),l.write((new XMLSerializer).serializeToString(l.implementation.createDocumentType(e.attributes.name,e.attributes.publicId,e.attributes.systemId))),l.close());break;case"*P":d[e.id]=n,p(e.hash,n);break;case"*S":if(n){var c=y(e.id);if(c=c||n.attachShadow({mode:"open"}),"style"in e.attributes){var s=A.createElement("style");c.firstChild&&"clarity-adopted-style"===c.firstChild.id&&(s=c.firstChild),s.id="clarity-adopted-style",s.textContent=e.attributes.style,c.appendChild(s)}d[e.id]=c,p(e.hash,c)}break;case"*T":var m=y(e.id);(m=m||A.createTextNode(null)).nodeValue=e.value,r(e,n,m,i);break;case"*M":var g=y(e.id);g&&g.nodeType===Node.ELEMENT_NODE&&g.setAttribute("data-clarity-suspend","");break;case"HTML":var w=o!==e.tag?n?n.contentDocument:null:A;if(null!==w){var x=y(e.id);if(null===x){x=w.implementation.createHTMLDocument("").documentElement;var b=w.importNode(x,!0);w.replaceChild(b,w.documentElement),w.head&&w.head.parentNode.removeChild(w.head),w.body&&w.body.parentNode.removeChild(w.body)}I(w.documentElement,e),5===a&&(w.documentElement.style.visibility="hidden"),d[e.id]=w.documentElement,p(e.hash,w.documentElement)}break;case"HEAD":var E=y(e.id);if(null===E){if(E=A.createElement(e.tag),e.attributes&&"*B"in e.attributes){var R=A.createElement("base");R.href=e.attributes["*B"],E.appendChild(R)}var Y=A.createElement("style");Y.innerText='img[data-clarity-hide] { background-color: #CCC; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANvSURBVHgB7Ve9VhpREJ5dU6BNVqt0wS6dpEuX9QmiTyA+gfgE4BOgZSrJE4hlKvEJxDKVa2caoaSSfB87F4Z7dtmFhFTMOfcMe52Z+935u6PIhjb0dxTIihRFUQ2M6z0/dXuI9ay8PwTJklQaEADw0JMgCI4USFSkMx6Pe2BdrFtgS6QEFQICjirYGYDUc0AMcXCCvw8XAVVwHQD7IasAokfCMGzB0NmCA1o44N7T+wpwlwouT+80z2NbOWAaMHqDn7FuJcorapRATkej0bOvyz2s7zs7O2L0GbYXrCrscjUqlUoAuZ6vH3hAIr3diW4xHC3wW+w/KZhLgDmXEgRzbR6udvbBD/DdITB3UewfWm+FRpnIHwyYLo1A+Aq/vzkDWFdSni4krTjm1RnDOxgM9nFOS//OM++0YmeAFMydQw4gDSgeu7LVyprE3489je3u7t5waQFMifrQ6ehn7PZfX18v6BkFOwcq9MDQQKxeseRu0PXARJprBHxED2t7sPSol6p5YHs467OkXo8cqBA/rmXmmVO/atzZzk4G0Kond+DJJJLmStc3Sm+rpxLVbYcEoRu8xbWNp9U1B1rqyzzIRNQj5tAe84ZVKVmGZ6BoK5Vh2JADT1hjLny3rBL27nS/7RtUXZdDmb1H5Ug1rDgjrFMKrGGb2CzPt7e3C95gb2+vqeU/1Mor/UZpg21og50CsfYzATllsLY+E6TE60OTPoUqOV8EQNKKmuTTgifHAmO4GOokyDFah2BTTAOTNFcmIQFI3qyVoxurp+dIL3ZF72bYdzL1zKcDLb2P1n4rqUfcg/nB3Cre3t6uQeY3ZBOri72q87B7ULHY035CdmTs85H9BVlR23yWumVf+6YJo0/MK7qcI8al9RCqq9R4w4ICq9JDYZEwk44ly2TWFtGT+VKnF2PwB6cis8sUzkw+vSsrqNXQ0eUmxo+S5gEPfvQBSTpNLjU1rjzCLiKEYAAWMQRFA5m2GzdJxIUhW5H6yutFguhRToapcb8WQGwL5MwtDnt5cvQOZJuq0yHfkjUQWwHbAn5+AqgvKHGW/IsPRquR+ZdgcQIdrStkYh5tN1ocZYCpSto2Dqezl6yRMga/yQSpXToyYFzOrReQAcUhzp8E+E4eWzD/lTgxuPFGR5Wlm+Y/J3qL/7fJhja0RvoDR4Tn4Lo/zi8AAAAASUVORK5CYII=); background-repeat:no-repeat; background-position: center; }img[data-clarity-hide=s] { background-size: 18px 18px; }img[data-clarity-hide=m] { background-size: 24px 24px; }img[data-clarity-hide=l] { background-size: 36px 36px; }iframe[data-clarity-unavailable] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAiCAYAAAAge+tMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAU6SURBVHgBzVg7TyNJEG6bh5AIjpOQeCXj7LL18pDIdpztRYuzy7CjCzG/ADu8CO8vwEQXrgkvws6QeNiEFzEk4GznIFnxvO/zVntrhx6/kLxb0mh6uqurvq6urqqehHklra+ve3d3dx8SiUT6+fk5ja4ZtGf4tjzoD9AXoBmiXUsmk+cnJyc18wpKmCFodXXVx8t/enraBCDPDEchniqeg9PT06oZkAYCTsCw2A6afjc+8IQCjGR3oBtxR/bHx8crR0dHgemD+gIugPfQ9OJ4BGwF72qj0ajrsTQI7rEFcDnTndoLeHh4KDebzdAMC5z+e39/T8B+Nz6AbcJtslAWdOMDfg8LONTuJf7vRVgDPEW40H6crLG4AVi58Pj4+Deav0WUFIjBfDt8NYD+HaBbpge1Wq1wbm5uH+DXjewe5IXQ85buxAMurJS9sbi46IG/jnlforKS0Q7f92dWVlYOAXLXgqMb4CmcnZ2l8E5YpVwIlGZ7basm8nIO50qXNzY29g6y8+hP0RCKPYexBne+K3Ay3N7eNoxyDViziicFwR+la8uOwULFQUBr8LB6XgOU/gDukcGittUY3bUBY25oGR0fX1tbSwPgoVFWxquoAFufv5DxgDvgAsZdu7m52WR7cnLyIC5SAMxnqw+6PRzqSzvmOg9coPX7ZAzoAN9vNWgSQKfVpzP2yq5dQGGZD61F+S5e6KnYNkD6eozWBwZav6m6K1hs2yBJB2hGiIwrQmDsjfp8MS6L2zMqa7INebvGTedKthcdtODN90Yi+I2kCO0owsq3e4U1EqOBq98FwNWnxgKCgd66a5znAe6RjYDfGsdJzmtfgqBPWFE+Jg2HSmFcNuS8QqSv5mLkwQewiumDBKcn87JJ5UuB8BDQJ8TxYnQyFnep2ukYMCXzvXUY57ddvIOGUeIUNw47UQWneEYsrwFVJiYmSjYqkAdx9bOMMR6n4pSTF7J+0ZHCRVKwfaA7SXUZ0g3xNJn+j4+Pm655L1L+8vLyrmRHS4FR6ZfJyUichyKGy5IZgvot2EA1GC8fDanOWgXgCwBPodqPqxCwjQKIljmUPiaSTJxVuoAuCui+CXhKqOGLne84xpgEQKqoSwMpwIIy/ZajUdBytspSVV6KblaT79AsaP0afM+yFtbP4bXT48LAWqYEtymbHrIgZy/SnYurAsV4O7ocRjvD21Nf9bgIYMbK9VgAq8f2rYYHbHp6OqjVau3DK+UCXcw1P9ethI2cO9YzqYFuQLIA3/TegTYxpbPqE+UdazM7o82suWn6AC8Rr2F10upjZgBiPX19fd3E83F+fr5mviakKQiad/FDWfHq6upftlFbM0N7AvwP1kHoY5Fmzwrr7wCyzx16vywsLBDwe9s31GU5ShKz30gOmLGWQZwv2fIBYfRZ2JnCf7Vz0V8xyvIsaV1nReeQ9oXGjIDoYlB6IZ811tx6PAo+Gvoswd0urFGS5icgLCSHV8e/GS5dJYemUQHXxZnnYugFXtzRzg1HApz1jC3iqFzqkxfUDTxcTc9pDhRVXkOICrSYb78RPQ5cfOivRqKNv7S0lMAi/lTRqziSw0mSqMADauufbLdfb45ir032rjsyi0ssnlJWfw/Ltlxxm4T+fyR2+7qfi+GckQEXMHWA9c3XRDRl5KcPXOE/JKrA8vEvwezsLH8a5YwqEWDtMqz9F9sjcxVL4jJM/RuRoVB+iZjob2qSgO7cpEYO3BJrfry2etU8XAx4XtyBfxhwki3aAGyT9b39HS3/KJsoGSr4rLuuh/8DlPszm7LNbUUAAAAASUVORK5CYII=) no-repeat center center, url(\'data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%"><rect width="100%" height="100%" style="fill:rgb(204,204,204)"/><line stroke-dasharray="5, 5" x1="0" y1="100%" x2="100%" y2="0" style="stroke:rgb(119,119,119);stroke-width:1"/><line stroke-dasharray="5, 5" x1="0" y1="0" x2="100%" y2="100%" style="stroke:rgb(119,119,119);stroke-width:1"/><circle cx="50%" cy="50%" r="40" fill="rgb(204,204,204)"/></svg>\'); }*[data-clarity-suspend] { filter: grayscale(100%); }',E.appendChild(Y)}I(E,e),r(e,n,E,i);break;case"LINK":var S=y(e.id);S=S||B(A,e.tag),e.attributes||(e.attributes={}),I(S,e),"rel"in e.attributes&&"stylesheet"===e.attributes.rel&&u.push(new Promise((function(e){S.onload=S.onerror=C.bind(t,S,e),setTimeout(e,3e3)}))),r(e,n,S,i);break;case"STYLE":var Q=y(e.id);I(Q=Q||A.createElement(e.tag),e),Q.textContent=e.value,r(e,n,Q,i),C(Q);break;case"IFRAME":var D=y(e.id);D=D||B(A,e.tag),e.attributes||(e.attributes={}),I(D,e),r(e,n,D,i);break;default:var F=y(e.id);I(F=F||B(A,e.tag),e),v(F,e.width,e.height),r(e,n,F,i)}e.id&&(h[e.id]=e)},r=0,o=n;r<o.length;r++){i(o[r])}}function C(e,t){void 0===t&&(t=null);try{for(var n=e.sheet,a=n?n.cssRules:[],A=0;A<a.length;A++)if(a[A].cssText.indexOf(":hover")>=0){var i=a[A].cssText.replace(/:hover/g,"[clarity-hover]");n.removeRule(A),n.insertRule(i,A)}}catch(e){}t&&t()}function B(e,t){if(t&&0===t.indexOf("svg:"))return e.createElementNS("http://www.w3.org/2000/svg",t.substr("svg:".length));try{return e.createElement(t)}catch(n){return console.warn("Exception encountered while creating element "+t+": "+n),e.createElement("clarity-unknown")}}function k(e,t,n,a){if(!h[e.id]||h[e.id].parent!==e.parent||h[e.id].previous!==e.previous){var A=a&&a.parentElement===t?a.nextSibling:null;(function(e,t,n,a){if(null!==t){a=a&&a.parentElement!==t?null:a;try{t.insertBefore(n,a)}catch(a){console.warn("Node: "+n+" | Parent: "+t+" | Data: "+JSON.stringify(e)),console.warn("Exception encountered while inserting node: "+a)}}else null===t&&null!==n.parentElement&&n.parentElement.removeChild(n);d[e.id]=n,p(e.hash,n)})(e,t,n,A=null===a&&t?function(e){var t=e.firstChild;if(t&&1===t.nodeType&&"BASE"===t.tagName)return t.nextSibling;return t}(t):A)}}function I(e,t){var n=t.attributes||{},a=!1;n["data-clarity-id"]=""+t.id,n["data-clarity-hash"]=""+t.hash;var A=1===e.nodeType?e.tagName.toLowerCase():null;if(e.attributes)for(var i=e.attributes.length;e.attributes&&i>0;)"clarity-hover"!==e.attributes[0].name&&e.removeAttribute(e.attributes[0].name),i--;for(var r in n)if(void 0!==n[r])try{var o=n[r];if(0===r.indexOf("xlink:"))e.setAttributeNS("http://www.w3.org/1999/xlink",r,o);else if(0===r.indexOf("*O"))a=!0;else if(0===r.indexOf("*"));else if("iframe"===A&&(0===r.indexOf("src")||0===r.indexOf("allow"))||"sandbox"===r)e.setAttribute("data-clarity-"+r,o);else if("img"!==A||0!==r.indexOf("src")||null!==o&&0!==o.length)e.setAttribute(r,o);else{e.setAttribute(r,"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=");var l="l";t.width&&(l=t.width<=200?"m":t.width<=75?"s":l),e.setAttribute("data-clarity-hide",l)}}catch(t){console.warn("Node: "+e+" | "+JSON.stringify(n)),console.warn("Exception encountered while adding attributes: "+t)}!1===a&&"iframe"===A&&"function"==typeof e.setAttribute&&e.setAttribute("data-clarity-unavailable",""),"img"!==A||e.hasAttribute("alt")||e.setAttribute("alt","")}var R=["blue","cyan","lime","yellow","red"],Y=null,S=null,Q=null,D=null,F=null,U=null,M=null;function T(){if(Y=null,S=null,Q=null,D=null,F=null,U=null,M&&(M.disconnect(),M=null),re&&re.window){var e=re.window;e.removeEventListener("scroll",O,!0),e.removeEventListener("resize",O,!0)}}function V(e,t){S=S||e;var n=X(),a=n.getContext("2d"),A=re.window.document,i=A.body,r=A.documentElement,o=Math.max(i.scrollHeight,i.offsetHeight,r.clientHeight,r.scrollHeight,r.offsetHeight);if(n.height=Math.min(o,4e4),n.width>0&&n.height>0&&S){for(var l=a.createLinearGradient(0,0,0,n.height),c=0,s=S;c<s.length;c++){var u=s[c],d=1-u.cumulativeSum/S[0].cumulativeSum,h=u.scrollReachY/100*(o/n.height),m=240*d;h<1&&l.addColorStop(h,"hsla("+m+", 100%, 50%, 0.6)")}a.fillStyle=l,a.fillRect(0,0,n.width,n.height),function(e,t,n,a,A){z(e,n,"Average Fold",A,84);for(var i=function(A){var i=t.reduce((function(e,t){return Math.abs(t.percUsers-A)<Math.abs(e.percUsers-A)?t:e}));if(i.percUsers>=A-2||i.percUsers<=A+2){var r=i.scrollReachY/100*a;z(e,n,A+"%",r,35)}},r=0,o=[75,50,25];r<o.length;r++){i(o[r])}}(a,S,n.width,n.height,t)}}function z(e,t,n,a,A){e.beginPath(),e.moveTo(0,a),e.lineTo(t,a),e.setLineDash([2,2]),e.lineWidth=1,e.strokeStyle="white",e.stroke(),e.fillStyle="#323130",e.fillRect(0,a-16,A,32),e.fillStyle="white",e.font="500 12px Segoe UI",e.fillText(n,5,a+5)}function N(e){Y=Y||e;var t=function(){for(var e=[],t={},n=0,a=re.window&&re.window.document?re.window.document.documentElement.clientHeight:0,A=0,i=Y;A<i.length;A++){var r=i[A],o=g(r.hash);if(o&&"function"==typeof o.getBoundingClientRect){var l=o.getBoundingClientRect(),c=H(o,l,a);if(null===Q||c)for(var s=0;s<r.points;s++){var u=Math.round(l.left+r.x[s]/32767*l.width),d=Math.round(l.top+r.y[s]/32767*l.height),h=u+"X"+d+"X"+(c?1:0);t[h]=h in t?t[h]+r.clicks[s]:r.clicks[s],n=Math.max(t[h],n)}}}Q=Q||n;for(var m=0,f=Object.keys(t);m<f.length;m++){var w=f[m],p=w.split("X"),v=Math.min(t[w]/Q+.15,1);"1"===p[2]&&e.push({x:parseInt(p[0],10),y:parseInt(p[1],10),a:v})}return e}(),n=X(),a=n.getContext("2d");if(n.width>0&&n.height>0){for(var A=function(){if(null===D){var e=re.window.document;(D=e.createElement("CANVAS")).width=40,D.height=40;var t=D.getContext("2d");t.shadowOffsetX=40,t.shadowBlur=10,t.shadowColor="black",t.beginPath(),t.arc(-20,20,10,0,2*Math.PI,!0),t.closePath(),t.fill()}return D}(),i=function(){if(null===F){var e=re.window.document.createElement("CANVAS");e.width=1,e.height=256;for(var t=e.getContext("2d"),n=t.createLinearGradient(0,0,0,256),a=1/R.length,A=0;A<R.length;A++)n.addColorStop(a*(A+1),R[A]);t.fillStyle=n,t.fillRect(0,0,1,256),F=t.getImageData(0,0,1,256)}return F}(),r=0,o=t;r<o.length;r++){var l=o[r];a.globalAlpha=l.a,a.drawImage(A,l.x-20,l.y-20)}for(var c=a.getImageData(0,0,n.width,n.height),s=0;s<c.data.length;s+=4){var u=c.data[s+3];if(u>0){var d=4*(u-1);c.data[s]=i.data[d],c.data[s+1]=i.data[d+1],c.data[s+2]=i.data[d+2]}}a.putImageData(c,0,0)}}function X(){var e=re.window.document,t=re.window,n=e.documentElement,a=e.getElementById("clarity-heatmap-canvas");return null===a&&((a=e.createElement("CANVAS")).id="clarity-heatmap-canvas",a.width=0,a.height=0,a.style.position="absolute",a.style.zIndex="2147483647",n.appendChild(a),t.addEventListener("scroll",O,!0),t.addEventListener("resize",O,!0),(M=re.window.ResizeObserver?new ResizeObserver(O):null)&&M.observe(e.body)),a.width=n.clientWidth,a.height=n.clientHeight,a.style.left=t.pageXOffset+"px",a.style.top=t.pageYOffset+"px",a.getContext("2d").clearRect(0,0,a.width,a.height),a}function O(){Y&&(U&&clearTimeout(U),U=setTimeout(N,30))}function H(e,t,n){var a=re.window.document,A=t.height>n;if(!1===A&&t.width>0&&t.height>0)for(;!A&&a;){for(var i=null,r=0,o=a.elementsFromPoint(t.left+t.width/2,t.top+t.height/2);r<o.length;r++){var l=o[r];if(!("CANVAS"===l.tagName||l.id&&0===l.id.indexOf("clarity-"))){A=l===e,i=l.shadowRoot&&l.shadowRoot!=a?l.shadowRoot:null;break}}a=i}return A&&t.bottom>=0&&t.top<=n}var P=[242,97,12],j=[249,220,209],L=null,G=null,W=[],q=0,K=null;function J(e){var t=e.data,n=re.window.document,a=n.documentElement,A=y(t.target)||n.body,i=A.scrollHeight>A.clientHeight||A.scrollWidth>A.clientWidth;if(A&&i&&A.scrollTo(t.x,t.y),A===a||A===n.body){i||re.window.scrollTo(t.x,t.y);var r=ne();r&&(r.style.left=t.x+"px",r.style.top=t.y+"px",r.width=a.clientWidth,r.height=a.clientHeight),q=W.length}}function Z(e){var t=e.data,n=t.width,a=t.height;re.options.onresize&&re.options.onresize(n,a)}function _(e){var t=e.data,n=y(t.target);if(n)switch(n.type){case"checkbox":case"radio":n.checked="true"===t.value;break;default:n.value=t.value}}function $(e){var t=e.data,n=re.window.document.getSelection();try{n.setBaseAndExtent(y(t.start),t.startOffset,y(t.end),t.endOffset)}catch(e){console.warn("Exception encountered while trying to set selection: "+e)}}function ee(e){var t=e.data,n=e.event,a=re.window.document,A=a.documentElement,i=a.getElementById("clarity-pointer");if(null===i){(i=a.createElement("DIV")).id="clarity-pointer",A.appendChild(i);var r=a.createElement("STYLE");r.textContent="@keyframes pulsate-one { 0% { transform: scale(1, 1); opacity: 1; } 100% { transform: scale(3, 3); opacity: 0; } }@keyframes pulsate-two { 0% { transform: scale(1, 1); opacity: 1; } 100% { transform: scale(5, 5); opacity: 0; } }@keyframes pulsate-touch { 0% { transform: scale(1, 1); opacity: 1; } 100% { transform: scale(2, 2); opacity: 0; } }@keyframes disappear { 90% { transform: scale(1, 1); opacity: 1; } 100% { transform: scale(1.3, 1.3); opacity: 0; } }#clarity-interaction-canvas { position: absolute; left: 0; top: 0; z-index: 2147483647; background: none; }#clarity-pointer { position: absolute; z-index: 2147483647; url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAmCAYAAAA4LpBhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASDSURBVHgB7VdPTCNlFH8z0/+FFmRatnFNiDGR4O4mBk08smZvXjjIxRueNME9eHGNxoLxSNwr4WyigYToQRJLjXDzQtDNmnhR4kWWAJm20ymddtrx94bvI9NBWAptsod9ycvM92fe73vv/b73fUP0DIlCfRQ1AMTtjwcHB1+gPgOT67oK6+TkZBjNbxRF+X1gYCCDPpX6IKdGAaTu7++HuG9tbe1ONBr9GR7r+Xy+98DsIRuemJiIjI6OJgH+3e7urruzs+OOjIw8SiaTNwRwz8OtQWPpdHoYoKt///ar2/jxaw84k8k8gt5YWVnRqEfi90BrtVph0Uetx0V67d9fqFAo3G6324XZ2VldLK4noK4AVqvVaoh8YZTAxWLxdiwW20CoM70IdceWicfjSpCxfuBEIrGxsLCQZR7QNcQDwFaRRhRmcXCSL9S3kN8CtlP2Oqz2QoWt4Q4NDanHx8cy3HQBMIe6sLS0pF811B7I5uYmhUKh1nmAQWAOteM4xcXFxczMzEzXHp+u9PDwUBHvymWBmVzr6+t6t9tJhtPzEEYuFaoguebm5nTqJOXFoMxEVCO50tMFXBaYcwwbGwAfRagv5bEKthK2igdUr9epG/EDYw//xKGmzoLz/6BQd3t7m5i9dAUJsJoLSPZp5PIGp6amXHjsVSaEirqVALk8jy/axx2hwAcMTlcRH/Ad5LfA24kEZ4JzudbySSJzyqDnomq37pH14utH/iUrCA5HCeRwHYXc8dzNNs5jfXp6uoD+e/Pz8zzfDYIqq6urihg4NyTaK2/Rw8fNo0/euWvBWI3TwGAiHW2RnjY7LRVjX+7t7d3nSWL8FFSKIj46I0r2ZXr4R/PoQT5f1TTtU3Q5OAbbbAxtV4BwXx07wUI5raJdTaVS5vLysmYYhlyMDJBHJBoeHpbFwQ0CfmuP04P8V1VVVb9AVwXGy/xE6SyHw2FuW9Aa2jYAHVx1HAZh78bGxs44wYkm0zS9PPrC1QE4+8HcPwD8HONPYNzEkAU1UX+raFcYmPswzhu9ISLmShIdHBx0lFfVH2s+SyWR/IBofgYvnmCIPTQjkYiBk8mARwYWU4aW8F5uNpslXHkstBncxjcOeyqJ6vfUO9oQd2avlyeKJj3A9z/8yAOE7uHKUgGoiRQYMFZCdEq2bZfgpYFnmd9xzprlcrnCOdV13cbWaWKezGVnAUBOmVBpkOAlPH/AxuYJu/DoPQDcxfubeB/ncZCDL+IpaDKgiVwul8AzDo1BI3RC1HPLIg+mYPQmvPke+hdY+S68ehuevIHQvYpV5/i2KIxKg5pUUew1AaL6wM4cl4oPFJjxFMJ0H6BbIIgBwAbeLSzABLBVKpVszGvSCf27r5dCNE7h1tYWX1U0ECHUaDT+REhryKENrTFbwdLj+skRxIAeM+ka4rGV2QWv2vCIjVoAryC0Jk6MCk6fGvoY0OkFoF80UDsG8AG8j/BtD78YWRSMNNoJQbSe/1Zw0tmwBB6kE0ZG+wXI4v1ECYAIdbKzf/+povypEui6t/jnwvIf5FVJ1Cj/1+UAAAAASUVORK5CYII=) no-repeat left center; width: 29px; height: 38px; }.clarity-click, .clarity-click-ring, .clarity-touch, .clarity-touch-ring { position: absolute; z-index: 2147483647; border-radius: 50%; background: radial-gradient(rgba(0,90,158,0.8), transparent); width: 22px; height: 22px;}.clarity-click-ring { background: transparent; border: 1px solid rgba(0,90,158,0.8); }.clarity-touch { background: radial-gradient(rgba(242,97,12,1), transparent); }.clarity-touch-ring { background: transparent; border: 1px solid rgba(242,97,12,0.8); }.clarity-pointer-click { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAmCAYAAAA4LpBhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVoSURBVHgB7VdNTCRFGP2qe6aBGRhA5mfJ7kZcV0XQTQx68MYabl44yMWbetAY3IMX12gWMCZeSLwSEi/GiAHF1SjqMAhoshuTJbg/GkM0xMQIBMj8D/Nfvq+6enZmEtFdhsSDRT66q6qnXr33varqJvoPFUHHWIw6IK6/2tbWdg8dMzBJKQXHwMCAG9UPhBDXW1tbA2gz6BhKZVAAGTs7Oy5um5+fP9fU1LQExv6xsbHGAzNDHrivr88KhUJegH+0ubkp19fXZVdX1w2v13tCAzdcbhPR3N7e3gnQuY0ry3L7nRcUcCAQuIE4MTs7a1IDi9CgXuQxCNBPNq6uyF+HWuTO5IvVjEP6uSMXlk1qYCOVSnFOgYvRLUtmVmbp9HfvUSQSebS5uXkRwIFGSF2zZFpaWoTtWEHCcgvDclPm+4/p3qvvK2CPx7M4MTERZB/QEYoCxVJxBhHsYvwn0+2WKiyLslc+pfuufSjD4fAjyG+Y03AUVyupsDRkR0eHcXBwYMuNKQi3BaYIt5uYce6Hz8XZ63MMzFKHp6am/HcrtQJZWVkhl8tVIju/KqkmgBxAdQXr3LUv6exPl5XUxWIxMjk5GRgZGbljxpWZ7u3tCX3PPCuALDEYk2Ytij9+RQ9ufFEx18LCgv9Ol5PjXsUQg9hSsXubLA3IwC7JoVgjSjfD9PDm1xVzjY6O+qnWlIeDshOxGzkzVRNgeW2mdl6FfXVkxiQsKv/8LfX9sUScY4yxCPAQpP5XjA0GwFJRTLPZrG5mUFcln6Ytc+Uq0CdcLgAvyf4/lxUw1vA3LDVVpexQedfW1ojdW2m1N4cKM8PllqLKUMI0SRhCsuVKtyLUv7XsuJo3kOA/mUt1Dg4OsqRqZ4JUPJZtIttAaqMAMzQarH8NCzwqSzcjghlrcynGh63jGinwA5VP9efIaBr2vqgBnGeltH+nJonCjPts4HPIb5iXE2nP1IPyXssniZNTBhVq0RhC3p6QTd/oHxLpk4/t356yelQawijrecnek6fKOI/9w8PDYQw1ND4+zs/LelAxNzcndIdRLRwzs5kIYT7wJL17q7D/2tPn0+jIcDunRDMt6/SUmbQT6Htra2vrAj+k+yugFRT9I6qVEGxCZwCY3784dillmubr6CqWSqUyD4a61CDclsVKSGM7TaGe8vl8yenpaTMajTqTqeSUjUSdnZ3O5iCrYUXwDM1ke+ni2NspwzAuoTGBweN8xdYZd7vdXE8jMqjnAFjEq06RQZhdT08P1RdONCWTSaEFdeSyqQfvFzO5XnrupdHfAfgm+rcxeBJdaUQS+28K9QQDcxv6eaHntWLSMdHu7q6zxWorVGnNZ6nQVmVJmSEDovoGWGyjixkmLcuK4mSKglEUk4kjYriPFwqFGF550qgzeA6/KTJTx6jVTNXRBt3ZvSpP1OSlmYNeev7lVxQgYqtcLicAmkQKohgsBnViuVwuBpZRXON8j3M2GY/HE5xTv9+fw9Ip4DknlzXAnFM2VDtMcBrXz7Cw+YFNMHoWAOdx/wTue7kf5uAXcR/CWxee7u5uD64tiGaERbZR/3Zb5E4fBj0FNpcRv8GVz4DVU2DyOKR7CLPu5rdFPagzoOmE3uxNDWJUgYl6UFEFCswWH2S6ANBVGCQKwDzu05hAEsDpWCyWw3MFsu0v6S6LySlcXV3lVxUTRnDl8/lfIGkGOcwhMuxWuPQgax9BDKicSUcoyq3sLrAqgxEPmgZ4AtImcWIkcPpk0MaAxUYAVhcT1m4GeCvuu/htD58YQWwY7ah7tNEa/lnBSeeBHeA2sh3ZdFyAXNRHlAawqNadx/edqrc/wwE66lv8/4XLX3gjac6XP/Y1AAAAAElFTkSuQmCC); }.clarity-pointer-none { background: none; }.clarity-pointer-move { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAmCAYAAAA4LpBhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASDSURBVHgB7VdPTCNlFH8z0/+FFmRatnFNiDGR4O4mBk08smZvXjjIxRueNME9eHGNxoLxSNwr4WyigYToQRJLjXDzQtDNmnhR4kWWAJm20ymddtrx94bvI9NBWAptsod9ycvM92fe73vv/b73fUP0DIlCfRQ1AMTtjwcHB1+gPgOT67oK6+TkZBjNbxRF+X1gYCCDPpX6IKdGAaTu7++HuG9tbe1ONBr9GR7r+Xy+98DsIRuemJiIjI6OJgH+3e7urruzs+OOjIw8SiaTNwRwz8OtQWPpdHoYoKt///ar2/jxaw84k8k8gt5YWVnRqEfi90BrtVph0Uetx0V67d9fqFAo3G6324XZ2VldLK4noK4AVqvVaoh8YZTAxWLxdiwW20CoM70IdceWicfjSpCxfuBEIrGxsLCQZR7QNcQDwFaRRhRmcXCSL9S3kN8CtlP2Oqz2QoWt4Q4NDanHx8cy3HQBMIe6sLS0pF811B7I5uYmhUKh1nmAQWAOteM4xcXFxczMzEzXHp+u9PDwUBHvymWBmVzr6+t6t9tJhtPzEEYuFaoguebm5nTqJOXFoMxEVCO50tMFXBaYcwwbGwAfRagv5bEKthK2igdUr9epG/EDYw//xKGmzoLz/6BQd3t7m5i9dAUJsJoLSPZp5PIGp6amXHjsVSaEirqVALk8jy/axx2hwAcMTlcRH/Ad5LfA24kEZ4JzudbySSJzyqDnomq37pH14utH/iUrCA5HCeRwHYXc8dzNNs5jfXp6uoD+e/Pz8zzfDYIqq6urihg4NyTaK2/Rw8fNo0/euWvBWI3TwGAiHW2RnjY7LRVjX+7t7d3nSWL8FFSKIj46I0r2ZXr4R/PoQT5f1TTtU3Q5OAbbbAxtV4BwXx07wUI5raJdTaVS5vLysmYYhlyMDJBHJBoeHpbFwQ0CfmuP04P8V1VVVb9AVwXGy/xE6SyHw2FuW9Aa2jYAHVx1HAZh78bGxs44wYkm0zS9PPrC1QE4+8HcPwD8HONPYNzEkAU1UX+raFcYmPswzhu9ISLmShIdHBx0lFfVH2s+SyWR/IBofgYvnmCIPTQjkYiBk8mARwYWU4aW8F5uNpslXHkstBncxjcOeyqJ6vfUO9oQd2avlyeKJj3A9z/8yAOE7uHKUgGoiRQYMFZCdEq2bZfgpYFnmd9xzprlcrnCOdV13cbWaWKezGVnAUBOmVBpkOAlPH/AxuYJu/DoPQDcxfubeB/ncZCDL+IpaDKgiVwul8AzDo1BI3RC1HPLIg+mYPQmvPke+hdY+S68ehuevIHQvYpV5/i2KIxKg5pUUew1AaL6wM4cl4oPFJjxFMJ0H6BbIIgBwAbeLSzABLBVKpVszGvSCf27r5dCNE7h1tYWX1U0ECHUaDT+REhryKENrTFbwdLj+skRxIAeM+ka4rGV2QWv2vCIjVoAryC0Jk6MCk6fGvoY0OkFoF80UDsG8AG8j/BtD78YWRSMNNoJQbSe/1Zw0tmwBB6kE0ZG+wXI4v1ECYAIdbKzf/+povypEui6t/jnwvIf5FVJ1Cj/1+UAAAAASUVORK5CYII=); }",i.appendChild(r)}i.style.left=t.x-4+"px",i.style.top=t.y-4+"px";var o,l,c="Pointer";switch(n){case 9:case 16:c="Click",te(a,t.x,t.y,c),i.className="clarity-pointer-none";break;case 17:case 18:case 20:c="Touch",function(e,t,n,a){var A=e.documentElement,i=e.createElement("DIV");i.className="clarity-touch",i.setAttribute("title",a+" ("+t+"px, "+n+"px)"),i.style.left=t-11+"px",i.style.top=n-11+"px",i.style.animation="disappear 1 1s",i.style.animationFillMode="forwards",A.appendChild(i);var r=i.cloneNode();r.className="clarity-touch-ring",r.style.left="-0.5px",r.style.top="-0.5px",r.style.animation="pulsate-touch 1 1s",r.style.animationFillMode="forwards",i.appendChild(r)}(a,t.x,t.y,c),i.className="clarity-pointer-none";break;case 19:c="Touch Move",i.className="clarity-pointer-none";break;case 12:c="Mouse Move",i.className="clarity-pointer-move",o={time:e.time,x:t.x,y:t.y},(l=W.length>0?W[W.length-1]:null)&&o.x===l.x&&o.y===l.y?l.time=o.time:W.push(o),G=t.target;break;default:i.className="clarity-pointer-move"}i.setAttribute("title",c+" ("+t.x+"px, "+t.y+"px)")}function te(e,t,n,a){var A=e.documentElement,i=e.createElement("DIV");i.className="clarity-click",i.setAttribute("title",a+" ("+t+"px, "+n+"px)"),i.style.left=t-11+"px",i.style.top=n-11+"px",A.appendChild(i);var r=i.cloneNode();r.className="clarity-click-ring",r.style.left="-0.5px",r.style.top="-0.5px",r.style.animation="pulsate-one 1 1s",r.style.animationFillMode="forwards",i.appendChild(r);var o=r.cloneNode();o.style.animation="pulsate-two 1 1s",i.appendChild(o),"undefined"!=typeof Audio&&(null===K&&(K=new Audio("data:video/webm;base64,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")),K.play())}function ne(){var e=re.window.document,t=e.documentElement,n=e.getElementById("clarity-interaction-canvas");return null===n&&((n=e.createElement("canvas")).id="clarity-interaction-canvas",n.width=0,n.height=0,t.appendChild(n)),n.width===t.clientWidth&&n.height===t.clientHeight||(n.width=t.clientWidth,n.height=t.clientHeight),n}function ae(e){var t=ne();if(re.options.canvas&&t){var n=t.getContext("2d"),a=re.options.keyframes?ie(W.reverse()):ie(function(e){for(var t=[],n=W.length-1;n>0&&(n>=q&&e-W[n].time<3e3);n--)t.push(W[n]);return t.slice(0,75)}(e));if(function(){if(G&&G!==L){for(var e=0,t=L?y(L):null;t&&e<7;)"removeAttribute"in t&&t.removeAttribute("clarity-hover"),t=t.parentElement,e++;e=0;for(var n=G?y(G):null;n&&e<7;)"setAttribute"in n&&n.setAttribute("clarity-hover",""),n=n.parentElement,e++;L=G}}(),a.length>1){var A=a[0];n.clearRect(0,0,n.canvas.width,n.canvas.height);for(var i=a.length,r=t.offsetLeft,o=t.offsetTop,l=1;l<i;l++){var c=a[l],s=1-(l-1)/i,u=1-l/i,d=n.createLinearGradient(A.x,A.y,c.x,c.y);d.addColorStop(1,Ae(u)),d.addColorStop(0,Ae(s)),n.lineWidth=6*u,n.lineCap="round",n.lineJoin="round",n.strokeStyle=d,n.beginPath(),n.moveTo(A.x-r,A.y-o),n.lineTo(c.x-r,c.y-o),n.stroke(),n.closePath(),A=c}}re.options.keyframes&&(W=[])}}function Ae(e){for(var t=P,n=j,a=[],A=0;A<3;A++)a[A]=Math.round(n[A]+e*(t[A]-n[A]));return"rgba("+a[0]+", "+a[1]+", "+a[2]+", "+e+")"}function ie(e){var t,n,a,A,i=[],r=[];(i=e.slice(0)).unshift(e[0]),i.push(e[e.length-1]);for(var o=1;o<i.length-2;o++)for(var l=i[o].time,c=Math.max(Math.min(Math.round((t=i[o],n=i[o-1],a=void 0,A=void 0,a=t.x-n.x,A=t.y-n.y,Math.sqrt(a*a+A*A))),10),1),s=0;s<=c;s++){var u={time:l,x:.5*(i[o+1].x-i[o-1].x),y:.5*(i[o+1].y-i[o-1].y)},d={time:l,x:.5*(i[o+2].x-i[o].x),y:.5*(i[o+2].y-i[o].y)},h=s/c,m=2*Math.pow(h,3)-3*Math.pow(h,2)+1,f=-2*Math.pow(h,3)+3*Math.pow(h,2),g=Math.pow(h,3)-2*Math.pow(h,2)+h,w=Math.pow(h,3)-Math.pow(h,2),p=m*i[o].x+f*i[o+1].x+g*u.x+w*d.x,v=m*i[o].y+f*i[o+1].y+g*u.y+w*d.y;r.push({time:l,x:p,y:v})}return r}var re=null,oe=0;function le(e){for(var t={timestamp:null,envelope:null,dom:null,events:[]},n=0,a=e;n<a.length;n++){var A=a[n];t.timestamp=t.timestamp?t.timestamp:A.timestamp,t.envelope=A.envelope;for(var i=0,r=Object.keys(A);i<r.length;i++){var o=r[i],l=A[o];if(Array.isArray(l))for(var c=0,s=l;c<s.length;c++){var u=s[c];"dom"===o&&5===u.event?t.dom=u:t.events.push(u)}}}return t.events=t.events.sort(se),t}function ce(A,i){return a={},e=!1,n={},t={},W=[],q=0,K=null,L=null,G=null,f(),T(),re=null,oe=0,i.canvas=!("canvas"in i)||i.canvas,i.keyframes="keyframes"in i&&i.keyframes,re={window:A,options:i},i.dom&&x(i.dom),this}function se(e,t){return e.time-t.time}var ue=Object.freeze({__proto__:null,get state(){return re},html:function(e,t,n,a){if(void 0===n&&(n=null),e&&e.length>0&&t){var A=le(e);for(ce(t,{version:e[0].envelope.version,dom:A.dom});A.events.length>0&&!1===b(n);){var i=A.events.shift();switch(i.event){case 6:var r=i;if(oe=r.time,a&&oe>a)break;E(r)}}}return this},time:function(){return oe},clickmap:function(e){if(null===re)throw new Error('Initialize heatmap by calling "html" or "setup" prior to making this call.');N(e)},clearmap:function(){if(null===re)throw new Error('Initialize heatmap by calling "html" or "setup" prior to making this call.');var e,t,n,a;e=re.window.document,t=re.window,n=e.getElementById("clarity-heatmap-canvas"),a=e.documentElement,n&&(n.width=a.clientWidth,n.height=a.clientHeight,n.style.left=t.pageXOffset+"px",n.style.top=t.pageYOffset+"px",n.getContext("2d").clearRect(0,0,n.width,n.height)),T()},scrollmap:function(e,t){if(null===re)throw new Error('Initialize heatmap by calling "html" or "setup" prior to making this call.');V(e,t)},merge:le,setup:ce,render:function(e){if(null===re)throw new Error('Initialize visualization by calling "setup" prior to making this call.');for(var t,n,a=0,A=0,o=e;A<o.length;A++){var l=o[A];switch(a=l.time,l.event){case 0:i(l);break;case 7:r(l);break;case 37:w(l);break;case 6:E(l);break;case 13:case 14:case 12:case 15:case 9:case 16:case 17:case 20:case 18:case 19:ee(l);break;case 28:t=l,n=void 0,(n=re.window.document)&&n.documentElement&&"visible"!==t.data.visible?(n.documentElement.style.backgroundColor="black",n.documentElement.style.opacity="0.4"):(n.documentElement.style.backgroundColor="transparent",n.documentElement.style.opacity="1");break;case 27:_(l);break;case 21:$(l);break;case 11:Z(l);break;case 10:J(l)}}e.length>0&&ae(a)},dom:x,get:g});"undefined"!=typeof window&&(void 0!==window.clarity&&null!==window.clarity||(window.clarity={}),window.clarity.visualize=ue)}();
|