1var storylane1732113157820=function(){"use strict";var ie=Object.defineProperty;var F=Object.getOwnPropertySymbols;var le=Object.prototype.hasOwnProperty,ae=Object.prototype.propertyIsEnumerable;var R=(w,m,u)=>m in w?ie(w,m,{enumerable:!0,configurable:!0,writable:!0,value:u}):w[m]=u,_=(w,m)=>{for(var u in m||(m={}))le.call(m,u)&&R(w,u,m[u]);if(F)for(var u of F(m))ae.call(m,u)&&R(w,u,m[u]);return w};const w="storylane-demo-event",m="storylane-embed-demo",u="storylane-token-submit",H="storylane-tracking",$="storylane-host-info",T="storylane-demo-host",I="hubspotutk",O="_mkto_trk",D=/visitor_id\d+/,E={CloseModal:"sl-close"},N=`.sl-close-btn { 2 background: #ffffff; 3 color: #1a1348; 4 border: 2px solid #fffffe; 5 border-radius: 20px; 6 line-height: 18px; 7 box-shadow: 0px 0px 5px #444; 8 cursor: pointer; 9 font-family: Helvetica; 10 font-size: 14px; 11 font-weight: bold; 12 height: 24px; 13 width: 24px; 14 padding: 0px; 15} 16 17.sl-close-btn:hover { 18 box-shadow: 0px 0px 6px rgba(255, 255, 100, 1); 19} 20`;class j extends HTMLElement{constructor(){super();const e=this.attachShadow({mode:"open"}),o=document.createElement("button");o.classList.add("sl-close-btn"),o.innerHTML='<svg viewBox="0 0 24 24" class="__sl-close-btn" xmlns="http://www.w3.org/2000/svg" fill="none"><path fill="#9392A3" d="m17.674 15.738-9.5-9.5A1.11 1.11 0 0 0 6.6 6.235l-.274.274a1.11 1.11 0 0 0 0 1.573l9.5 9.5a1.114 1.114 0 0 0 1.574 0l.273-.274a1.11 1.11 0 0 0 0-1.573"></path><path fill="#9392A3" d="m17.675 6.51-.275-.275a1.113 1.113 0 0 0-1.573 0l-9.5 9.5a1.113 1.113 0 0 0 0 1.573l.272.274a1.11 1.11 0 0 0 1.574 0l9.5-9.5a1.113 1.113 0 0 0 0-1.573"></path><path fill="#F3F5F7" d="M12 0a12 12 0 1 1 0 24 12 12 0 0 1 0-24"></path><path fill="#9392A3" d="M16.215 14.964 13.251 12l2.964-2.964a.883.883 0 0 0 0-1.25.884.884 0 0 0-1.25 0L12 10.748 9.036 7.785a.885.885 0 0 0-1.251 1.251L10.749 12l-2.964 2.964a.883.883 0 1 0 1.25 1.251L12 13.251l2.964 2.964a.884.884 0 0 0 1.251-1.25"></path></svg>';const n=document.createElement("style");n.textContent=N,e.appendChild(n),e.appendChild(o),this.addCloseEventListener(o)}addCloseEventListener(e){const o=()=>{this.dispatchEvent(new Event(E.CloseModal))};e.addEventListener("click",o),this.addEventListener("disconnected",()=>{e.removeEventListener("click",o)})}}customElements.define("sl-close-button",j);class U{constructor(){this.storylane_style="",this.embed_style="",this.demo_html=""}Play(e){if(typeof e!="object")return console.log("Error: Invalid params."),0;switch(this.params=e,this.params.type){case"popup":this.Player(e);break;case"preview_embed":this.PreviewEmbed(e);break}}PreviewEmbed(e){var s;if(typeof e!="object")return console.log("Error: Invalid params."),0;let o={scale:.9};this.params=_(_({},o),e);const n=this.params.demo_url;if(!n)return console.log("Error: Invalid params. Please provide valid demo_url"),0;console.log("creating storylane demo with preview");const i=this.params.element,l=i.closest(".sl-embed-container");if(!l){console.error("Unable to find .sl-embed-container");return}const d=l.querySelector(".sl-preview");if(!d){console.error("Unable to find .sl-preview");return}const a=l.querySelector("iframe.sl-demo");if(!a){console.error('Unable to find "iframe.sl-demo"');return}(s=i.parentElement)!=null&&s.classList.contains("sl-preview-heading")?i.parentElement.style.display="none":i.style.display="none",d.style.display="none",a.style.display="block",a.style.backgroundColor="#f3f5f7",a.style.borderRadius="inherit",a.src=n}Player(e){if(typeof e!="object")return console.log("Error: Invalid params."),0;let o={scale:"0.9",width:"100%",padding_bottom:"calc(56.33% + 27px)",fullscreen:!1};if(this.params=_(_({},o),e),!this.params.hasOwnProperty("demo_url"))return console.log("Error: Invalid params. Please provide valid demo_url"),0;this.storylane_style=` 21 #__sl-demo-wrapper{ 22 position: fixed; 23 top: 0px; 24 left: 0px; 25 width: 100%; 26 height: 100%; 27 z-index: 9999999; 28 background: rgba(0,0,0,0.8); 29 } 30 .__sl-embed-container{ 31 z-index: 99999999; 32 position: relative; 33 width: 100%; 34 display: flex; 35 max-width: 100%; 36 height: 100%; 37 max-height: 100%; 38 align-items: center; 39 justify-content: center; 40 } 41 .__sl-embed{ 42 position:relative; 43 width:100%; 44 height:0; 45 } 46 .__sl-embed-portrait { 47 padding-bottom: 0px !important; 48 height: 100% !important; 49 } 50 .__sl-player-iframe { 51 position:absolute; 52 top:0; 53 left:0; 54 width:100%; 55 height:100%; 56 border:none; 57 }`,this.embed_style=` 58 padding-bottom: $padding_bottom; 59 transform: scale($scale); 60 -webkit-transform: scale($scale); 61 -moz-transform: scale($scale); 62 -o-transform: scale($scale); 63 `,this.demo_html=` 64 <div class="__sl-embed-container"> 65 <div style="position:absolute; top:8px; right:4px;z-index:1;"> 66 <sl-close-button></sl-close-button> 67 </div> 68 <div class="__sl-embed-wrapper" style="width: $embed_width; height: $embed_height; position: relative"> 69 <div class="__sl-embed"> 70 <iframe class='__sl-player-iframe' allowfullscreen></iframe> 71 </div> 72 </div> 73 </div> 74 `,console.log("creating storylane demo");let n=document.getElementById("__sl-demo-wrapper");if(n==null){n=document.createElement("div"),n.id="__sl-demo-wrapper",n.setAttribute("style","display: none;"),document.body.appendChild(n);let g=document.createElement("style");g.innerHTML=this.storylane_style,document.head.appendChild(g)}n.innerHTML=this.demo_html;const i=this.params.element,l=document.getElementsByClassName("__sl-player-iframe")[0],d=document.getElementsByClassName("__sl-embed-wrapper")[0],a=document.getElementsByClassName("__sl-embed")[0],s=parseFloat(this.params.scale),c=window.innerWidth<window.innerHeight;let b=window.innerHeight-50,h=window.innerWidth-50;c&&(b=window.innerHeight,h=window.innerWidth);let r=h,f="auto";if(this.params.fullscreen===!0)r="100%";else{let g=parseFloat(this.params.height),C=parseFloat(this.params.width);if(!isNaN(g)&&g!=0&&!isNaN(C)&&C!=0){let re=parseFloat((g/C).toFixed(2));r=C,g>b&&(r=parseFloat((b/re).toFixed(2))),r>h&&(r=h)}isNaN(s)||(r=(r*s).toFixed(2)),r=r+"px"}c&&(r="100%",this.params.demo_type==="html"&&a&&(f="100%",a.classList.add("__sl-embed-portrait")));let p=d.getAttribute("style")||"";p=p.replaceAll(/\$embed_width/g,r),p=p.replaceAll(/\$embed_height/g,f),d.setAttribute("style",p);let y=this.embed_style.replaceAll(/\$scale/g,"1.0");const v=this.params.padding_bottom;y=y.replaceAll(/\$padding_bottom/g,v),a==null||a.setAttribute("style",y),i&&i.onclick===null?i.addEventListener("click",g=>{l&&this.params&&n&&(l.src=this.params.demo_url,n.style.display="")}):(l&&(l.src=this.params.demo_url),n.style.display="");function S(g){(g.key==="Escape"||g.key==="Esc")&&(l&&n&&(n.style.display="none",l.src=""),document.removeEventListener("keydown",S))}document.addEventListener("keydown",S);const k=document.querySelector("sl-close-button");function x(){l&&n&&(n.style.display="none",l.src=""),k==null||k.removeEventListener(E.CloseModal,x)}k==null||k.addEventListener(E.CloseModal,x)}Embed(e){if(typeof e!="object")return console.log("Error: Invalid params."),0;let o={scale:"0.9"};if(this.params=_(_({},o),e),!this.params.hasOwnProperty("demo_url"))return console.log("Error: Invalid params. Please provide valid demo_url"),0;this.storylane_style=` 75 #__sl-demo-embed-wrapper{ 76 width: 100%; 77 height: 100%; 78 z-index: 10000; 79 background: rgba(0,0,0,0.6); 80 background-color: #F3F5F7; 81 border: 0px solid black; 82 } 83 .__sl-iframe{border: 0px; width: 100%; height: 100%; min-height: 100vh;} 84 85 .__sl-demo-preview{ 86 width:100%; height: 100%; 87 transform:scale(1.0); 88 background-color: #ffffff; 89 z-index: 999999999; 90 } 91 92 .__sl-play{ 93 z-index: 10003; 94 box-sizing: border-box; 95 display:block; 96 width:140px; 97 height:60px; 98 padding-top: 14px; 99 padding-left: 8px; 100 line-height: 20px; 101 border: 3px solid #fff; 102 border-radius: 5px; 103 color: #f5f5f5; 104 text-align:center; 105 text-decoration:none;
106 background-color: #e0007a; 107 font-size: 22px; 108 font-weight: normal; 109 transition: all 0.3s ease; 110 position: relative; 111 top: 45%; 112 left: 45%; 113 cursor: pointer; 114 } 115 116 .__sl-play:hover { 117 background-color: #c1066c; 118 box-shadow: 0px 0px 6px rgba(255,255,100,1); 119 } 120 `;let n=document.getElementById("__sl-demo-embed-wrapper");if(n==null){n=document.createElement("div"),n.id="__sl-demo-embed-wrapper",n.removeAttribute("style");const a=document.createElement("style");a.innerHTML=this.storylane_style,document.head.appendChild(a)}let i=this.params.element;const l=this.params.demo_url,d=this.params.demo_preview;if(l){console.log("creating storylane embedded demo");const a=document.createElement("iframe");a.classList.add("__sl-iframe"),a.src=l,n.appendChild(a),i.innerHTML="",i.appendChild(n)}else if(d){console.log("creating storylane embedded demo with preview");const a=i.innerHTML,s=document.createElement("div");s.classList.add("__sl-demo-preview"),s.setAttribute("style","background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('"+d+"') no-repeat; background-size: 100% auto;");const c=document.createElement("a");c.classList.add("__sl-play"),c.text="Start Demo",c.addEventListener("click",b=>{s.remove(),n&&(n.innerHTML=a)}),s.appendChild(c),n.appendChild(s),i.innerHTML="",i.appendChild(n)}}}function q(t,e){var n,i;if(t.origin===""||t.origin==="null")return!0;let o=t.origin===e||/https:\/\/(www\.)?[0-9a-zA-Z-]+\.storylane\.(io|us)\/?$/.test(t.origin);if(!o){const l=/^(?:[a-zA-Z0-9-]+\.)*([a-zA-Z0-9-]+\.[a-zA-Z]{2,})$/,d=new URL(e),a=new URL(t.origin),s=(n=d.host.match(l))==null?void 0:n[1],c=(i=a.host.match(l))==null?void 0:i[1];o=s&&c&&s===c}return!o}function B(t){const e=t.data;if(typeof e=="object"&&e!==null&&"message"in e&&e.message===w){if(q(t,window.origin))return console.warn("sl: unable to process message"),!0;let o=t.data.payload;return o.event==="open_external_url"&&o.target.target==="_self"&&window.open(o.target.url,o.target.target),!0}return!1}function K(t,e){const o=t.split("; ");for(let n=0;n<o.length;n++){const l=o[n].split("=");if(l[0].match(e))return l[1]}return null}function W(t,e,o,n){try{return t.cookie=e+"="+(o||"")+"; max-age="+n+"; path=/; secure",!0}catch(i){return!1}}const M="slReferer";function Z(t){try{const e=P(t);!z(t)&&e&&J(t,e)}catch(e){}}function P(t){const e=t.referrer;return e?btoa(e):null}function z(t){const e=K(t.cookie,M);return e?decodeURIComponent(e):null}function J(t,e){W(t,M,encodeURIComponent(e),31536e3)}function V(t){var o,n,i,l,d;const e=t.data;if(typeof e=="object"&&e!==null&&e&&e.source===m){let s=new URL(window.location.toString()).searchParams,c=s.get("email");
120s.delete("email");let b=[],h={};for(const[r,f]of s.entries())if(r.match(/token/)!==null){b.push(r);let p=(o=r.match(/^token\[(.*)]$/))==null?void 0:o[1];p&&(h[p]=f)}for(const r of b)s.delete(r);return c&&((n=t.source)==null||n.postMessage({source:T,lead:{email:c}},{targetOrigin:t.origin})),Object.keys(h).length>0&&((i=t.source)==null||i.postMessage({message:u,payload:{token:h}},{targetOrigin:t.origin})),(l=t.source)==null||l.postMessage({source:$,host:{url:window.location.href},url_query:s.toString()},{targetOrigin:t.origin}),(d=t.source)==null||d.postMessage({source:H,tracking:btoa(document.cookie),ref:{original:z(document),current:P(document)}},{targetOrigin:t.origin}),!0}return!1}const L=({tracking:t,encode:e=!0})=>{try{const o="https://api.storylane.io/api/v1/shared/tracking",n=e?btoa(t):t;if("sendBeacon"in navigator){const i=new FormData;i.set("tracking",n),navigator.sendBeacon(o,i)}else fetch(o,{method:"POST",headers:{"Content-Type":"application/json"},keepalive:!0,body:JSON.stringify({tracking:n})})}catch(o){}};function A(t,e){const o=t.split("; ");for(let n=0;n<o.length;n++){const i=o[n];if(i.split("=")[0].match(e))return i}return null}function G(t){const e=t.data;if(typeof e=="object"&&e!==null&&e.type==="hsFormCallback"&&e.eventName==="onFormSubmitted"){const o=A(document.cookie,I);return o&&L({tracking:o}),!0}return!1}function Q(t){const e=t.data;if(typeof e=="object"&&e!==null&&e.message==="LD_SAVE_FORM_DATA"){const o=A(document.cookie,D);return o&&L({tracking:o}),!0}return!1}function X(t){if(typeof t.data=="string"&&t.data.startsWith('{"mktoResponse"')){const e=JSON.parse(t.data);if(typeof e=="object"&&"mktoResponse"in e&&e.mktoResponse.error===!1){const o=A(document.cookie,O);o&&L({tracking:o})}return!0}return!1}function Y(t){t.querySelectorAll("form").forEach(o=>{o.addEventListener("submit",n=>{try{L({tracking:t.cookie})}catch(i){console.error(i)}},{passive:!0,capture:!1})})}const ee=`.sl-preview-img { 121 width: 100%; 122 height: 100%; 123 webkit-filter: blur(1px); 124 filter: blur(1px); 125 background-color: rgba(0, 0, 0, 0.3); 126 border-radius: inherit; 127 z-index: 999991; 128 object-fit: fill; 129} 130.sl-ripple-backdrop { 131 width: 75px; 132 height: 75px; 133 webkit-backdrop-filter: blur(1px); 134 backdrop-filter: blur(1px); 135 background-color: rgba(0, 0, 0, 0); 136 position: absolute; 137 top: 20%; 138 left: 20%; 139 z-index: 999991; 140} 141.sl-ripple-main { 142 --ripple-max-size: 75px; 143 --circle-size: 22px; 144 --color: #9639e7; 145 --border-animation-duration: 1.5s; 146 --ripple-border-width: 8px; 147 --ripple-timing-func: ease-in; 148 149 width: var(--ripple-max-size); 150 height: var(--ripple-max-size); 151 position: absolute; 152 top: 20%; 153 left: 20%; 154 z-index: 999990; 155} 156 157.sl-ripple-center { 158 position: absolute; 159 top: 50%; 160 left: 50%; 161 width: var(--circle-size); 162 height: var(--circle-size); 163 transform: translate(-50%, -50%); 164 background-color: var(--color); 165 border-radius: 50%; 166} 167 168.sl-ripple { 169 position: absolute; 170 top: 50%; 171 left: 50%; 172 transform: translate(-50%, -50%); 173 border-radius: 50%; 174 border: var(--ripple-border-width) solid var(--color); 175 animation: enlargeSlRipple var(--border-animation-duration) 176 var(--ripple-timing-func) infinite; 177 animation-delay: 2s; 178 transition-delay: 2s; 179} 180 181@keyframes enlargeSlRipple { 182 0% { 183 width: 0px; 184 height: 0px; 185 opacity: 1; 186 } 187 50% { 188 opacity: 0.75; 189 } 190 100% { 191 width: var(--ripple-max-size); 192 height: var(--ripple-max-size); 193 opacity: 0; 194 border-width: 0; 195 } 196} 197`;function te(t){const e=t.createElement("style");e.innerHTML=ee,t.head.appendChild(e)}function ne(){if("Storylane"in window)return;const t=new U;window.Storylane=t,oe();function e(){var a,s,c,b,h;Y(document),Z(document),te(document);const o=` 198 <div class="sl-ripple-backdrop"></div> 199 <div class="sl-ripple-main"> 200 <div class="sl-ripple-center" style="background-color: $ripple_color"></div> 201 <div class="sl-ripple" style="border: 8px solid $ripple_color"></div> 202 </div> 203 `,n=document.querySelectorAll(".sl-preview");if(n.length>0)for(const r of n){let f="#9639e7",p=o,y=(s=(a=r.parentElement)==null?void 0:a.parentElement)==null?void 0:s.querySelector(".sl-preview-cta");y!=null&&(f=y.style.backgroundColor);
203let v=document.createElement("img");v.src=((c=r.style.backgroundImage.match(/(https?:\/\/[^ |'|"]*)/))==null?void 0:c[0])||"",v.classList.add("sl-preview-img"),r.appendChild(v),r.style.backgroundImage="",r.parentElement&&(r.parentElement.style.borderRadius="10px"),r.style.borderRadius="inherit",r.innerHTML+=p.replaceAll(/\$ripple_color/g,f)}const i=document.querySelectorAll(".sl-demo-btn");if(i.length>0)for(const r of i)(b=window.Storylane)==null||b.Player({element:r,demo_url:r.getAttribute("data-sl-url"),scale:r.getAttribute("data-sl-scale")});const l=document.querySelectorAll('a[href*="?sl_popup"],a[href*="&sl_popup"]');if(l.length>0)for(const r of l){let f=new URL(r.getAttribute("href")||""),p=new URLSearchParams(f.search),y=p.get("config"),v=y&&y.length?JSON.parse(atob(y)):{};p.delete("config"),p.delete("sl_popup"),f.search=p.toString();const S={element:r,demo_url:f,type:"popup"};r.onclick=function(k){var x;k.preventDefault(),(x=window.Storylane)==null||x.Play(_(_({},S),v))}}const d=document.querySelectorAll(".sl-inline-embed");if(d.length>0)for(const r of d)(h=window.Storylane)==null||h.Embed({element:r,demo_preview:r.getAttribute("data-sl-preview"),demo_url:r.getAttribute("data-sl-url"),scale:r.getAttribute("data-sl-scale")})}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",e):e()}function oe(){const t=[B,G,V,Q,X];window.addEventListener("message",e=>{t.some(o=>{try{o(e)}catch(n){console.error(n)}})})}return function(){ne()}(),""}();var custom_style="#FirstWork{display: none !important;}",sl_custom_style=document.createElement("style");sl_custom_style.innerHTML=custom_style,document.head.appendChild(sl_custom_style),document.addEventListener("DOMContentLoaded",(function(t){const s=document.createElement("script");s.src="https://js.storylane.io/js/v1/analytics.js",document.head.appendChild(s)}))
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.