https://studycli.org/wp-content/uploads/cli-assets/cli-popups.js?ver=3.2.1

1!function(){"use strict";const e=document.getElementById("cli-popups-data"),t=document.getElementById("hskArticleWrapper");if(!e||!t)return;let n;try{n=JSON.parse(e.textContent||"{}")}catch(e){return}if(!n||"object"!=typeof n)return;const o=n.settings||{},i=n.post||{},a=n.slots||{},s=n.offers||{},l=n.rest||{},r=!!o.preview,c=()=>Math.floor(Date.now()/1e3),d=86400,p=(document.documentElement.lang||"").toLowerCase().slice(0,2),u=((location.pathname.match(/^\/([a-z]{2})(\/|$)/i)||[])[1]||"").toLowerCase(),m=u||p||"en";if(!o.translated_pages&&(p&&"en"!==p||u))return;const _=location.search;let y=window.innerWidth<=768&&("ontouchstart"in window||navigator.maxTouchPoints>0);r&&/[?&]cli_popups_device=(mobile|desktop)/.test(_)&&(y=/cli_popups_device=mobile/.test(_));const f=y?"mobile":"desktop",h={get(e,t){try{const n=(t?sessionStorage:localStorage).getItem(e);return n?JSON.parse(n):null}catch(e){return null}},set(e,t,n){try{(n?sessionStorage:localStorage).setItem(e,JSON.stringify(t))}catch(e){}},del(e,t){try{(t?sessionStorage:localStorage).removeItem(e)}catch(e){}}},v=e=>"cli_popups_v:"+e,b=e=>"cli_popups_dismiss:"+e,g=e=>"cli_popups_converted:"+e,x="cli_popups_quiet",w="cli_popups_day",k="cli_popups_session_n",E=e=>{const t=h.get(e);return!!(t&&t.until&&t.until>c())},L=[];let S=null;const M=!!o.track_events&&!r,C=!!o.track_post_views&&!r;function T(e){if(!e.length||!l.events)return;const t=JSON.stringify({events:e});let n=!1;try{navigator.sendBeacon&&(n=navigator.sendBeacon(l.events,new Blob([t],{type:"application/json"})))}catch(e){n=!1}if(!n&&window.fetch)try{fetch(l.events,{method:"POST",body:t,headers:{"Content-Type":"application/json"},keepalive:!0,credentials:"omit"}).catch(()=>{})}catch(e){}}function q(){for(S&&(clearTimeout(S),S=null);L.length;)T(L.splice(0,20))}function N(e,t){if(t&&o.datalayer_events&&!r)try{(window.dataLayer=window.dataLayer||[]).push({event:"cli_popup_"+e,popup_key:t.key,popup_slot:t.slot,popup_offer:t.offer,variant_group:t.group,variant:t.variant})}catch(e){}if(!M)return;const n={e,post:i.id,cat:i.category,d:f,l:m};t&&(n.p=t.id,n.k=t.key,n.g=t.group,n.s=t.slot,n.o=t.offer),L.push(n),L.length>=20?q():S||(S=setTimeout(q,5e3))}document.addEventListener("visibilitychange",()=>{"hidden"===document.visibilityState&&q()}),window.addEventListener("pagehide",q),(C||M)&&T([{e:"pageview",post:i.id,cat:i.category,d:f,l:m}]);const A=c();function O(e){const t=a[e];if(!t||!t.variants||!t.variants.length)return null;const n=t.variants,o=n.filter(e=>(e=>(!e.start||e.start<=A)&&(!e.end||e.end>=A))(e)&&(e=>!e.device||"all"===e.device||e.device===f)(e)),i=v(t.group),s=h.get(i);if(s&&s.until>A){const e=o.find(e=>e.id===s.id);if(e)return e;if(n.some(e=>e.id===s.id))return null}if(!o.length)return null;const l=function(e){const t=e.reduce((e,t)=>e+Math.max(1,0|t.weight),0);let n=Math.random()*t;for(const t of e)if(n-=Math.max(1,0|t.weight),n<0)return t;return e[e.length-1]}(o);return h.set(i,{id:l.id,until:A+30*d}),l}const I={};["exit_modal","slide_in","mobile_bar","sticky_bar"].concat(["inline_cta"]).forEach(e=>{I[e]=O(e)});const j={page:0,pageMax:0|o.max_per_pageview,sessionMax:0|o.max_per_session,dayMax:0|o.max_per_day},H=()=>(new Date).toISOString().slice(0,10),P=()=>{const e=h.get(w);return e&&e.d===H()?0|e.n:0},B=()=>0|h.get(k,!0),D=!!o.exit_modal_reserve;function J(e){h.set(g(e.id),{until:c()+Math.max(1,0|e.converted_days)*d}),h.set(x,{until:c()+Math.max(0,0|o.global_dismiss_days)*d})}function Y(e,t,n){const o=document.createElement(e);if(t)for(const e in t){const n=t[e];null!=n&&!1!==n&&("text"===e?o.textContent=n:"html"===e?o.innerHTML=n:"class"===e?o.className=n:0===e.indexOf("on")?o.addEventListener(e.slice(2),n):o.setAttribute(e,!0===n?"":n))}return n&&n.forEach(e=>{e&&o.appendChild(e)}),o}const z='<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg>',F={online_trial:"学",immersion:"桂",newsletter:"信"},$=e=>Y("span",{class:"cli-popup__seal","aria-hidden":"true",text:F[e.offer]||"学"}),K=(e,t)=>e||s[t.offer]&&s[t.offer].cta_url||"#",R=e=>e.secondary_url||s[e.offer]&&(s[e.offer].learn_url||s[e.offer].cta_url)||"#";let W=0;const U={};function X(e,t){const n=U[e];if(!n)return;delete U[e];const o=n.el;var i;o.classList.remove("is-open"),n.overlay&&n.overlay.classList.remove("is-open"),"sticky_bar"===e&&(document.documentElement.style.paddingTop="",document.documentElement.classList.remove("cli-popup-sticky-bar-open")),"mobile_bar"===e&&document.body.classList.remove("cli-popup-mobile-bar-open"),"slide_in"===e&&document.body.classList.remove("cli-popup-slide-in-open"),n.keydown&&document.removeEventListener("keydown",n.keydown),setTimeout(()=>{if(o.parentNode&&o.parentNode.removeChild(o),n.overlay&&n.overlay.parentNode&&n.overlay.parentNode.removeChild(n.overlay),n.restore&&"function"==typeof n.restore.focus)try{n.restore.focus()}catch(e){}},400),"dismiss"===t&&(N("dismiss",n.v),i=n.v,h.set(b(i.id),{until:c()+Math.max(1,0|i.dismiss_days)*d}))}

1function G(){for(const e in U)X(e,"silent")}function Q(e){return Y("button",{type:"button",class:"cli-popup__close","aria-label":"Close",html:'<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>',onclick:()=>X(e,"dismiss")})}function V(e,t){const n=Y("a",{class:"cli-popup__btn",href:K(e.cta_url,e),html:te(e.cta_text||"Learn more")+z});return n.addEventListener("click",()=>{N("click",e),J(e),q(),X(t,"silent")}),n}function Z(e,t){if(!e.secondary_text)return null;const n=Y("a",{class:"cli-popup__link",href:R(e),text:e.secondary_text});return n.addEventListener("click",()=>{N("secondary",e),J(e),q(),X(t,"silent")}),n}function ee(e,t){return e.dismiss_text?Y("button",{type:"button",class:"cli-popup__dismiss",text:e.dismiss_text,onclick:()=>X(t,"dismiss")}):null}function te(e){return String(e).replace(/[&<>"']/g,e=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"}[e]))}function ne(e){return te(e).replace(/\*([^*]+)\*/g,"<em>$1</em>")}function oe(e,t){const n=e.style||"photo",o="clip-h-"+ ++W,a=Y("div",{class:"cli-popup__content"},[Y("div",{class:"cli-popup__eyebrow"},[$(e),Y("span",{text:e.eyebrow||(s[e.offer]?s[e.offer].label.split(" — ")[0]:"")})]),Y("h2",{class:"cli-popup__headline",id:o,html:ne(e.headline)}),e.body?Y("p",{class:"cli-popup__body",text:e.body}):null]);if(e.has_email||"magnet"===n){a.appendChild(function(e,t,n){const o="clip-err-"+ ++W,a=Y("input",{class:"cli-popup__input",type:"email",name:"email",inputmode:"email",autocomplete:"email",placeholder:e.email_placeholder||"Your email address","aria-label":"Email address","aria-describedby":o,required:!0}),s=Y("input",{class:"cli-popup__hp",type:"text",name:"website",tabindex:"-1",autocomplete:"off","aria-hidden":"true"}),c=Y("button",{type:"submit",class:"cli-popup__btn",html:te(e.submit_text||"Send it to me")+z}),d=Y("div",{class:"cli-popup__error",id:o,"aria-live":"polite"}),p=Y("form",{class:"cli-popup__form",novalidate:!0},[Y("div",{class:"cli-popup__row"},[a,c]),s,d,e.consent_text?Y("p",{class:"cli-popup__consent",text:e.consent_text}):null]),u=c.innerHTML;return p.addEventListener("submit",o=>{o.preventDefault(),d.textContent="";const p=(a.value||"").trim();if(!/^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(p))return a.setAttribute("aria-invalid","true"),d.textContent="Please enter a valid email address.",void a.focus();a.removeAttribute("aria-invalid"),c.disabled=!0,c.textContent="Sending…";const m={email:p,popup_id:e.id,post_id:i.id,category_id:i.category,device:f,website:s.value||""},_=e=>{c.disabled=!1,c.innerHTML=u,d.textContent=e||"Something went wrong. Please try again."};if(r||!l.subscribe)return y({ok:!0,is_new:!0,download_url:e.lead_magnet_url});function y(o){N("submit",e),J(e),q();for(const e in U)e!==t&&X(e,"silent");const i=Y("div",{class:"cli-popup__thanks"},[Y("h2",{class:"cli-popup__headline",text:e.thank_you_headline||"You're in."}),e.thank_you_body?Y("p",{class:"cli-popup__body",text:e.thank_you_body}):null,Y("div",{class:"cli-popup__actions"},[o.download_url||e.lead_magnet_url?Y("a",{class:"cli-popup__btn",href:o.download_url||e.lead_magnet_url,target:"_blank",rel:"noopener",html:"Download"+z}):null,Y("button",{type:"button",class:"cli-popup__dismiss",text:"Close",onclick:()=>X(t,"silent")})])]);n.innerHTML="",n.appendChild(i);const a=i.querySelector(".cli-popup__headline");a.setAttribute("tabindex","-1"),a.focus()}fetch(l.subscribe,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(m),credentials:"omit"}).then(e=>e.json().then(t=>({status:e.status,j:t})).catch(()=>({status:e.status,j:{}}))).then(({status:e,j:t})=>200===e&&t&&t.ok?y(t):429===e?_("Too many attempts. Please try again in a minute."):void _(t&&t.error)).catch(()=>_())}),p}(e,t,a));const n=ee(e,t);n&&a.appendChild(Y("div",{class:"cli-popup__actions"},[n]))}else{a.appendChild(Y("div",{class:"cli-popup__actions"},[V(e,t),Z(e,t)]));const n=ee(e,t);n&&a.appendChild(Y("div",{class:"cli-popup__actions"},[n]))}const c="photo"===n?function(e){return e.image?Y("div",{class:"cli-popup__media"},[Y("img",{src:e.image,alt:e.image_alt||"",loading:"lazy",decoding:"async"})]):null}(e):"magnet"===n?function(e){return Y("div",{class:"cli-popup__illo","aria-hidden":"true"},[Y("span",{class:"cli-popup__illo-char",text:F[e.offer]||"信"}),e.eyebrow?Y("span",{class:"cli-popup__illo-badge",text:e.eyebrow}):null])}(e):null,d=Y("div",{class:"cli-popup__card"},[Q(t),c,a]),p="exit_modal"===t;return Y("div",{class:"cli-popup","data-slot":t,"data-style":n,"data-key":e.key,role:p?"dialog":"complementary","aria-modal":p?"true":null,"aria-labelledby":o},[d])}function ie(e,t){const n=I[e];if(!n||U[e])return!1;if(!t&&!function(e,t){return!!r||!E(b(e.id))&&!E(g(e.id))&&(!E(x)&&!(("exit_modal"!==t||!D

1)&&j.pageMax&&j.page>=j.pageMax||j.sessionMax&&B()>=j.sessionMax||j.dayMax&&P()>=j.dayMax))}(n,e))return!1;if(t&&j.pageMax&&j.page>=j.pageMax&&!r&&("exit_modal"!==e||!D))return!1;"exit_modal"===e&&G();const o="sticky_bar"===e||"mobile_bar"===e?function(e,t){const n="clip-h-"+ ++W,o=Y("div",{class:"cli-popup__bar"},[$(e),Y("div",{class:"cli-popup__bar-text"},[Y("span",{class:"cli-popup__bar-headline",id:n,html:ne(e.headline)}),e.body?Y("span",{class:"cli-popup__bar-body",text:e.body}):null]),V(e,t),Q(t)]);return Y("div",{class:"cli-popup","data-slot":t,"data-style":"minimal","data-key":e.key,role:"complementary","aria-labelledby":n},[o])}(n,e):oe(n,e),i={el:o,v:n,restore:"exit_modal"===e?document.activeElement:null};if(U[e]=i,"exit_modal"===e){const t=Y("div",{class:"cli-popup-overlay",onclick:()=>X(e,"dismiss")});i.overlay=t,document.body.appendChild(t),i.keydown=t=>{if("Escape"===t.key)return t.preventDefault(),void X(e,"dismiss");if("Tab"!==t.key)return;const n=o.querySelectorAll('a[href],button:not([disabled]),input:not([tabindex="-1"]),[tabindex]:not([tabindex="-1"])');if(!n.length)return;const i=n[0],a=n[n.length-1];t.shiftKey&&document.activeElement===i?(t.preventDefault(),a.focus()):t.shiftKey||document.activeElement!==a||(t.preventDefault(),i.focus())},document.addEventListener("keydown",i.keydown)}return document.body.appendChild(o),"fixed"!==getComputedStyle(o).position?(o.parentNode.removeChild(o),i.overlay&&i.overlay.parentNode&&i.overlay.parentNode.removeChild(i.overlay),i.keydown&&document.removeEventListener("keydown",i.keydown),delete U[e],!1):(requestAnimationFrame(()=>requestAnimationFrame(()=>{if("sticky_bar"===e){const e=o.offsetHeight;document.documentElement.classList.add("cli-popup-sticky-bar-open"),document.documentElement.style.paddingTop=e+"px"}if("mobile_bar"===e&&(document.body.style.setProperty("--clip-mobile-bar-h",o.offsetHeight+"px"),document.body.classList.add("cli-popup-mobile-bar-open")),"slide_in"===e&&document.body.classList.add("cli-popup-slide-in-open"),i.overlay&&i.overlay.classList.add("is-open"),o.classList.add("is-open"),"exit_modal"===e){const e=o.querySelector(".cli-popup__card");e.setAttribute("tabindex","-1"),e.focus({preventScroll:!0})}})),j.page++,r||(h.set(k,B()+1,!0),h.set(w,{d:H(),n:P()+1})),N("impression",n),!0)}function ae(e,t){const n=I[e];n&&setTimeout(t,1e3*Math.max(0,0|n.delay))}let se=0,le=0,re=!1;const ce=[];function de(){const e=document.documentElement,t=window.scrollY||e.scrollTop||0,n=Math.max(1,(e.scrollHeight||document.body.scrollHeight)-window.innerHeight);le=Math.max(le,t),se=Math.max(se,Math.min(100,Math.round(t/n*100)));for(let e=ce.length-1;e>=0;e--){const t=ce[e];(t.px?le>=t.px:se>=t.at)&&(ce.splice(e,1),t.fn())}ce.length||window.removeEventListener("scroll",pe)}function pe(){re||(re=!0,requestAnimationFrame(()=>{re=!1,de()}))}if(ae("sticky_bar",()=>ie("sticky_bar")),["slide_in","mobile_bar"].forEach(e=>{const t=I[e];if(!t)return;if("mobile_bar"===e&&!y)return;let n=!1,o=!1;const i=()=>{n&&o&&ie(e)};ae(e,()=>{n=!0,i()}),function(e,t){const n=Math.max(0,0|e.scroll_px);ce.push(n?{px:n,fn:t}:{at:Math.max(0,0|e.scroll_depth),fn:t}),window.addEventListener("scroll",pe,{passive:!0}),de()}(t,()=>{o=!0,i()})}),I.exit_modal&&!y){let e=!1;ae("exit_modal",()=>{document.addEventListener("mouseout",t=>{e||t.relatedTarget||t.clientY>20||function(){const e=document.activeElement;return!!e&&("INPUT"===e.tagName||"TEXTAREA"===e.tagName||"SELECT"===e.tagName||e.isContentEditable)}()||ie("exit_modal")&&(e=!0)})})}!function(){const e=I.inline_cta,n=t.querySelector(".mid-cta");if(!e||!n)return;if(o.inline_cta_rewrite){const t=n.querySelector("h3"),o=n.querySelector("p"),i=n.querySelector(".mid-cta-image img"),a=n.querySelector(".cta-btn"),s=n.querySelector(".cta-secondary");if(t&&e.headline&&(t.innerHTML=ne(e.headline)),o&&e.body&&(o.textContent=e.body),i&&e.image&&(i.src=e.image,i.alt=e.image_alt||"",i.removeAttribute("srcset"),i.removeAttribute("sizes")),a&&e.cta_text){const t=a.querySelector("svg");a.textContent=e.cta_text+" ",t&&a.appendChild(t),a.href=K(e.cta_url,e)}s&&e.secondary_text&&(s.textContent=e.secondary_text,s.href=R(e)),n.setAttribute("data-cli-popup",e.key)}if(n.querySelectorAll("a").forEach(t=>{t.addEventListener("click",()=>{N(t.classList.contains("cta-btn")||!t.classList.contains("cta-secondary")?"click":"secondary",e),J(e),q

1()})}),!("IntersectionObserver"in window))return void N("impression",e);let i=null,a=!1;const s=new IntersectionObserver(t=>{t.forEach(t=>{a||(t.isIntersecting&&t.intersectionRatio>=.5?i||(i=setTimeout(()=>{a=!0,N("impression",e),s.disconnect()},1e3)):i&&(clearTimeout(i),i=null))})},{threshold:[0,.5,1]});s.observe(n)}(),window.cliPopups={version:n.v,device:f,lang:m,preview:r,assigned:I,state:()=>{const e={};for(const t in I)e[t]=I[t]?I[t].key:null;return{device:f,lang:m,reserve:D,preview:r,assigned:e,page:j.page,session:B(),day:P(),quiet:E(x),open:Object.keys(U)}},show:e=>ie(e,!0),close:e=>e?X(e,"silent"):G(),reset:()=>{try{Object.keys(localStorage).filter(e=>0===e.indexOf("cli_popups_")).forEach(e=>localStorage.removeItem(e)),sessionStorage.removeItem(k)}catch(e){}j.page=0}}}();