@abtasty/tooltip 2.0.21 → 2.0.22

Sign up to get free protection for your applications and to get access to all the features.
Files changed (3) hide show
  1. package/dist/form.js +1 -1
  2. package/dist/main.js +1 -1
  3. package/package.json +1 -1
package/dist/main.js CHANGED
@@ -1 +1 @@
1
- !function(){"use strict";const e="iconTitleAndText";class t{constructor(e,t){this.data=DATA,this.toolTipContainer=e,this.cssBuilder=t,this.uniqueId=e.getUniqueId(),this.baseClassName="toolTipContainer",this.css=this.getCSS()}getCSS(){const{subLayout:t,isUserIcon:n,iconColor:s}=this.data,i="26px",r=t===e?"\n display: grid!important;\n column-gap: 8px;\n grid-template-columns: auto 1fr;\n grid-template-areas: 'tt-icon tt-title' 'tt-icon tt-text';\n ":"\n display: flex;\n flex-direction: column;\n ",o=`\n #${this.toolTipContainer.id} .contentContainer {\n ${r}\n row-gap: 8px;\n max-height: 100%;\n }\n #${this.toolTipContainer.id} .contentContainer div *,\n .tooltipText\n {\n margin: 0;\n }\n `,a=`\n .tooltipText {\n grid-area: tt-text;\n }\n .tooltipTitle {\n grid-area: tt-title;\n }\n .tooltipIcon {\n grid-area: tt-icon;\n justify-self: center;\n align-self: center;\n }\n .tooltipIcon > img,\n .tooltipIcon > svg {\n width: ${i};\n height: ${i};\n }\n ${n?"":`#${this.toolTipContainer.id} .tooltipIcon svg path { fill: ${s} }`}\n `;return o+(t===e?a:"")}async buildTooltipContent(){const{subLayout:t,titleContent:n,content:s,isUserIcon:i,userIcon:r,iconGallery:o}=this.data,a=document.createElement("div"),c=i?`<img src="${r}" alt="${r}" />`:await fetch(o.src,{method:"GET",mode:"cors",cache:"no-cache",referrerPolicy:"no-referrer"}).then(e=>e.blob()).then(e=>e.text()).then(e=>e).catch(e=>console.error(`ERROR on loading picture, message: ${e}`));a.classList.add("contentContainer"),a.role="tooltip";const l={className:"tooltipTitle",htmlTag:"h3",html:n};let h=[{className:"tooltipText",htmlTag:"p",html:s}];switch(t){case"titleAndText":h=[l,...h];break;case e:h=[{className:"tooltipIcon",htmlTag:"div",html:c},l,...h]}return h.forEach(e=>{let{className:t,htmlTag:n,html:s}=e;const i=document.createElement(n);i.classList.add(t),i.innerHTML=s,a.appendChild(i)}),a}async build(){this.toolTipContainer.init(this.data),this.cssBuilder.add(this.toolTipContainer.getCSS(),this.css),this.toolTipContainer.getWidgetElement().appendChild(await this.buildTooltipContent()),this.toolTipContainer.resizeTooltip(this.data.position),this.toolTipContainer.parentContainer.show()}}const n=()=>Object.prototype.hasOwnProperty.call(window,"ABTastyEditor"),s=()=>{const e=!!document.getElementById("ABTastyPreviewBar"),t=location.href.includes("ab_project=preview");return e||t},i=e=>new Function(`try {\n\t\t${e}\n\t} catch (error) {\n\t\treturn null;\n\t}`)(),r=()=>encodeURIComponent(DATA.spNoTrim?window.location.href.replace(window.location.origin,""):`${window.location.pathname}`),o=()=>!n()&&(s()||!!window.ABTasty.getTestsOnPage()[TEST_ID]),a=()=>window.ABTasty&&!0===window.ABTasty.consentReady,c=(e,t)=>{const n=()=>{try{return document.querySelector(e)}catch(e){return null}};let s=n();const i=[document.querySelector("body")||document.documentElement,{childList:!0,subtree:!0,attributes:!0}],r=()=>a.disconnect(),o=()=>a.observe(...i),a=new MutationObserver(()=>(s=n(),s&&!r()&&t(s)));return s?setTimeout(()=>t(s),0):o(),{selector:e,clear:r,observe:o}};function l(e,t){return t(e)||!e.parentElement?e:l(e.parentElement,t)}const h=(e,t)=>[...document.querySelectorAll(t)].some(n=>n===e||!!e.closest(t)),d=(e,t)=>{let n=Date.now();return()=>{n+t-Date.now()<=0&&(e(),n=Date.now())}},u=()=>{const{type:e}=DATA;return`${PACKAGE.replace("@abtasty/","")}${e?`_${e}`:""}`},g=()=>{const e=u();return`${e.charAt(0).toUpperCase()}${e.slice(1)}`.split("-").join(" ")},m=()=>`${PLUGIN_ID.split("-")[0]}_${TEST_ID}`,p=e=>{const t=(()=>{if(n()||s())return!1;const e=ABTasty.getTestsOnPage()[TEST_ID];return!!e&&Object.keys(e.targetings.qaParameters).length>0})(),i=document.cookie.includes("abTastyDebug=")||!0===window.abTastyDebug;if(t||i){const n=g();window.console.log(`%c${n} - ${t?"QA":"Debug"} Mode for campaign ${TEST_ID} %c ${e}`,"background-color: #D6FF01; color: #3100be; padding: 3px 0 3px 10px; border-radius: 5px 0 0 5px; font-weight: bold;","background-color: #3100be; color: white; padding: 3px 10px 3px 0; border-radius: 0 5px 5px 0;")}},v=e=>{const t={promise:null,resolve:null,reject:null,name:e};return t.promise=new Promise((e,n)=>{t.resolve=e,t.reject=n}),t};class w{constructor(e){this.uniqueId=e,this.elementId=`widget-tooltip-${this.uniqueId}`,this.cssElement=this.getCssElement()}getCssElement(){const e=document.getElementById(this.elementId);if(e)return e;const t=document.createElement("style");return t.id=this.elementId,t.type="text/css",n()&&t.setAttribute("abtasty-script-added","true"),document.head.appendChild(t),t}add(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];const s=t.join("");this.cssElement.textContent=`${this.cssElement.textContent}${s}`.split(/(?:\r\n|\n|\r)/).map(e=>e.replace(/^\s+/gm,"")).join(" ").replace(/(\s?\/\*([\s\S]*?)\*\/\s?)|(\s{2,})/g," ").trim()}}class y{constructor(e,t){this.parentContainer=e,this.tooltipTarget=t,this.wrapperElement=this.parentContainer.domElement,this.id=this.parentContainer.widgetContainerId,this.widgetElement=this.parentContainer.domElement.querySelector(`.${this.parentContainer.contentClassName}`),this.content=null,this.css=""}adaptParentWrapperCSS(){"inline"===getComputedStyle(this.tooltipTarget).getPropertyValue("display")&&(this.tooltipTarget.style.display="inline-block")}setupCSSWrapper(e){const t={left:"flex-start",top:"center",bottom:"center",right:"flex-end"},{elementReferrer:n}=DATA;t[e]&&(this.css=`\n\t\t${n} {\n\t\t\tposition: relative !important;\n\t\t}\n ${this.css}\n #${this.wrapperElement.id} {\n\t\t\tbox-shadow: unset;\n\t\t\tborder-radius: unset;\n\t\t\tfont-size: unset;\n\t\t\tcolor: unset;\n\t\t\ttransform: unset;\n position: absolute;\n display: flex;\n justify-content: ${t[e]};\n align-items: center;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n pointer-events: none;\n }\n `)}setupCSSWidgetFrame(e){let{position:t,borderColor:n,borderWidth:s,backgroundColor:i,zindex:r,zindexCustom:o}=e;const a="8px",c="calc(100% + 16px)",l=s>0?`calc(${s}px + ${a} ${["left","right"].includes(t)?"- 1px":""})`:"0",h={top:`bottom: ${c}; align-self: baseline;`,bottom:`top: ${c}; align-self: end;`,left:`right: ${c};`,right:`left: ${c};`},d={top:`\n border-bottom-color: ${n};\n border-right-color: ${n};\n bottom: calc(-1 * ${l});\n left: calc(50% - ${l});\n `,bottom:`\n border-top-color: ${n};\n border-left-color: ${n};\n top: calc(-1 * ${l});\n left: calc(50% - ${l});\n `,left:`\n border-top-color: ${n};\n border-right-color: ${n};\n right: calc(-1 * ${l});\n top: calc(50% - ${l});\n `,right:`\n border-bottom-color: ${n};\n border-left-color: ${n};\n left: calc(-1 * ${l});\n top: calc(50% - ${l});\n `},u={top:`\n bottom: calc(-1 * ${a});\n left: calc(50% - ${a});\n `,bottom:`\n top: calc(-1 * ${a});\n left: calc(50% - ${a});\n `,left:`\n top: calc(50% - ${a});\n right: -7px;\n `,right:`\n left: -7px;\n top: calc(50% - ${a});\n `},g=`#${this.wrapperElement.id} .${this.parentContainer.contentClassName}`;this.css=`\n ${this.css}\n #${this.wrapperElement.id} .${this.parentContainer.contentClassName} {\n\t\t\tdisplay: unset;\n\t\t\tinset: unset;\n\t\t\tmargin: unset;\n\t\t\ttransform: unset;\n\t\t\twhite-space: unset;\n\t\t\tword-break: unset;\n\n position: absolute !important;\n width: max-content;\n max-width: 100vw;\n padding: 12px;\n line-height: 0;\n z-index: ${"custom"===r?o:r};\n }\n\n @media screen and (max-width: 650px) {\n #${this.wrapperElement.id} .${this.parentContainer.contentClassName} {\n max-width: 100%;\n min-width: 150px;\n }\n }\n\n #${this.wrapperElement.id} .${this.parentContainer.contentClassName}_${t} {\n ${h[t]}\n }\n\n ${g}_${t}::before,\n ${g}_${t}::after {\n display: block;\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n transform: rotate(45deg);\n border-radius: ${{bottom:"25% 0 0 0",left:"0 25% 0 0",top:"0 0 25% 0",right:"0 0 0 25%"}[t]};\n }\n\n ${g}_${t}::before {\n border: ${l} solid transparent;\n ${d[t]}\n }\n ${g}_${t}::after {\n border: ${a} solid ${i};\n ${u[t]}\n }\n `,this.widgetElement.classList.add(`${this.parentContainer.contentClassName}_${t}`)}resizeTooltip(e){var t=this;const n=this.widgetElement.getBoundingClientRect(),s=this.widgetElement.querySelector(".contentContainer"),i=function(){let n=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];s.style.overflow="auto",n&&t.resizeTooltip(e)};switch(e){case"left":case"right":"left"===e&&n.x<0?(this.widgetElement.style.width=`${n.width+n.x}px`,i()):"right"===e&&n.right>window.innerWidth&&(this.widgetElement.style.width=window.innerWidth-n.x+"px",i()),n.y<0&&(this.widgetElement.style.height=`${n.height+2*n.y}px`,i()),n.bottom>window.innerHeight&&(this.widgetElement.style.height=n.height-(n.bottom-window.innerHeight)+"px",i());break;case"top":n.y<0&&(this.widgetElement.style.height=`${n.height+n.y}px`,i(!1));break;default:n.bottom>window.innerHeight&&(this.widgetElement.style.height=n.height-(n.bottom-window.innerHeight)+"px",i(!1))}}init(e){this.setupCSSWrapper(e.position),this.setupCSSWidgetFrame(e),this.adaptParentWrapperCSS()}getCSS(){return this.css}getContent(){return this.content}getWidgetElement(){return this.widgetElement}getUniqueId(){return this.parentContainer.uniqueId}}const b="remove",$="rebuild",f="update",C="click",S="hover";class T{constructor(){this.targets=[],this.existingTargets=[],this.inViewportTargets=[],this.visibilityObserver=this.startVisibilityObserver(),this.mutationObserver=null,this.mouseOverEvent=this.mouseOverHandler(),this.scrollEvent=this.scrollEventHandler()}intersectionHandler(e){e.forEach(e=>{e.isIntersecting?(this.existingTargets.forEach(t=>{t.element.isSameNode(e.target)&&(this.inViewportTargets.push(t),this.mouseOverEvent.start(),this.scrollEvent.start())}),this.checkElements()):this.inViewportTargets=this.inViewportTargets.filter(t=>!t.element.isSameNode(e.target)||(this.mouseOverEvent.clear(),this.scrollEvent.clear(),!1))})}startVisibilityObserver(){return new IntersectionObserver(this.intersectionHandler.bind(this),{root:null,rootMargin:"0px",threshold:0})}startMutationObserver(){return this.mutationObserver??=new MutationObserver(this.checkElements.bind(this)),this.mutationObserver.observe(document.querySelector("body"),{attributes:!0,childList:!0,subtree:!0}),this.mutationObserver}onMouseOver({target:e,path:t}){const n=this.inViewportTargets.find(({element:n,selector:s})=>{if(n.isSameNode(e))return!0;const i=[...e.querySelectorAll(s)];if(i.length&&i.includes(n))return!0;if(t.includes(n))return!0;const r=[...e.parentElement.children],o=r.findIndex(t=>t.isSameNode(e)),a=r.filter((e,t)=>t>o);if(a.length){if(a.includes(n))return!0;if(a.some(e=>[...e.querySelectorAll(s)].includes(n)))return!0}return!1});if(n&&this.isElementVisible(n.element)){const{selector:e,element:t,uniqueId:s}=n,i=this.targets.find(t=>t.selector===e&&t.uniqueId===s);i&&i.resolve(t),this.clear(e,s)}}getEvents(e){return{start:()=>document.addEventListener(...e),clear:()=>document.removeEventListener(...e)}}mouseOverHandler(){const e=["ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0?"touchmove":"mouseover",e=>{const t=e.composedPath(),{target:n}=e;setTimeout(()=>this.onMouseOver({target:n,path:t}),50)},!0];return this.getEvents(e)}scrollEventHandler(){const e=["scroll",d(this.checkElements.bind(this),50),{passive:!0}];return this.getEvents(e)}isElementVisible(e){return this.isElementTopmost(e)&&this.isElementOpaque(e)}isElementOpaque(e){return"HTML"===l(e,e=>"0"===window.getComputedStyle(e).opacity).nodeName}isElementTopmost(e){const t=e.getBoundingClientRect(),n=[[t.left,t.top],[t.right,t.top],[t.left,t.bottom],[t.right,t.bottom],[t.left+t.width/2,t.top],[t.left+t.width/2,t.bottom],[t.left,t.height/2],[t.right,t.height/2],[t.left+t.left/2,t.height/2]];let s=!1,i=0;for(;!s&&i<n.length;){const t=document.elementFromPoint(...n[i]);s=e===t||e.contains(t),i+=1}return s}checkElements(){this.targets.forEach(({selector:e,uniqueId:t})=>{const n=document.querySelector(e);n&&!this.existingTargets.find(n=>n.element.matches(e)&&n.uniqueId===t)&&(this.existingTargets.push({element:n,selector:e,uniqueId:t}),this.visibilityObserver.observe(n))}),this.existingTargets=this.existingTargets.filter(({selector:e,element:t})=>!!document.querySelector(e)||(t&&this.visibilityObserver.unobserve(t),!1)),this.inViewportTargets=this.inViewportTargets.filter(({selector:e,element:t,uniqueId:n})=>{if(t.matches(e)&&this.isElementVisible(t)){const s=this.targets.find(t=>t.selector===e&&t.uniqueId===n);return s&&s.resolve(t),this.clear(e,n),!1}return!0})}watch(e,t,n){this.targets.push({selector:e,resolve:t,uniqueId:n}),this.startMutationObserver(),this.checkElements()}clear(e,t){[this.targets,this.existingTargets,this.inViewportTargets]=[this.targets,this.existingTargets,this.inViewportTargets].map(n=>n.filter(({selector:n,uniqueId:s})=>n!==e&&s!==t));const n=document.querySelector(e);n&&this.visibilityObserver.unobserve(n),0===this.targets.length&&this.mutationObserver.disconnect(),0===this.inViewportTargets.length&&(this.mouseOverEvent.clear(),this.scrollEvent.clear())}}class E{constructor({triggerEvent:e,triggerSelector:t,triggerDelay:n,triggerTarget:s}){this.event=e,this.selector=t&&t.length?t:"body",this.target=s,this.delay=1e3*n,this.elementsSelectors=[],this.eventsListeners=[],this.timeouts=[],this.intervals=[],this.promises=[],this.visibilityObservers=[],this.socialProofStore={}}async onElementVisible({promise:e,resolve:t}){const n=v(`${this.event}DomReady`);this.promises.push(n);const s=await this.onPageLoad(n),i=await async function(){let e;return e=await("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype||new Promise((e,t)=>{const n=window.document.getElementsByTagName("script")[0],s=window.document.createElement("script");s.src="https://polyfill.io/v3/polyfill.min.js?flags=gated&features=IntersectionObserver",n.parentNode.insertBefore(s,n),s.onload=e,s.onerror=t})),e}(),r=new T;if(this.visibilityObservers.push(r),i&&s){const e=m();r.watch(this.selector,t,e)}return e}onPageLoad({promise:e,resolve:t}){const n=()=>"complete"===document.readyState;if(!n()){const s=["readystatechange",()=>n()&&t(!0),{passive:!0}];return this.eventsListeners.push([document,...s]),document.addEventListener(...s),e}return t(!0),e}onClick({promise:e,resolve:t}){const n=document.createElement("style");n.type="text/css",n.id=`Click_${m()}`,n.innerHTML=`${this.selector} {\n\t\t\tcursor: pointer !important;\n\t\t\tpointer-events: all !important;\n\t\t}`,document.head.appendChild(n),this.elementsSelectors.push(`#${n.id}`);const s=["click",({isTrusted:e,target:n})=>{const s=n.isEqualNode(this.target)||h(n,this.selector);return e&&s&&t(!0)},{passive:!0,capture:!0}];return this.eventsListeners.push([document,...s]),document.addEventListener(...s),e}onHover({promise:e,resolve:t}){const n=["mouseenter",({isTrusted:e,target:n})=>{const s=this.target?n.isEqualNode(this.target):h(n,this.selector);return e&&s&&t(!0)},{passive:!0,capture:!0}];return this.eventsListeners.push([document.documentElement,...n]),document.documentElement.addEventListener(...n),e}onExitIntent({promise:e,resolve:t}){const n=document.body,s=["mouseleave",({isTrusted:e,clientY:n})=>{e&&n<=0&&t(!0)},{passive:!0}];return this.eventsListeners.push([n,...s]),n.addEventListener(...s),e}onReengage({promise:e,resolve:t}){const n=this.delay;let s=n;const i=[({isTrusted:e})=>{e&&(s=n)},{passive:!0}];["click","mousemove","scroll","keypress"].forEach(e=>{this.eventsListeners.push([document,e,...i]),document.addEventListener(e,...i)});const r=setInterval(()=>{s<=0?t(!0):s-=100},100);return this.intervals.push(r),e}onCustomTrigger({promise:e,resolve:t}){const{triggerEventCustomScript:n}=DATA;return new Function(`return new Promise(async resolve => {${n}})`)().then(e=>e&&t(!0)),e}onScrollUp({promise:e,resolve:t}){let n=0;const s=["scroll",({isTrusted:e})=>{e&&(window.pageYOffset<n?t(!0):n=window.pageYOffset)},{passive:!0,capture:!0}];return this.eventsListeners.push([document,...s]),document.addEventListener(...s),e}onScrollPercentReached({promise:e,resolve:t}){const{triggerEventScrollPercent:n}=DATA,s=["scroll",({isTrusted:e})=>{if(!e)return;const s=(()=>{const{documentElement:e,body:t}=document,n=e.scrollTop||t.scrollTop,s=e.scrollHeight||t.scrollHeight;return Math.trunc(n/(s-e.clientHeight)*100,10)})();n<s&&t(!0)},{passive:!0,capture:!0}];return this.eventsListeners.push([document,...s]),document.addEventListener(...s),e}checkSocialProofConditions(e,t,n,s){const i=(()=>{let e;return window.ABTasty||window.ABTASTY_S?(window.ABTASTY_S&&window.ABTASTY_S.USER&&window.ABTASTY_S.USER.accountIdentifier&&window.ABTASTY_S.USER.accountIdentifier.length?e=window.ABTASTY_S.USER.accountIdentifier:window.ABTasty&&window.ABTasty.getAccountSettings&&"function"==typeof window.ABTasty.getAccountSettings?e=window.ABTasty.getAccountSettings().identifier:window.ABTasty&&window.ABTasty.accountSettings&&(e=window.ABTasty.accountSettings.identifier),e):e})(),{viewInterval:r,spNoTrim:o}=DATA;if(this.socialProofStore.hasOwnProperty(e))n(this.socialProofStore[e])?s(`${this.socialProofStore[e][r]}`):s(!1);else if(e&&i){const a=t=>(this.socialProofStore[e]=t,s(!!n(t)&&`${t[r]}`));fetch(`https://api-social-proof.abtasty.com/clients/${i}/metrics/${t}?key=${e}${o?"&noTrim=true":""}`).then(e=>e.ok&&e.json()).then(a).catch(()=>p("Failed to fetch datas from server."))}else s(!1)}getSocialProofDatas({promise:e,resolve:t},n,s=!1){const{productKey:o,keyType:a}=(()=>{const{socialProofContentType:e,productKeyProvider:t,pathToProductKey:n,customJSProductKey:s,productSKU:o}=DATA;if(2===e)return{productKey:r(),keyType:"url"};{let a=null,c="sku";switch(t){case"ABTastyProductKey":a=window.ABTastyProductKey;break;case"pathToProductKey":a=i(`return ${n};`);break;case"customJSProductKey":a=i(s);break;case"productSKU":a=o}return a||3!==e||(a=r(),c="url"),{productKey:a,keyType:c}}})(),{viewInterval:c,triggerSocialProofMinVisitors:l,triggerSocialProofMinPurchases:h,triggerSocialProofMinPageViews:d}=DATA,u={pv:d,i:h,"v-pv":l}[n];return[typeof c,typeof u].includes("undefined")&&t(!1),s&&!o&&(p("Not able to find ABTastyProductKey, impossible to call the API, read documentation for more informations:\n\t\t\t\thttps://support.abtasty.com/hc/en-us/articles/4710919241628-Widgets-List#h_84c04344-c655-4e5e-b9ab-d26a798ad9b0"),t(!1)),this.checkSocialProofConditions(o,"v-pv"===n&&"sku"===a?"v-i":n,e=>{const t=void 0!==e[c]&&e[c]>=u;return t||p(`Widget will not be shown, Social Proof API returned ${e[c]} while ${u} are required`),t},t),e}onConsent({promise:e,resolve:t}){if(!a()){const n=["abtasty_consentValid",()=>t(!0)];return this.eventsListeners.push(n),window.addEventListener(...n),e}return t(!0),e}onTrackingSent({promise:e,resolve:t}){const{triggerEventTrackingSent:n}=DATA;let s=localStorage.getItem("ABTastyData");const i=()=>JSON.parse(s).ActionTracking.find(({name:e})=>e===n),r=["storage",()=>{s=localStorage.getItem("ABTastyData"),i()&&t(!0)},{passive:!0,capture:!0}];return s&&i()?t(!0):(()=>{this.eventsListeners.push([window,...r]),window.addEventListener(...r)})(),e}onMinPagesViewed({promise:e,resolve:t}){const{triggerEventMinPagesViewed:n}=DATA;let s=localStorage.getItem("ABTastyData");const i=()=>n<=(s?JSON.parse(s).VisitedPages.length:0),r=["storage",()=>{s=localStorage.getItem("ABTastyData"),i()&&t(!0)},{passive:!0,capture:!0}];return s&&i()?t(!0):(()=>{this.eventsListeners.push([window,...r]),window.addEventListener(...r)})(),e}onRageClick({promise:e,resolve:t}){const{triggerEventRageClickQuantity:n,triggerEventRageClickDelay:s}=DATA;let i=0,r=!1;const o=["click",({isTrusted:e})=>{if(e&&(i+=1,i>=n&&t(!0),!r)){r=!0;const e=setTimeout(()=>{i=0,r=!1},s);this.timeouts.push(e)}},{passive:!0,capture:!0}];return this.eventsListeners.push([document,...o]),document.addEventListener(...o),e}clear(){if(this.elementsSelectors.length&&(this.elementsSelectors.forEach(e=>{document.querySelector(e)&&document.querySelector(e).remove()}),this.elementsSelectors=[]),this.eventsListeners.length&&(this.eventsListeners.forEach(e=>{const[t,...n]=e;t&&n.length>1&&t.removeEventListener(...n)}),this.eventsListeners=[]),this.timeouts.length&&(this.timeouts.forEach(e=>clearTimeout(e)),this.timeouts=[]),this.intervals.length&&(this.intervals.forEach(e=>clearInterval(e)),this.intervals=[]),this.visibilityObservers.length){const e=m();this.visibilityObservers.forEach(t=>t.clear(this.selector,e)),this.visibilityObservers=[]}return this.promises.length&&(this.promises.forEach(e=>e.resolve(!1)),this.promises=[]),this}async isTriggered(){this.clear();const e=v(this.event);this.promises.push(e);const t={consent:()=>this.onConsent(e),direct:()=>!0,pageLoad:()=>this.onPageLoad(e),click:()=>this.onClick(e),exitIntent:()=>this.onExitIntent(e),reengage:()=>this.onReengage(e),elementVisible:()=>this.onElementVisible(e),script:()=>this.onCustomTrigger(e),hover:()=>this.onHover(e),scrollUp:()=>this.onScrollUp(e),scrollPercent:()=>this.onScrollPercentReached(e),rageClick:()=>this.onRageClick(e),minPagesViewed:()=>this.onMinPagesViewed(e),trackingSent:()=>this.onTrackingSent(e),socialProofPurchases:()=>this.getSocialProofDatas(e,"i",!0),socialProofPageViews:()=>this.getSocialProofDatas(e,"pv"),socialProofVisitors:()=>this.getSocialProofDatas(e,"v-pv")},n=!Object.prototype.hasOwnProperty.call(t,this.event)||await t[this.event]();return n&&this.clear(),"reengage"!==this.event&&this.delay?n&&await(async()=>{const e=v(`${this.event}Delay`);this.promises.push(e);const t=setTimeout(()=>{e.resolve(!0),this.clear()},this.delay);return this.timeouts.push(t),e.promise})():n}}const x="display",A="closing",P="validation",I="ABTastyWidgets",k=`${I}Temporary`;class R{constructor({displayRecurrence:e,closingRecurrence:t,validationRecurrence:n},s){this.displayRecurrence=parseFloat(e),this.closingRecurrence=parseFloat(t),this.validationRecurrence=parseFloat(n),this.onSetCallback=s,this.widgetName=u(),this.uniqueId=m(),this.recurrenceKey=`${this.widgetName}_${this.uniqueId}`,this.isListeningStorageEvent=this.listenStorageEvent(),this.pendingRecurrence=!1,this.pendingRecurrenceValue={}}onStorage({key:e}){const t=localStorage.getItem(k),n=sessionStorage.getItem(I);"ABTastyData"===e&&!t&&n&&localStorage.setItem(k,n)}listenStorageEvent(){return this.isListeningStorageEvent||window.addEventListener("storage",this.onStorage.bind(this)),!0}getGivenRecurrenceStorageParsed(e){try{const t=e.getItem(I);return JSON.parse(t)}catch(t){return e.removeItem(I),!1}}getSessionRecurrenceStorageParsed(){return this.getGivenRecurrenceStorageParsed(window.sessionStorage)}getLocalRecurrenceStorageParsed(){return this.getGivenRecurrenceStorageParsed(window.localStorage)}removeGivenStorage(e,t){const{[this.recurrenceKey]:n,...s}=t;return Object.entries(s).length?(e.setItem(I,JSON.stringify(s)),s):(e.removeItem(I),!1)}removeSessionRecurrenceStorage(){const e=this.getSessionRecurrenceStorageParsed();return!!e&&this.removeGivenStorage(window.sessionStorage,e)}removeLocalRecurrenceStorage(){const e=this.getLocalRecurrenceStorageParsed();return!!e&&this.removeGivenStorage(window.localStorage,e)}getSessionRecurrence(){const e=this.getSessionRecurrenceStorageParsed();return!!e&&e[this.recurrenceKey]}getLocalRecurrence(){const e=this.getLocalRecurrenceStorageParsed();return!!e&&e[this.recurrenceKey]}getCurrentRecurrence(){if(this.pendingRecurrence)return this.pendingRecurrenceValue;const e=this.getSessionRecurrence(),t=this.getLocalRecurrence();return e||t||{type:!1}}isOver(){const e=localStorage.getItem(k),t=!(!e||!e.includes(this.recurrenceKey))||this.getSessionRecurrence();e&&(sessionStorage.setItem(I,e),localStorage.removeItem(k));const n=this.getLocalRecurrence(),s=(n?parseFloat(n.stamp):0)<(new Date).getTime();return s&&this.removeLocalRecurrenceStorage(),!this.pendingRecurrence&&s&&!this.getLocalRecurrence()&&!t}setRecurrence(e,t){0!==e&&(window.removeEventListener("storage",this.onStorage.bind(this)),this.isListeningStorageEvent=!1);const n=this.getTypeOfStorage(e);if(s()||!n&&"object"!=typeof n)return!1;const{storageString:i,storageMethod:r}=n,o=this.getStamp(e),c={type:t,stamp:o},{type:l}=this.getCurrentRecurrence(),h=async()=>{if(!a()){this.pendingRecurrence=!0,this.pendingRecurrenceValue=c;const e=new E({triggerEvent:"consent"});await e.isTriggered(),this.pendingRecurrence=!1,this.pendingRecurrenceValue={}}const e=this.getSessionRecurrence(),t=this.getLocalRecurrence();let n;"session"===i?e?n=this.removeSessionRecurrenceStorage():(this.removeLocalRecurrenceStorage(),n=this.getSessionRecurrenceStorageParsed()):"local"===i&&(t?n=this.removeLocalRecurrenceStorage():(this.removeSessionRecurrenceStorage(),n=this.getLocalRecurrenceStorageParsed()));const s=n?{[this.recurrenceKey]:c,...n}:{[this.recurrenceKey]:c};r.setItem(I,JSON.stringify(s)),this.onSetCallback&&"function"==typeof this.onSetCallback&&this.onSetCallback()};if(!r)return!1;if(l&&t!==P)if(t===A&&l!==P)h();else{if(t!==x||l===P||l===A)return!1;h()}else h();return o}setDisplayRecurrence(){const e=x;this.setRecurrence(this.displayRecurrence,e)}setClosingRecurrence(){const e=A;this.setRecurrence(this.closingRecurrence,e)}setValidationRecurrence(){const e=P;this.setRecurrence(this.validationRecurrence,e)}getStamp(e){return(new Date).getTime()+864e5*e}getTypeOfStorage(e){return!(isNaN(e)||e<0||0!==e&&!e)&&(e>0?{storageString:"local",storageMethod:window.localStorage}:0===e&&{storageString:"session",storageMethod:window.sessionStorage})}}class N{constructor(e,t,n){this.isWidgetApplied=e,this.callback=t,this.shouldUpdate=n,this.observer=new MutationObserver(this.observerHandler.bind(this)),this.tagRollbackEventParams=["abtasty_resetActionTracking",this.onTagRollback.bind(this)],this.onCampaignLaunchedEventParams=["abtasty_executedCampaign",this.onCampaignLaunched.bind(this)]}decisionHandler(){const e=this.isWidgetApplied()?this.shouldUpdate&&f:$;return e?(this.clearWatcher(),this.callback(e,!0),this.watch(),this):this}onCampaignLaunched({detail:{campaignId:e}}){e===TEST_ID&&(this.callback($,!1),this.watch())}onTagRollback(){return this.clearWatcher(),this.callback(b,!1),window.addEventListener(...this.onCampaignLaunchedEventParams),this}observerHandler(e){return o()?e.some(e=>["removedNodes","addedNodes"].some(t=>e[t]&&e[t].length))?this.decisionHandler():this:this.callback(b,!1)}watch(){return n()||(this.clearWatcher(),window.removeEventListener(...this.onCampaignLaunchedEventParams),document.addEventListener(...this.tagRollbackEventParams),this.observer.observe(document.querySelector("body"),{childList:!0,subtree:!0})),this}clearWatcher(){return document.removeEventListener(...this.tagRollbackEventParams),this.observer.disconnect(),this}}const L=/.+\/([^.]+)\.(otf|ttf)$/,B=["socialProofPurchases","socialProofPageViews","socialProofVisitors"];class D{constructor(e,t){this.children=void 0,this.uniqueId=`${m()}${t?`_${t}`:""}`,this.widgetName=u(),this.prettyName=g(),this.recurrenceParams=(()=>{const{displayRecurrence:e,closingRecurrence:t,validationRecurrence:s}=DATA,i=!e&&!t&&!s;if(n()||i)return!1;const r={everytime:()=>-1,session:()=>0,once:()=>395,day:e=>DATA[`${e}_day`],week:e=>7*DATA[`${e}_week`],month:e=>30.5*DATA[`${e}_month`]},o={};return e&&(o.displayRecurrence=r[e]("displayRecurrence")),t&&(o.closingRecurrence=r[t]("closingRecurrence")),s&&(o.validationRecurrence=r[s]("validationRecurrence")),o})(),this.triggerParams=(e=>{let{triggerEvent:t}=DATA;const{triggerEventClick:s,triggerEventHover:i,triggerEventReengageDelay:r,socialProofContentType:o,triggerEventElementVisible:a,triggerEventDelay:c}=DATA;if(n()||!t&&!o)return!1;const l={click:()=>s,hover:()=>i,elementVisible:()=>a},h=Object.prototype.hasOwnProperty.call(l,t)?l[t]():"body",d="reengage"===t?r:c;return o&&(t=[,"socialProofPurchases","socialProofPageViews","socialProofVisitors"][o]),{triggerEvent:t,triggerSelector:h,triggerDelay:d,triggerTarget:e}})(e),this.recurrence=!!this.recurrenceParams&&new R(this.recurrenceParams,this.clearGivenClearables.bind(this)),this.trigger=!!this.triggerParams&&new E(this.triggerParams),this.shouldUpdate=!!this.triggerParams&&B.includes(this.triggerParams.triggerEvent),this.pageWatcher=new N(this.isWidgetApplied.bind(this),this.onPageChange.bind(this),this.shouldUpdate),this.hasOncePerPageTrigger=(()=>{const{isOncePerPageTrigger:e,triggerEvent:t}=DATA;return!t||!["click","hover","scrollUp","script"].includes(t)||e})(),this.basicClassName=`ab_widget_container_${this.widgetName}`,this.widgetContainerId=`${this.basicClassName}_${this.uniqueId}`,this.contentClassName=`${this.basicClassName}_content`,this.overlayClassName=`${this.basicClassName}_overlay`,this.closeButtonClassName=`${this.basicClassName}_close_button`,this.hideClassName=`ab_hide_${this.uniqueId}`,this.domElement=this.getDom(),this.hasBeenShown=!1,this.closedByUser=!1,this.eventsListeners=[],this.timeouts=[],this.intervals=[],this.observers=[],this.promises=[],this.elementsWaiters=[]}clearGivenClearables(){this.eventsListeners.forEach(e=>document.removeEventListener(...e)),this.eventsListeners=[],this.timeouts.forEach(e=>clearTimeout(e)),this.timeouts=[],this.intervals.forEach(e=>clearInterval(e)),this.intervals=[],this.observers.forEach(e=>e.disconnect()),this.observers=[],this.promises.forEach(e=>e.resolve(!1)),this.promises=[],this.elementsWaiters.forEach(e=>e.clear()),this.elementsWaiters=[]}isWidgetApplied(){return this.domElement&&this.domElement.isConnected}removeOldDomElement(){const e=document.getElementById(this.widgetContainerId);return e&&e.remove(),this}async insert(){if(this.isWidgetApplied())return!1;document.head.appendChild(this.styleElement);const e=["free"];return"drawer"===DATA.layout&&DATA.customTarget&&e.push("drawer"),new Promise(t=>{const{elementReferrer:n="body",referrerInsertType:s="beforeend"}=e.includes(DATA.layout)?DATA:{},i=c(n,e=>{this.elementsWaiters=this.elementsWaiters.filter(e=>e.selector!==n),this.removeOldDomElement(),t(e.insertAdjacentElement(s,this.domElement))});this.elementsWaiters.push(i)}).then(()=>this)}remove(){return this.trigger&&this.trigger.clear(),this.pageWatcher.clearWatcher(),[this.domElement,this.styleElement].forEach(e=>e&&e.isConnected&&e.remove()),this.hasOncePerPageTrigger?this.pageWatcher.watch():n()||this.init().then(({response:e})=>e?this.show():this),this}show(){return n()||this.hasBeenShown&&this.hasOncePerPageTrigger||window.ABTastyEvent(`${this.prettyName} displayed`,null,TEST_ID),this.closedByUser=!1,setTimeout(()=>this.domElement.classList.remove(this.hideClassName),50),this.recurrence&&this.recurrence.setDisplayRecurrence(),this.hasBeenShown=!0,this.pageWatcher.watch(),this}hide(e=!0){return!n()&&this.hasBeenShown&&e&&window.ABTastyEvent(`${this.prettyName} closed`,null,TEST_ID),e&&(this.pageWatcher.clearWatcher(),this.closedByUser=!0),this.domElement.classList.add(this.hideClassName),this}async init(e){const t=n(),s=o(),i=this.trigger&&this.trigger.promises.length,r=!this.recurrence||this.recurrence.isOver();if(!t&&!s||i||!r)return{container:this,response:!1};this.pageWatcher.watch();const a=t||!this.trigger||this.trigger&&await this.trigger.isTriggered(),c={container:this,response:a};return a?(await this.insert(),this.addCloseEvent(),t||e||this.hasBeenShown||void 0===this.children||"function"!=typeof this.children.refreshContent||this.children.refreshContent(a),c):c}onPageChange(e,t){const n=()=>this.init().then(({response:e})=>{e?this.show():this.hide(!1)});t||(this.hasBeenShown=!1,this.trigger&&this.trigger.clear());const s=this.isWidgetApplied(),i={[b]:()=>s?this.remove():this.pageWatcher.watch(),[$]:()=>{this.hasBeenShown?this.closedByUser?this.pageWatcher.watch():s||this.insert().then(e=>e.show()).catch(this.pageWatcher.watch):n()},[f]:n};"function"==typeof i[e]&&i[e]()}addCloseEvent(...e){const{closeButton:t,overlay:s,overlayClickable:i,layout:r,animationDuration:o=1e3}=DATA,a=[];if(void 0!==s&&!0!==s||!0!==i||"popin"!==r||a.push(`.${this.overlayClassName}`),void 0!==t&&t&&a.push(`.${this.closeButtonClassName}`),!a.length)return this;const c=this.domElement.querySelectorAll(a.join(", "));if(!c.length)return this;const l=["click",e=>{(e=>{n()||(e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation())})(e),this.recurrence&&this.recurrence.setClosingRecurrence(),this.hide(!0),setTimeout(()=>this.remove(),1.05*o)},{once:!0,capture:!0}];return e.push(...c),e.forEach(e=>{n()&&(e.dataset.abtastyActionnable="true"),e.removeEventListener(...l),e.addEventListener(...l)}),this}getDom(){const{closeButton:e,layout:t,overlay:n=!0}=DATA,s=document.createElement("div");return s.className=`${this.basicClassName} ${this.hideClassName}`,s.id=this.widgetContainerId,s.role="dialog",s.innerHTML=`\n\t\t\t${"popin"===t&&!0===n?`<div class="${this.overlayClassName}"></div>`:""}\n\t\t\t<div class="${this.contentClassName}" aria-label="Dialog content">\n\t\t\t${e?`<button class="${this.closeButtonClassName}" aria-label="Close dialog"><svg viewBox="0 0 16 16">\n\t<defs><path id="prefix__a" d="M12 4.991L11.009 4 8 7.009 4.991 4 4 4.991 7.009 8 4 11.009 4.991 12 8 8.991 11.009 12 12 11.009 8.991 8z"></path></defs>\n\t<g><use xlink:href="#prefix__a"></use></g>\n</svg></button>`:""}\n\t\t\t</div>`,s}loadFont(e,t){if(!e||"inherit"===e||!/otf|ttf/g.test(t))return;const n=document.createElement("style"),s=t.match(L)?t.match(L)[1]:"";n.innerHTML=`@font-face { font-family: '${e}_${s}'; src: url('${t}'); font-display: swap; }`,document.head.appendChild(n)}getStyleTag(e="",t=DATA){const{noStyles:s,layout:i}=t,{backgroundColor:r,isBackgroundImage:o,backgroundImage:a,backgroundSize:c,backgroundPosition:l,backgroundRepeat:h,borderColor:d,borderRadius:u,borderWidth:g,textColor:m,textAlign:p,fontName:v,fontStyle:w,fontSize:y,isTitle:b,titleTextAlign:$,titleTextColor:f,titleFontName:C,titleFontStyle:S,titleFontSize:T,overlay:E,overlayColor:x,dropShadow:A,dropShadowColor:P,dropShadowBlur:I,containerMargin:k,containerPadding:R,closeButton:N,closeButtonPosition:B,closeButtonSize:D,closeButtonBorderRadius:O,closeButtonBorderWidth:_,closeButtonBorderColor:W,closeButtonColor:q,closeButtonBackgroundColor:V,buttonsAlign:j,buttonsBorderWidth:M,buttonsBorderColor:F,buttonsBorderRadius:H,buttonsBackgroundColor:U,buttonsTextColor:K,buttonsFontName:z,buttonsFontStyle:G,buttonsFontSize:Y,secondLink:J,secondLinkBorderWidth:Q,secondLinkBorderColor:X,secondLinkBorderRadius:Z,secondLinkBackgroundColor:ee,secondLinkTextColor:te,secondLinkFontName:ne,secondLinkFontStyle:se,secondLinkFontSize:ie,animation:re,animationDuration:oe,animationBehaviour:ae,animationSlideDirection:ce}=s?{}:t,le=document.createElement("style");le.type="text/css",n()&&le.setAttribute("abtasty-script-added","true"),this.loadFont(v,w),this.loadFont(C,S),this.loadFont(z,G),this.loadFont(ne,se);const he=`background: ${["string"==typeof r?r:"rgba(255, 255, 255, 1)",o&&"string"==typeof a&&a.length?`url(${a})`:"",o&&"string"==typeof l&&"100% 100%"!==c?l:"0 0",o&&"string"==typeof c?`/ ${c}`:"/ auto",o&&h&&!["cover","100% 100%"].includes(c)?"repeat":"no-repeat"].join(" ").trim()};`,de="number"==typeof g&&g>0,ue=`border: ${[de?`${g}px`:"unset",de?"solid":"",de&&"string"==typeof d&&d.length?d:""].join(" ").trim()};`,ge=void 0!==u?`border-radius: ${u}px;`:"",me=void 0!==m?`color: ${m}; fill: ${m}; -webkit-text-fill-color: ${m};`:"",pe=void 0!==p?`text-align: ${p};`:"",ve=v&&"inherit"!==v?`font-family:${v}_${w.match(L)?w.match(L)[1]:""};`:w||"",we=y?`font-size: ${y}px;`:"",ye=void 0!==A&&A?`box-shadow: 0 5px ${I}px 0 ${P};`:"",be=k instanceof Array&&1===k.length&&k[0],$e=be?`margin: ${be.top}px ${be.right}px ${be.bottom}px ${be.left}px;`:"",fe=be?`margin: calc(${be.top}px * 0.5) calc(${be.right}px * 0.5) calc(${be.bottom}px * 0.5) calc(${be.left}px * 0.5);`:"",Ce=R instanceof Array&&1===R.length&&R[0],Se=Ce?`padding: ${Ce.top}px ${Ce.right}px ${Ce.bottom}px ${Ce.left}px;`:"",Te=Ce?`padding: calc(${Ce.top}px * 0.5) calc(${Ce.right}px * 0.5) calc(${Ce.bottom}px * 0.5) calc(${Ce.left}px * 0.5);`:"",Ee=void 0!==M&&M?`border-width: ${M}px; border-style: solid;`:"",xe=[F,M].every(e=>void 0!==e)&&M?`border-color: ${F};`:"",Ae=void 0!==H?`border-radius: ${H}px;`:"",Pe=void 0!==U?`background-color: ${U};`:"",Ie=void 0!==K?`color: ${K}; fill: ${K}; -webkit-text-fill-color: ${K};`:"",ke=z&&"inherit"!==z?`font-family:${z}_${G.match(L)?G.match(L)[1]:""};`:G||"",Re=Y?`font-size: ${Y}px;`:"",Ne="number"==typeof Q?`border-width: ${Q}px; border-style: solid;`:"",Le=[X,Q].every(e=>void 0!==e)&&Q?`border-color: ${X};`:"",Be=void 0!==Z?`border-radius: ${Z}px;`:"",De=void 0!==ee?`background-color: ${ee};`:"",Oe=void 0!==te?`color: ${te}; fill: ${te}; -webkit-text-fill-color: ${te};`:"",_e=ne&&"inherit"!==ne?`font-family:${ne}_${se.match(L)?se.match(L)[1]:""};`:se||"",We=ie?`font-size: ${ie}px;`:"",qe="popin"!==i||void 0!==E&&!0!==E?"":[`#${this.widgetContainerId} .${this.overlayClassName} {`,`background-color: ${void 0!==x?x:"rgba(0, 0, 0, 0.6)"};`,"}"].join(""),Ve="number"==typeof D?D:16,je=Ve/2,Me=s||void 0!==N&&N?[`#${this.widgetContainerId} .${this.contentClassName} .${this.closeButtonClassName} {`,"position: absolute;",("out"===B?`bottom: calc(100% + ${je}px)`:`top: ${je}px`)+";",`right: ${je}px;`,"width: auto;","height: auto;","background: none;","border: none;","cursor: pointer;","padding: 0;","margin: 0;","line-height: 0;","z-index: 9;","number"==typeof O?`border-radius: ${O}px;`:"","number"==typeof _&&_>0?`border: ${_}px solid ${void 0!==W?W:"rgba(57, 57, 57, 1)"};`:"","string"==typeof V?`background-color: ${V};`:"","}",`#${this.widgetContainerId} .${this.contentClassName} .${this.closeButtonClassName} svg {`,"pointer-events: none;",`width: ${Ve}px;`,`height: ${Ve}px;`,"string"==typeof q?`fill: ${q};`:"","}"].join(""):"",Fe=b&&"string"==typeof f?[`#${this.widgetContainerId} .${this.contentClassName} > * h1, `,`#${this.widgetContainerId} .${this.contentClassName} > * h2, `,`#${this.widgetContainerId} .${this.contentClassName} > * h3, `,`#${this.widgetContainerId} .${this.contentClassName} > * h4, `,`#${this.widgetContainerId} .${this.contentClassName} > * h5, `,`#${this.widgetContainerId} .${this.contentClassName} > * h6 {`,`color: ${f}; fill: ${f}; -webkit-text-fill-color: ${f};`,void 0!==$?`text-align: ${$};`:"",C&&"inherit"!==C?`font-family:${C}_${S.match(L)?S.match(L)[1]:""};`:S||"",T?`font-size: ${T}px;`:"","}"].join(""):"";let He="";if("string"==typeof re){const e=(oe/1e3).toFixed(2),t=["top","bottom"].includes(ce),s=Number(t),i=[(["top","left"].includes(ce)?"-":"")+"100vmax",this.translateValues?this.translateValues[s]:"0"];t&&i.reverse(),He={none:[`.${this.hideClassName} {`,"opacity: 0 !important;","}"],fade:[`.${this.hideClassName} {`,"opacity: 0 !important;","}",`#${this.widgetContainerId} {`,`transition: opacity ${e}s ${ae};`,"}"],slide:[`.${this.hideClassName} .${this.overlayClassName} {`,"opacity: 0 !important;","}",`#${this.widgetContainerId} .${this.overlayClassName} {`,`transition: opacity ${e}s ${ae};`,"}",`.${this.hideClassName} .${this.contentClassName} {`,`transform: translate(${i.join(", ")}) !important;`,"}",`#${this.widgetContainerId} .${this.contentClassName} {`,`transition: transform ${e}s ${ae};`,"}"]}[n()&&!ABTASTY_S.WIDGETS.animationChanged?"none":re].join("")}const Ue=[`#${this.widgetContainerId} .${this.contentClassName} .buttons_container .second_link {`,`margin-${"fill"===j?"top":"left"}: 8px;`,Ne,Le,Be,De,Oe,_e,We,"}",`#${this.widgetContainerId} .${this.contentClassName} .buttons_container .second_link {`,Oe,_e,We,"}"];return le.textContent=[`.${this.hideClassName} {`,"pointer-events: none;","}",`#${this.widgetContainerId} {`,"opacity: 1;","}",`#${this.widgetContainerId} .${this.contentClassName} {`,he,ge,ue,me,pe,ye,$e,ve,we,"}",`#${this.widgetContainerId} .${this.contentClassName} p {`,me,pe,ve,we,"}",`#${this.widgetContainerId} .${this.contentClassName} > * {`,"display: block;","line-height: 1;","text-indent: unset;",Se,ve,we,"}",`#${this.widgetContainerId} .${this.contentClassName} a {`,"text-decoration: underline;","}",`#${this.widgetContainerId} .${this.contentClassName} div.buttons_container a, `,`#${this.widgetContainerId} .${this.contentClassName} button {`,"text-decoration: none;","box-sizing: border-box;","display: inline-block;",Ee,xe,Ae,Pe,Ie,ke,Re,"}",`#${this.widgetContainerId} .${this.contentClassName} div.buttons_container a *, `,`#${this.widgetContainerId} .${this.contentClassName} button:not(class*="close_button") * {`,Ie,ke,Re,"}",...J?Ue:[],"@media screen and (max-width: 579px) {",`#${this.widgetContainerId} .${this.contentClassName} {`,fe,"}",`#${this.widgetContainerId} .${this.contentClassName} > * {`,Te,"}","}",qe,Me,Fe,He,`${e}`].join(""),le}}class O extends D{constructor(e,t){super(e,t),this.stringStyles=this.getStyles(),this.styleElement=this.getStyleTag(this.stringStyles)}getStyles(){return[`#${this.widgetContainerId} {`,"width: auto;","height: auto;","margin: 0;","padding: 0;","background: none;","}",`#${this.widgetContainerId} .${this.contentClassName} {`,"position: relative;","}"].join("")}}class _ extends O{constructor(e,t){super(e,t),this.target=e}async insert(){return!this.isWidgetApplied()&&(document.head.appendChild(this.styleElement),this.target&&this.target.isConnected&&this.target.insertAdjacentElement("beforeend",this.domElement),this)}show(){const{triggerEvent:e,autoHide:t,timeHide:s}=DATA,i=e=>{e.stopPropagation(),this.hide(),setTimeout(()=>this.remove(),50)};return super.show(),n()||setTimeout(()=>{const n={[S]:["mouseleave"],[C]:["click"]};switch(e){case C:case S:n[e].forEach(e=>this.target.addEventListener(e,i,{passive:!0,once:!0}));break;case"pageLoad":t&&setTimeout(()=>this.remove(),1e3*s)}},100),this}}let W=[];const q=[],V=()=>{p("Widget launch");const{elementReferrer:e}=DATA;DATA.triggerEventClick=e,c(e,()=>{W=[...document.querySelectorAll(e)],W.forEach((e,n)=>{if(q.find(t=>t===e))return;const s=new _(e,n);q.push(e),s.init(!0).then(n=>{let{response:i}=n;if(i){const n=new y(s,e),i=new w(s.uniqueId);new t(n,i).build()}})})})},j=()=>{if(!o())return;const{elementReferrer:e}=DATA,t=[...document.querySelectorAll(`${e}`)];(t.length!==W.length||!t.every(e=>W.find(t=>t===e)))&&V()};V(),(()=>{const e=[document.querySelector("body"),{childList:!0,subtree:!0}];new MutationObserver(j).observe(...e)})()}();
1
+ !function(){"use strict";const e="iconTitleAndText";class t{constructor(e,t){this.data=DATA,this.toolTipContainer=e,this.cssBuilder=t,this.uniqueId=e.getUniqueId(),this.baseClassName="toolTipContainer",this.css=this.getCSS()}getCSS(){const{subLayout:t,isUserIcon:n,iconColor:s}=this.data,i="26px",r=t===e?"\n display: grid!important;\n column-gap: 8px;\n grid-template-columns: auto 1fr;\n grid-template-areas: 'tt-icon tt-title' 'tt-icon tt-text';\n ":"\n display: flex;\n flex-direction: column;\n ",o=`\n #${this.toolTipContainer.id} .contentContainer {\n ${r}\n row-gap: 8px;\n max-height: 100%;\n }\n #${this.toolTipContainer.id} .contentContainer div *,\n .tooltipText\n {\n margin: 0;\n }\n `,a=`\n .tooltipText {\n grid-area: tt-text;\n }\n .tooltipTitle {\n grid-area: tt-title;\n }\n .tooltipIcon {\n grid-area: tt-icon;\n justify-self: center;\n align-self: center;\n }\n .tooltipIcon > img,\n .tooltipIcon > svg {\n width: ${i};\n height: ${i};\n }\n ${n?"":`#${this.toolTipContainer.id} .tooltipIcon svg path { fill: ${s} }`}\n `;return o+(t===e?a:"")}async buildTooltipContent(){const{subLayout:t,titleContent:n,content:s,isUserIcon:i,userIcon:r,iconGallery:o}=this.data,a=document.createElement("div"),c=i?`<img src="${r}" alt="${r}" />`:await fetch(o.src,{method:"GET",mode:"cors",cache:"no-cache",referrerPolicy:"no-referrer"}).then(e=>e.blob()).then(e=>e.text()).then(e=>e).catch(e=>console.error(`ERROR on loading picture, message: ${e}`));a.classList.add("contentContainer"),a.role="tooltip";const l={className:"tooltipTitle",htmlTag:"h3",html:n};let h=[{className:"tooltipText",htmlTag:"p",html:s}];switch(t){case"titleAndText":h=[l,...h];break;case e:h=[{className:"tooltipIcon",htmlTag:"div",html:c},l,...h]}return h.forEach(e=>{let{className:t,htmlTag:n,html:s}=e;const i=document.createElement(n);i.classList.add(t),i.innerHTML=s,a.appendChild(i)}),a}async build(){this.toolTipContainer.init(this.data),this.cssBuilder.add(this.toolTipContainer.getCSS(),this.css),this.toolTipContainer.getWidgetElement().appendChild(await this.buildTooltipContent()),this.toolTipContainer.resizeTooltip(this.data.position),this.toolTipContainer.parentContainer.show()}}const n=()=>Object.prototype.hasOwnProperty.call(window,"ABTastyEditor"),s=()=>{const e=!!document.getElementById("ABTastyPreviewBar"),t=location.href.includes("ab_project=preview");return e||t},i=e=>new Function(`try {\n\t\t${e}\n\t} catch (error) {\n\t\treturn null;\n\t}`)(),r=()=>encodeURIComponent(DATA.spNoTrim?window.location.href.replace(window.location.origin,""):`${window.location.pathname}`),o=()=>!n()&&(s()||!!window.ABTasty.getTestsOnPage()[TEST_ID]),a=()=>window.ABTasty&&!0===window.ABTasty.consentReady,c=(e,t)=>{const n=()=>{try{return document.querySelector(e)}catch(e){return null}};let s=n();const i=[document.querySelector("body")||document.documentElement,{childList:!0,subtree:!0,attributes:!0}],r=()=>a.disconnect(),o=()=>a.observe(...i),a=new MutationObserver(()=>(s=n(),s&&!r()&&t(s)));return s?setTimeout(()=>t(s),0):o(),{selector:e,clear:r,observe:o}};function l(e,t){return t(e)||!e.parentElement?e:l(e.parentElement,t)}const h=(e,t)=>[...document.querySelectorAll(t)].some(n=>n===e||!!e.closest(t)),d=(e,t)=>{let n=Date.now();return()=>{n+t-Date.now()<=0&&(e(),n=Date.now())}},u=()=>{const{type:e}=DATA;return`${PACKAGE.replace("@abtasty/","")}${e?`_${e}`:""}`},g=()=>{const e=u();return`${e.charAt(0).toUpperCase()}${e.slice(1)}`.split("-").join(" ")},m=()=>`${PLUGIN_ID.split("-")[0]}_${TEST_ID}`,p=e=>{const t=(()=>{if(n()||s())return!1;const e=ABTasty.getTestsOnPage()[TEST_ID];return!!e&&Object.keys(e.targetings.qaParameters).length>0})(),i=document.cookie.includes("abTastyDebug=")||!0===window.abTastyDebug;if(t||i){const n=g();window.console.log(`%c${n} - ${t?"QA":"Debug"} Mode for campaign ${TEST_ID} %c ${e}`,"background-color: #D6FF01; color: #3100be; padding: 3px 0 3px 10px; border-radius: 5px 0 0 5px; font-weight: bold;","background-color: #3100be; color: white; padding: 3px 10px 3px 0; border-radius: 0 5px 5px 0;")}},v=e=>{const t={promise:null,resolve:null,reject:null,name:e};return t.promise=new Promise((e,n)=>{t.resolve=e,t.reject=n}),t};class w{constructor(e){this.uniqueId=e,this.elementId=`widget-tooltip-${this.uniqueId}`,this.cssElement=this.getCssElement()}getCssElement(){const e=document.getElementById(this.elementId);if(e)return e;const t=document.createElement("style");return t.id=this.elementId,t.type="text/css",n()&&t.setAttribute("abtasty-script-added","true"),document.head.appendChild(t),t}add(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];const s=t.join("");this.cssElement.textContent=`${this.cssElement.textContent}${s}`.split(/(?:\r\n|\n|\r)/).map(e=>e.replace(/^\s+/gm,"")).join(" ").replace(/(\s?\/\*([\s\S]*?)\*\/\s?)|(\s{2,})/g," ").trim()}}class b{constructor(e,t){this.parentContainer=e,this.tooltipTarget=t,this.wrapperElement=this.parentContainer.domElement,this.id=this.parentContainer.widgetContainerId,this.widgetElement=this.parentContainer.domElement.querySelector(`.${this.parentContainer.contentClassName}`),this.content=null,this.css=""}adaptParentWrapperCSS(){"inline"===getComputedStyle(this.tooltipTarget).getPropertyValue("display")&&(this.tooltipTarget.style.display="inline-block")}setupCSSWrapper(e){const t={left:"flex-start",top:"center",bottom:"center",right:"flex-end"},{elementReferrer:n}=DATA;t[e]&&(this.css=`\n\t\t${n} {\n\t\t\tposition: relative !important;\n\t\t}\n ${this.css}\n #${this.wrapperElement.id} {\n\t\t\tbox-shadow: unset;\n\t\t\tborder-radius: unset;\n\t\t\tfont-size: unset;\n\t\t\tcolor: unset;\n\t\t\ttransform: unset;\n position: absolute;\n display: flex;\n justify-content: ${t[e]};\n align-items: center;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n pointer-events: none;\n }\n `)}setupCSSWidgetFrame(e){let{position:t,borderColor:n,borderWidth:s,backgroundColor:i,zindex:r,zindexCustom:o}=e;const a="8px",c="calc(100% + 16px)",l=s>0?`calc(${s}px + ${a} ${["left","right"].includes(t)?"- 1px":""})`:"0",h={top:`bottom: ${c}; align-self: baseline;`,bottom:`top: ${c}; align-self: end;`,left:`right: ${c};`,right:`left: ${c};`},d={top:`\n border-bottom-color: ${n};\n border-right-color: ${n};\n bottom: calc(-1 * ${l});\n left: calc(50% - ${l});\n `,bottom:`\n border-top-color: ${n};\n border-left-color: ${n};\n top: calc(-1 * ${l});\n left: calc(50% - ${l});\n `,left:`\n border-top-color: ${n};\n border-right-color: ${n};\n right: calc(-1 * ${l});\n top: calc(50% - ${l});\n `,right:`\n border-bottom-color: ${n};\n border-left-color: ${n};\n left: calc(-1 * ${l});\n top: calc(50% - ${l});\n `},u={top:`\n bottom: calc(-1 * ${a});\n left: calc(50% - ${a});\n `,bottom:`\n top: calc(-1 * ${a});\n left: calc(50% - ${a});\n `,left:`\n top: calc(50% - ${a});\n right: -7px;\n `,right:`\n left: -7px;\n top: calc(50% - ${a});\n `},g=`#${this.wrapperElement.id} .${this.parentContainer.contentClassName}`;this.css=`\n ${this.css}\n #${this.wrapperElement.id} .${this.parentContainer.contentClassName} {\n\t\t\tdisplay: unset;\n\t\t\tinset: unset;\n\t\t\tmargin: unset;\n\t\t\ttransform: unset;\n\t\t\twhite-space: unset;\n\t\t\tword-break: unset;\n\n position: absolute !important;\n width: max-content;\n max-width: 100vw;\n padding: 12px;\n line-height: 0;\n z-index: ${"custom"===r?o:r};\n }\n\n @media screen and (max-width: 650px) {\n #${this.wrapperElement.id} .${this.parentContainer.contentClassName} {\n max-width: 100%;\n min-width: 150px;\n }\n }\n\n #${this.wrapperElement.id} .${this.parentContainer.contentClassName}_${t} {\n ${h[t]}\n }\n\n ${g}_${t}::before,\n ${g}_${t}::after {\n display: block;\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n transform: rotate(45deg);\n border-radius: ${{bottom:"25% 0 0 0",left:"0 25% 0 0",top:"0 0 25% 0",right:"0 0 0 25%"}[t]};\n }\n\n ${g}_${t}::before {\n border: ${l} solid transparent;\n ${d[t]}\n }\n ${g}_${t}::after {\n border: ${a} solid ${i};\n ${u[t]}\n }\n `,this.widgetElement.classList.add(`${this.parentContainer.contentClassName}_${t}`)}resizeTooltip(e){var t=this;const n=this.widgetElement.getBoundingClientRect(),s=this.widgetElement.querySelector(".contentContainer"),i=function(){let n=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];s.style.overflow="auto",n&&t.resizeTooltip(e)};switch(e){case"left":case"right":"left"===e&&n.x<0?(this.widgetElement.style.width=`${n.width+n.x}px`,i()):"right"===e&&n.right>window.innerWidth&&(this.widgetElement.style.width=window.innerWidth-n.x+"px",i()),n.y<0&&(this.widgetElement.style.height=`${n.height+2*n.y}px`,i()),n.bottom>window.innerHeight&&(this.widgetElement.style.height=n.height-(n.bottom-window.innerHeight)+"px",i());break;case"top":n.y<0&&(this.widgetElement.style.height=`${n.height+n.y}px`,i(!1));break;default:n.bottom>window.innerHeight&&(this.widgetElement.style.height=n.height-(n.bottom-window.innerHeight)+"px",i(!1))}}init(e){this.setupCSSWrapper(e.position),this.setupCSSWidgetFrame(e),this.adaptParentWrapperCSS()}getCSS(){return this.css}getContent(){return this.content}getWidgetElement(){return this.widgetElement}getUniqueId(){return this.parentContainer.uniqueId}}const y="remove",$="rebuild",f="update",C="click",S="hover";class T{constructor(){this.targets=[],this.existingTargets=[],this.inViewportTargets=[],this.visibilityObserver=this.startVisibilityObserver(),this.mutationObserver=null,this.mouseOverEvent=this.mouseOverHandler(),this.scrollEvent=this.scrollEventHandler()}intersectionHandler(e){e.forEach(e=>{e.isIntersecting?(this.existingTargets.forEach(t=>{t.element.isSameNode(e.target)&&(this.inViewportTargets.push(t),this.mouseOverEvent.start(),this.scrollEvent.start())}),this.checkElements()):this.inViewportTargets=this.inViewportTargets.filter(t=>!t.element.isSameNode(e.target)||(this.mouseOverEvent.clear(),this.scrollEvent.clear(),!1))})}startVisibilityObserver(){return new IntersectionObserver(this.intersectionHandler.bind(this),{root:null,rootMargin:"0px",threshold:0})}startMutationObserver(){this.mutationObserver??=new MutationObserver(this.checkElements.bind(this));const{clear:e}=c("body",t=>{e(),this.mutationObserver.observe(t,{attributes:!0,childList:!0,subtree:!0})});return this.mutationObserver}onMouseOver({target:e,path:t}){const n=this.inViewportTargets.find(({element:n,selector:s})=>{if(n.isSameNode(e))return!0;const i=[...e.querySelectorAll(s)];if(i.length&&i.includes(n))return!0;if(t.includes(n))return!0;const r=[...e.parentElement.children],o=r.findIndex(t=>t.isSameNode(e)),a=r.filter((e,t)=>t>o);if(a.length){if(a.includes(n))return!0;if(a.some(e=>[...e.querySelectorAll(s)].includes(n)))return!0}return!1});if(n&&this.isElementVisible(n.element)){const{selector:e,element:t,uniqueId:s}=n,i=this.targets.find(t=>t.selector===e&&t.uniqueId===s);i&&i.resolve(t),this.clear(e,s)}}getEvents(e){return{start:()=>document.addEventListener(...e),clear:()=>document.removeEventListener(...e)}}mouseOverHandler(){const e=["ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0?"touchmove":"mouseover",e=>{const t=e.composedPath(),{target:n}=e;setTimeout(()=>this.onMouseOver({target:n,path:t}),50)},!0];return this.getEvents(e)}scrollEventHandler(){const e=["scroll",d(this.checkElements.bind(this),50),{passive:!0}];return this.getEvents(e)}isElementVisible(e){return this.isElementTopmost(e)&&this.isElementOpaque(e)}isElementOpaque(e){return"HTML"===l(e,e=>"0"===window.getComputedStyle(e).opacity).nodeName}isElementTopmost(e){const t=e.getBoundingClientRect(),n=[[t.left,t.top],[t.right,t.top],[t.left,t.bottom],[t.right,t.bottom],[t.left+t.width/2,t.top],[t.left+t.width/2,t.bottom],[t.left,t.height/2],[t.right,t.height/2],[t.left+t.left/2,t.height/2]];let s=!1,i=0;for(;!s&&i<n.length;){const t=document.elementFromPoint(...n[i]);s=e===t||e.contains(t),i+=1}return s}checkElements(){this.targets.forEach(({selector:e,uniqueId:t})=>{const n=document.querySelector(e);n&&!this.existingTargets.find(n=>n.element.matches(e)&&n.uniqueId===t)&&(this.existingTargets.push({element:n,selector:e,uniqueId:t}),this.visibilityObserver.observe(n))}),this.existingTargets=this.existingTargets.filter(({selector:e,element:t})=>!!document.querySelector(e)||(t&&this.visibilityObserver.unobserve(t),!1)),this.inViewportTargets=this.inViewportTargets.filter(({selector:e,element:t,uniqueId:n})=>{if(t.matches(e)&&this.isElementVisible(t)){const s=this.targets.find(t=>t.selector===e&&t.uniqueId===n);return s&&s.resolve(t),this.clear(e,n),!1}return!0})}watch(e,t,n){this.targets.push({selector:e,resolve:t,uniqueId:n}),this.startMutationObserver(),this.checkElements()}clear(e,t){[this.targets,this.existingTargets,this.inViewportTargets]=[this.targets,this.existingTargets,this.inViewportTargets].map(n=>n.filter(({selector:n,uniqueId:s})=>n!==e&&s!==t));const n=document.querySelector(e);n&&this.visibilityObserver.unobserve(n),0===this.targets.length&&this.mutationObserver.disconnect(),0===this.inViewportTargets.length&&(this.mouseOverEvent.clear(),this.scrollEvent.clear())}}class E{constructor({triggerEvent:e,triggerSelector:t,triggerDelay:n,triggerTarget:s}){this.event=e,this.selector=t&&t.length?t:"body",this.target=s,this.delay=1e3*n,this.elementsSelectors=[],this.eventsListeners=[],this.timeouts=[],this.intervals=[],this.promises=[],this.visibilityObservers=[],this.socialProofStore={}}async onElementVisible({promise:e,resolve:t}){const n=v(`${this.event}DomReady`);this.promises.push(n);const s=await this.onPageLoad(n),i=await async function(){let e;return e=await("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype||new Promise((e,t)=>{const n=window.document.getElementsByTagName("script")[0],s=window.document.createElement("script");s.src="https://polyfill.io/v3/polyfill.min.js?flags=gated&features=IntersectionObserver",n.parentNode.insertBefore(s,n),s.onload=e,s.onerror=t})),e}(),r=new T;if(this.visibilityObservers.push(r),i&&s){const e=m();r.watch(this.selector,t,e)}return e}onPageLoad({promise:e,resolve:t}){const n=()=>"complete"===document.readyState;if(!n()){const s=["readystatechange",()=>n()&&t(!0),{passive:!0}];return this.eventsListeners.push([document,...s]),document.addEventListener(...s),e}return t(!0),e}onClick({promise:e,resolve:t}){const n=document.createElement("style");n.type="text/css",n.id=`Click_${m()}`,n.innerHTML=`${this.selector} {\n\t\t\tcursor: pointer !important;\n\t\t\tpointer-events: all !important;\n\t\t}`,document.head.appendChild(n),this.elementsSelectors.push(`#${n.id}`);const s=["click",({isTrusted:e,target:n})=>{const s=n.isEqualNode(this.target)||h(n,this.selector);return e&&s&&t(!0)},{passive:!0,capture:!0}];return this.eventsListeners.push([document,...s]),document.addEventListener(...s),e}onHover({promise:e,resolve:t}){const n=["mouseenter",({isTrusted:e,target:n})=>{const s=this.target?n.isEqualNode(this.target):h(n,this.selector);return e&&s&&t(!0)},{passive:!0,capture:!0}];return this.eventsListeners.push([document.documentElement,...n]),document.documentElement.addEventListener(...n),e}onExitIntent({promise:e,resolve:t}){const n=["mouseleave",({isTrusted:e,clientY:n})=>{e&&n<=0&&t(!0)},{passive:!0}],{clear:s}=c("body",e=>{s(),this.eventsListeners.push([e,...n]),e.addEventListener(...n)});return e}onReengage({promise:e,resolve:t}){const n=this.delay;let s=n;const i=[({isTrusted:e})=>{e&&(s=n)},{passive:!0}];["click","mousemove","scroll","keypress"].forEach(e=>{this.eventsListeners.push([document,e,...i]),document.addEventListener(e,...i)});const r=setInterval(()=>{s<=0?t(!0):s-=100},100);return this.intervals.push(r),e}onCustomTrigger({promise:e,resolve:t}){const{triggerEventCustomScript:n}=DATA;return new Function(`return new Promise(async resolve => {${n}})`)().then(e=>e&&t(!0)),e}onScrollUp({promise:e,resolve:t}){let n=0;const s=["scroll",({isTrusted:e})=>{e&&(window.pageYOffset<n?t(!0):n=window.pageYOffset)},{passive:!0,capture:!0}];return this.eventsListeners.push([document,...s]),document.addEventListener(...s),e}onScrollPercentReached({promise:e,resolve:t}){const{triggerEventScrollPercent:n}=DATA,s=["scroll",({isTrusted:e})=>{if(!e)return;const s=(()=>{const{documentElement:e,body:t}=document,n=e.scrollTop||t.scrollTop,s=e.scrollHeight||t.scrollHeight;return Math.trunc(n/(s-e.clientHeight)*100,10)})();n<s&&t(!0)},{passive:!0,capture:!0}];return this.eventsListeners.push([document,...s]),document.addEventListener(...s),e}checkSocialProofConditions(e,t,n,s){const i=(()=>{let e;return window.ABTasty||window.ABTASTY_S?(window.ABTASTY_S&&window.ABTASTY_S.USER&&window.ABTASTY_S.USER.accountIdentifier&&window.ABTASTY_S.USER.accountIdentifier.length?e=window.ABTASTY_S.USER.accountIdentifier:window.ABTasty&&window.ABTasty.getAccountSettings&&"function"==typeof window.ABTasty.getAccountSettings?e=window.ABTasty.getAccountSettings().identifier:window.ABTasty&&window.ABTasty.accountSettings&&(e=window.ABTasty.accountSettings.identifier),e):e})(),{viewInterval:r,spNoTrim:o}=DATA;if(this.socialProofStore.hasOwnProperty(e))n(this.socialProofStore[e])?s(`${this.socialProofStore[e][r]}`):s(!1);else if(e&&i){const a=t=>(this.socialProofStore[e]=t,s(!!n(t)&&`${t[r]}`));fetch(`https://api-social-proof.abtasty.com/clients/${i}/metrics/${t}?key=${e}${o?"&noTrim=true":""}`).then(e=>e.ok&&e.json()).then(a).catch(()=>p("Failed to fetch datas from server."))}else s(!1)}getSocialProofDatas({promise:e,resolve:t},n,s=!1){const{productKey:o,keyType:a}=(()=>{const{socialProofContentType:e,productKeyProvider:t,pathToProductKey:n,customJSProductKey:s,productSKU:o}=DATA;if(2===e)return{productKey:r(),keyType:"url"};{let a=null,c="sku";switch(t){case"ABTastyProductKey":a=window.ABTastyProductKey;break;case"pathToProductKey":a=i(`return ${n};`);break;case"customJSProductKey":a=i(s);break;case"productSKU":a=o}return a||3!==e||(a=r(),c="url"),{productKey:a,keyType:c}}})(),{viewInterval:c,triggerSocialProofMinVisitors:l,triggerSocialProofMinPurchases:h,triggerSocialProofMinPageViews:d}=DATA,u={pv:d,i:h,"v-pv":l}[n];return[typeof c,typeof u].includes("undefined")&&t(!1),s&&!o&&(p("Not able to find ABTastyProductKey, impossible to call the API, read documentation for more informations:\n\t\t\t\thttps://support.abtasty.com/hc/en-us/articles/4710919241628-Widgets-List#h_84c04344-c655-4e5e-b9ab-d26a798ad9b0"),t(!1)),this.checkSocialProofConditions(o,"v-pv"===n&&"sku"===a?"v-i":n,e=>{const t=void 0!==e[c]&&e[c]>=u;return t||p(`Widget will not be shown, Social Proof API returned ${e[c]} while ${u} are required`),t},t),e}onConsent({promise:e,resolve:t}){if(!a()){const n=["abtasty_consentValid",()=>t(!0)];return this.eventsListeners.push(n),window.addEventListener(...n),e}return t(!0),e}onTrackingSent({promise:e,resolve:t}){const{triggerEventTrackingSent:n}=DATA;let s=localStorage.getItem("ABTastyData");const i=()=>JSON.parse(s).ActionTracking.find(({name:e})=>e===n),r=["storage",()=>{s=localStorage.getItem("ABTastyData"),i()&&t(!0)},{passive:!0,capture:!0}];return s&&i()?t(!0):(()=>{this.eventsListeners.push([window,...r]),window.addEventListener(...r)})(),e}onMinPagesViewed({promise:e,resolve:t}){const{triggerEventMinPagesViewed:n}=DATA;let s=localStorage.getItem("ABTastyData");const i=()=>n<=(s?JSON.parse(s).VisitedPages.length:0),r=["storage",()=>{s=localStorage.getItem("ABTastyData"),i()&&t(!0)},{passive:!0,capture:!0}];return s&&i()?t(!0):(()=>{this.eventsListeners.push([window,...r]),window.addEventListener(...r)})(),e}onRageClick({promise:e,resolve:t}){const{triggerEventRageClickQuantity:n,triggerEventRageClickDelay:s}=DATA;let i=0,r=!1;const o=["click",({isTrusted:e})=>{if(e&&(i+=1,i>=n&&t(!0),!r)){r=!0;const e=setTimeout(()=>{i=0,r=!1},s);this.timeouts.push(e)}},{passive:!0,capture:!0}];return this.eventsListeners.push([document,...o]),document.addEventListener(...o),e}clear(){if(this.elementsSelectors.length&&(this.elementsSelectors.forEach(e=>{document.querySelector(e)&&document.querySelector(e).remove()}),this.elementsSelectors=[]),this.eventsListeners.length&&(this.eventsListeners.forEach(e=>{const[t,...n]=e;t&&n.length>1&&t.removeEventListener(...n)}),this.eventsListeners=[]),this.timeouts.length&&(this.timeouts.forEach(e=>clearTimeout(e)),this.timeouts=[]),this.intervals.length&&(this.intervals.forEach(e=>clearInterval(e)),this.intervals=[]),this.visibilityObservers.length){const e=m();this.visibilityObservers.forEach(t=>t.clear(this.selector,e)),this.visibilityObservers=[]}return this.promises.length&&(this.promises.forEach(e=>e.resolve(!1)),this.promises=[]),this}async isTriggered(){this.clear();const e=v(this.event);this.promises.push(e);const t={consent:()=>this.onConsent(e),direct:()=>!0,pageLoad:()=>this.onPageLoad(e),click:()=>this.onClick(e),exitIntent:()=>this.onExitIntent(e),reengage:()=>this.onReengage(e),elementVisible:()=>this.onElementVisible(e),script:()=>this.onCustomTrigger(e),hover:()=>this.onHover(e),scrollUp:()=>this.onScrollUp(e),scrollPercent:()=>this.onScrollPercentReached(e),rageClick:()=>this.onRageClick(e),minPagesViewed:()=>this.onMinPagesViewed(e),trackingSent:()=>this.onTrackingSent(e),socialProofPurchases:()=>this.getSocialProofDatas(e,"i",!0),socialProofPageViews:()=>this.getSocialProofDatas(e,"pv"),socialProofVisitors:()=>this.getSocialProofDatas(e,"v-pv")},n=!Object.prototype.hasOwnProperty.call(t,this.event)||await t[this.event]();return n&&this.clear(),"reengage"!==this.event&&this.delay?n&&await(async()=>{const e=v(`${this.event}Delay`);this.promises.push(e);const t=setTimeout(()=>{e.resolve(!0),this.clear()},this.delay);return this.timeouts.push(t),e.promise})():n}}const x="display",A="closing",P="validation",I="ABTastyWidgets",k=`${I}Temporary`;class R{constructor({displayRecurrence:e,closingRecurrence:t,validationRecurrence:n},s){this.displayRecurrence=parseFloat(e),this.closingRecurrence=parseFloat(t),this.validationRecurrence=parseFloat(n),this.onSetCallback=s,this.widgetName=u(),this.uniqueId=m(),this.recurrenceKey=`${this.widgetName}_${this.uniqueId}`,this.isListeningStorageEvent=this.listenStorageEvent(),this.pendingRecurrence=!1,this.pendingRecurrenceValue={}}onStorage({key:e}){const t=localStorage.getItem(k),n=sessionStorage.getItem(I);"ABTastyData"===e&&!t&&n&&localStorage.setItem(k,n)}listenStorageEvent(){return this.isListeningStorageEvent||window.addEventListener("storage",this.onStorage.bind(this)),!0}getGivenRecurrenceStorageParsed(e){try{const t=e.getItem(I);return JSON.parse(t)}catch(t){return e.removeItem(I),!1}}getSessionRecurrenceStorageParsed(){return this.getGivenRecurrenceStorageParsed(window.sessionStorage)}getLocalRecurrenceStorageParsed(){return this.getGivenRecurrenceStorageParsed(window.localStorage)}removeGivenStorage(e,t){const{[this.recurrenceKey]:n,...s}=t;return Object.entries(s).length?(e.setItem(I,JSON.stringify(s)),s):(e.removeItem(I),!1)}removeSessionRecurrenceStorage(){const e=this.getSessionRecurrenceStorageParsed();return!!e&&this.removeGivenStorage(window.sessionStorage,e)}removeLocalRecurrenceStorage(){const e=this.getLocalRecurrenceStorageParsed();return!!e&&this.removeGivenStorage(window.localStorage,e)}getSessionRecurrence(){const e=this.getSessionRecurrenceStorageParsed();return!!e&&e[this.recurrenceKey]}getLocalRecurrence(){const e=this.getLocalRecurrenceStorageParsed();return!!e&&e[this.recurrenceKey]}getCurrentRecurrence(){if(this.pendingRecurrence)return this.pendingRecurrenceValue;const e=this.getSessionRecurrence(),t=this.getLocalRecurrence();return e||t||{type:!1}}isOver(){const e=localStorage.getItem(k),t=!(!e||!e.includes(this.recurrenceKey))||this.getSessionRecurrence();e&&(sessionStorage.setItem(I,e),localStorage.removeItem(k));const n=this.getLocalRecurrence(),s=(n?parseFloat(n.stamp):0)<(new Date).getTime();return s&&this.removeLocalRecurrenceStorage(),!this.pendingRecurrence&&s&&!this.getLocalRecurrence()&&!t}setRecurrence(e,t){0!==e&&(window.removeEventListener("storage",this.onStorage.bind(this)),this.isListeningStorageEvent=!1);const n=this.getTypeOfStorage(e);if(s()||!n&&"object"!=typeof n)return!1;const{storageString:i,storageMethod:r}=n,o=this.getStamp(e),c={type:t,stamp:o},{type:l}=this.getCurrentRecurrence(),h=async()=>{if(!a()){this.pendingRecurrence=!0,this.pendingRecurrenceValue=c;const e=new E({triggerEvent:"consent"});await e.isTriggered(),this.pendingRecurrence=!1,this.pendingRecurrenceValue={}}const e=this.getSessionRecurrence(),t=this.getLocalRecurrence();let n;"session"===i?e?n=this.removeSessionRecurrenceStorage():(this.removeLocalRecurrenceStorage(),n=this.getSessionRecurrenceStorageParsed()):"local"===i&&(t?n=this.removeLocalRecurrenceStorage():(this.removeSessionRecurrenceStorage(),n=this.getLocalRecurrenceStorageParsed()));const s=n?{[this.recurrenceKey]:c,...n}:{[this.recurrenceKey]:c};r.setItem(I,JSON.stringify(s)),this.onSetCallback&&"function"==typeof this.onSetCallback&&this.onSetCallback()};if(!r)return!1;if(l&&t!==P)if(t===A&&l!==P)h();else{if(t!==x||l===P||l===A)return!1;h()}else h();return o}setDisplayRecurrence(){const e=x;this.setRecurrence(this.displayRecurrence,e)}setClosingRecurrence(){const e=A;this.setRecurrence(this.closingRecurrence,e)}setValidationRecurrence(){const e=P;this.setRecurrence(this.validationRecurrence,e)}getStamp(e){return(new Date).getTime()+864e5*e}getTypeOfStorage(e){return!(isNaN(e)||e<0||0!==e&&!e)&&(e>0?{storageString:"local",storageMethod:window.localStorage}:0===e&&{storageString:"session",storageMethod:window.sessionStorage})}}class N{constructor(e,t,n){this.isWidgetApplied=e,this.callback=t,this.shouldUpdate=n,this.observer=new MutationObserver(this.observerHandler.bind(this)),this.tagRollbackEventParams=["abtasty_resetActionTracking",this.onTagRollback.bind(this)],this.onCampaignLaunchedEventParams=["abtasty_executedCampaign",this.onCampaignLaunched.bind(this)]}decisionHandler(){const e=this.isWidgetApplied()?this.shouldUpdate&&f:$;return e?(this.clearWatcher(),this.callback(e,!0),this.watch(),this):this}onCampaignLaunched({detail:{campaignId:e}}){e===TEST_ID&&(this.callback($,!1),this.watch())}onTagRollback(){return this.clearWatcher(),this.callback(y,!1),window.addEventListener(...this.onCampaignLaunchedEventParams),this}observerHandler(e){return o()?e.some(e=>["removedNodes","addedNodes"].some(t=>e[t]&&e[t].length))?this.decisionHandler():this:this.callback(y,!1)}watch(){if(n())return this;this.clearWatcher(),window.removeEventListener(...this.onCampaignLaunchedEventParams),document.addEventListener(...this.tagRollbackEventParams);const{clear:e}=c("body",t=>{e(),this.observer.observe(t,{childList:!0,subtree:!0})});return this}clearWatcher(){return document.removeEventListener(...this.tagRollbackEventParams),this.observer.disconnect(),this}}const L=/.+\/([^.]+)\.(otf|ttf)$/,B=["socialProofPurchases","socialProofPageViews","socialProofVisitors"];class D{constructor(e,t){this.children=void 0,this.uniqueId=`${m()}${t?`_${t}`:""}`,this.widgetName=u(),this.prettyName=g(),this.recurrenceParams=(()=>{const{displayRecurrence:e,closingRecurrence:t,validationRecurrence:s}=DATA,i=!e&&!t&&!s;if(n()||i)return!1;const r={everytime:()=>-1,session:()=>0,once:()=>395,day:e=>DATA[`${e}_day`],week:e=>7*DATA[`${e}_week`],month:e=>30.5*DATA[`${e}_month`]},o={};return e&&(o.displayRecurrence=r[e]("displayRecurrence")),t&&(o.closingRecurrence=r[t]("closingRecurrence")),s&&(o.validationRecurrence=r[s]("validationRecurrence")),o})(),this.triggerParams=(e=>{let{triggerEvent:t}=DATA;const{triggerEventClick:s,triggerEventHover:i,triggerEventReengageDelay:r,socialProofContentType:o,triggerEventElementVisible:a,triggerEventDelay:c}=DATA;if(n()||!t&&!o)return!1;const l={click:()=>s,hover:()=>i,elementVisible:()=>a},h=Object.prototype.hasOwnProperty.call(l,t)?l[t]():"body",d="reengage"===t?r:c;return o&&(t=[,"socialProofPurchases","socialProofPageViews","socialProofVisitors"][o]),{triggerEvent:t,triggerSelector:h,triggerDelay:d,triggerTarget:e}})(e),this.recurrence=!!this.recurrenceParams&&new R(this.recurrenceParams,this.clearGivenClearables.bind(this)),this.trigger=!!this.triggerParams&&new E(this.triggerParams),this.shouldUpdate=!!this.triggerParams&&B.includes(this.triggerParams.triggerEvent),this.pageWatcher=new N(this.isWidgetApplied.bind(this),this.onPageChange.bind(this),this.shouldUpdate),this.hasOncePerPageTrigger=(()=>{const{isOncePerPageTrigger:e,triggerEvent:t}=DATA;return!t||!["click","hover","scrollUp","script"].includes(t)||e})(),this.basicClassName=`ab_widget_container_${this.widgetName}`,this.widgetContainerId=`${this.basicClassName}_${this.uniqueId}`,this.contentClassName=`${this.basicClassName}_content`,this.overlayClassName=`${this.basicClassName}_overlay`,this.closeButtonClassName=`${this.basicClassName}_close_button`,this.hideClassName=`ab_hide_${this.uniqueId}`,this.domElement=this.getDom(),this.hasBeenShown=!1,this.closedByUser=!1,this.eventsListeners=[],this.timeouts=[],this.intervals=[],this.observers=[],this.promises=[],this.elementsWaiters=[]}clearGivenClearables(){this.eventsListeners.forEach(e=>document.removeEventListener(...e)),this.eventsListeners=[],this.timeouts.forEach(e=>clearTimeout(e)),this.timeouts=[],this.intervals.forEach(e=>clearInterval(e)),this.intervals=[],this.observers.forEach(e=>e.disconnect()),this.observers=[],this.promises.forEach(e=>e.resolve(!1)),this.promises=[],this.elementsWaiters.forEach(e=>e.clear()),this.elementsWaiters=[]}isWidgetApplied(){return this.domElement&&this.domElement.isConnected}removeOldDomElement(){const e=document.getElementById(this.widgetContainerId);return e&&e.remove(),this}async insert(){if(this.isWidgetApplied())return!1;document.head.appendChild(this.styleElement);const e=["free"];return"drawer"===DATA.layout&&DATA.customTarget&&e.push("drawer"),new Promise(t=>{const{elementReferrer:n="body",referrerInsertType:s="beforeend"}=e.includes(DATA.layout)?DATA:{},i=c(n,e=>{this.elementsWaiters=this.elementsWaiters.filter(e=>e.selector!==n),this.removeOldDomElement(),t(e.insertAdjacentElement(s,this.domElement))});this.elementsWaiters.push(i)}).then(()=>this)}remove(){return this.trigger&&this.trigger.clear(),this.pageWatcher.clearWatcher(),[this.domElement,this.styleElement].forEach(e=>e&&e.isConnected&&e.remove()),this.hasOncePerPageTrigger?this.pageWatcher.watch():n()||this.init().then(({response:e})=>e?this.show():this),this}show(){return n()||this.hasBeenShown&&this.hasOncePerPageTrigger||window.ABTastyEvent(`${this.prettyName} displayed`,null,TEST_ID),this.closedByUser=!1,setTimeout(()=>this.domElement.classList.remove(this.hideClassName),50),this.recurrence&&this.recurrence.setDisplayRecurrence(),this.hasBeenShown=!0,this.pageWatcher.watch(),this}hide(e=!0){return!n()&&this.hasBeenShown&&e&&window.ABTastyEvent(`${this.prettyName} closed`,null,TEST_ID),e&&(this.pageWatcher.clearWatcher(),this.closedByUser=!0),this.domElement.classList.add(this.hideClassName),this}async init(e){const t=n(),s=o(),i=this.trigger&&this.trigger.promises.length,r=!this.recurrence||this.recurrence.isOver();if(!t&&!s||i||!r)return{container:this,response:!1};this.pageWatcher.watch();const a=t||!this.trigger||this.trigger&&await this.trigger.isTriggered(),c={container:this,response:a};return a?(await this.insert(),this.addCloseEvent(),t||e||this.hasBeenShown||void 0===this.children||"function"!=typeof this.children.refreshContent||this.children.refreshContent(a),c):c}onPageChange(e,t){const n=()=>this.init().then(({response:e})=>{e?this.show():this.hide(!1)});t||(this.hasBeenShown=!1,this.trigger&&this.trigger.clear());const s=this.isWidgetApplied(),i={[y]:()=>s?this.remove():this.pageWatcher.watch(),[$]:()=>{this.hasBeenShown?this.closedByUser?this.pageWatcher.watch():s||this.insert().then(e=>e.show()).catch(this.pageWatcher.watch):n()},[f]:n};"function"==typeof i[e]&&i[e]()}addCloseEvent(...e){const{closeButton:t,overlay:s,overlayClickable:i,layout:r,animationDuration:o=1e3}=DATA,a=[];if(void 0!==s&&!0!==s||!0!==i||"popin"!==r||a.push(`.${this.overlayClassName}`),void 0!==t&&t&&a.push(`.${this.closeButtonClassName}`),!a.length)return this;const c=this.domElement.querySelectorAll(a.join(", "));if(!c.length)return this;const l=["click",e=>{(e=>{n()||(e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation())})(e),this.recurrence&&this.recurrence.setClosingRecurrence(),this.hide(!0),setTimeout(()=>this.remove(),1.05*o)},{once:!0,capture:!0}];return e.push(...c),e.forEach(e=>{n()&&(e.dataset.abtastyActionnable="true"),e.removeEventListener(...l),e.addEventListener(...l)}),this}getDom(){const{closeButton:e,layout:t,overlay:n=!0}=DATA,s=document.createElement("div");return s.className=`${this.basicClassName} ${this.hideClassName}`,s.id=this.widgetContainerId,s.role="dialog",s.innerHTML=`\n\t\t\t${"popin"===t&&!0===n?`<div class="${this.overlayClassName}"></div>`:""}\n\t\t\t<div class="${this.contentClassName}" aria-label="Dialog content">\n\t\t\t${e?`<button class="${this.closeButtonClassName}" aria-label="Close dialog"><svg viewBox="0 0 16 16">\n\t<defs><path id="prefix__a" d="M12 4.991L11.009 4 8 7.009 4.991 4 4 4.991 7.009 8 4 11.009 4.991 12 8 8.991 11.009 12 12 11.009 8.991 8z"></path></defs>\n\t<g><use xlink:href="#prefix__a"></use></g>\n</svg></button>`:""}\n\t\t\t</div>`,s}loadFont(e,t){if(!e||"inherit"===e||!/otf|ttf/g.test(t))return;const n=document.createElement("style"),s=t.match(L)?t.match(L)[1]:"";n.innerHTML=`@font-face { font-family: '${e}_${s}'; src: url('${t}'); font-display: swap; }`,document.head.appendChild(n)}getStyleTag(e="",t=DATA){const{noStyles:s,layout:i}=t,{backgroundColor:r,isBackgroundImage:o,backgroundImage:a,backgroundSize:c,backgroundPosition:l,backgroundRepeat:h,borderColor:d,borderRadius:u,borderWidth:g,textColor:m,textAlign:p,fontName:v,fontStyle:w,fontSize:b,isTitle:y,titleTextAlign:$,titleTextColor:f,titleFontName:C,titleFontStyle:S,titleFontSize:T,overlay:E,overlayColor:x,dropShadow:A,dropShadowColor:P,dropShadowBlur:I,containerMargin:k,containerPadding:R,closeButton:N,closeButtonPosition:B,closeButtonSize:D,closeButtonBorderRadius:O,closeButtonBorderWidth:_,closeButtonBorderColor:W,closeButtonColor:q,closeButtonBackgroundColor:V,buttonsAlign:j,buttonsBorderWidth:M,buttonsBorderColor:F,buttonsBorderRadius:H,buttonsBackgroundColor:U,buttonsTextColor:K,buttonsFontName:z,buttonsFontStyle:G,buttonsFontSize:Y,secondLink:J,secondLinkBorderWidth:Q,secondLinkBorderColor:X,secondLinkBorderRadius:Z,secondLinkBackgroundColor:ee,secondLinkTextColor:te,secondLinkFontName:ne,secondLinkFontStyle:se,secondLinkFontSize:ie,animation:re,animationDuration:oe,animationBehaviour:ae,animationSlideDirection:ce}=s?{}:t,le=document.createElement("style");le.type="text/css",n()&&le.setAttribute("abtasty-script-added","true"),this.loadFont(v,w),this.loadFont(C,S),this.loadFont(z,G),this.loadFont(ne,se);const he=`background: ${["string"==typeof r?r:"rgba(255, 255, 255, 1)",o&&"string"==typeof a&&a.length?`url(${a})`:"",o&&"string"==typeof l&&"100% 100%"!==c?l:"0 0",o&&"string"==typeof c?`/ ${c}`:"/ auto",o&&h&&!["cover","100% 100%"].includes(c)?"repeat":"no-repeat"].join(" ").trim()};`,de="number"==typeof g&&g>0,ue=`border: ${[de?`${g}px`:"unset",de?"solid":"",de&&"string"==typeof d&&d.length?d:""].join(" ").trim()};`,ge=void 0!==u?`border-radius: ${u}px;`:"",me=void 0!==m?`color: ${m}; fill: ${m}; -webkit-text-fill-color: ${m};`:"",pe=void 0!==p?`text-align: ${p};`:"",ve=v&&"inherit"!==v?`font-family:${v}_${w.match(L)?w.match(L)[1]:""};`:w||"",we=b?`font-size: ${b}px;`:"",be=void 0!==A&&A?`box-shadow: 0 5px ${I}px 0 ${P};`:"",ye=k instanceof Array&&1===k.length&&k[0],$e=ye?`margin: ${ye.top}px ${ye.right}px ${ye.bottom}px ${ye.left}px;`:"",fe=ye?`margin: calc(${ye.top}px * 0.5) calc(${ye.right}px * 0.5) calc(${ye.bottom}px * 0.5) calc(${ye.left}px * 0.5);`:"",Ce=R instanceof Array&&1===R.length&&R[0],Se=Ce?`padding: ${Ce.top}px ${Ce.right}px ${Ce.bottom}px ${Ce.left}px;`:"",Te=Ce?`padding: calc(${Ce.top}px * 0.5) calc(${Ce.right}px * 0.5) calc(${Ce.bottom}px * 0.5) calc(${Ce.left}px * 0.5);`:"",Ee=void 0!==M&&M?`border-width: ${M}px; border-style: solid;`:"",xe=[F,M].every(e=>void 0!==e)&&M?`border-color: ${F};`:"",Ae=void 0!==H?`border-radius: ${H}px;`:"",Pe=void 0!==U?`background-color: ${U};`:"",Ie=void 0!==K?`color: ${K}; fill: ${K}; -webkit-text-fill-color: ${K};`:"",ke=z&&"inherit"!==z?`font-family:${z}_${G.match(L)?G.match(L)[1]:""};`:G||"",Re=Y?`font-size: ${Y}px;`:"",Ne="number"==typeof Q?`border-width: ${Q}px; border-style: solid;`:"",Le=[X,Q].every(e=>void 0!==e)&&Q?`border-color: ${X};`:"",Be=void 0!==Z?`border-radius: ${Z}px;`:"",De=void 0!==ee?`background-color: ${ee};`:"",Oe=void 0!==te?`color: ${te}; fill: ${te}; -webkit-text-fill-color: ${te};`:"",_e=ne&&"inherit"!==ne?`font-family:${ne}_${se.match(L)?se.match(L)[1]:""};`:se||"",We=ie?`font-size: ${ie}px;`:"",qe="popin"!==i||void 0!==E&&!0!==E?"":[`#${this.widgetContainerId} .${this.overlayClassName} {`,`background-color: ${void 0!==x?x:"rgba(0, 0, 0, 0.6)"};`,"}"].join(""),Ve="number"==typeof D?D:16,je=Ve/2,Me=s||void 0!==N&&N?[`#${this.widgetContainerId} .${this.contentClassName} .${this.closeButtonClassName} {`,"position: absolute;",("out"===B?`bottom: calc(100% + ${je}px)`:`top: ${je}px`)+";",`right: ${je}px;`,"width: auto;","height: auto;","background: none;","border: none;","cursor: pointer;","padding: 0;","margin: 0;","line-height: 0;","z-index: 9;","number"==typeof O?`border-radius: ${O}px;`:"","number"==typeof _&&_>0?`border: ${_}px solid ${void 0!==W?W:"rgba(57, 57, 57, 1)"};`:"","string"==typeof V?`background-color: ${V};`:"","}",`#${this.widgetContainerId} .${this.contentClassName} .${this.closeButtonClassName} svg {`,"pointer-events: none;",`width: ${Ve}px;`,`height: ${Ve}px;`,"string"==typeof q?`fill: ${q};`:"","}"].join(""):"",Fe=y&&"string"==typeof f?[`#${this.widgetContainerId} .${this.contentClassName} > * h1, `,`#${this.widgetContainerId} .${this.contentClassName} > * h2, `,`#${this.widgetContainerId} .${this.contentClassName} > * h3, `,`#${this.widgetContainerId} .${this.contentClassName} > * h4, `,`#${this.widgetContainerId} .${this.contentClassName} > * h5, `,`#${this.widgetContainerId} .${this.contentClassName} > * h6 {`,`color: ${f}; fill: ${f}; -webkit-text-fill-color: ${f};`,void 0!==$?`text-align: ${$};`:"",C&&"inherit"!==C?`font-family:${C}_${S.match(L)?S.match(L)[1]:""};`:S||"",T?`font-size: ${T}px;`:"","}"].join(""):"";let He="";if("string"==typeof re){const e=(oe/1e3).toFixed(2),t=["top","bottom"].includes(ce),s=Number(t),i=[(["top","left"].includes(ce)?"-":"")+"100vmax",this.translateValues?this.translateValues[s]:"0"];t&&i.reverse(),He={none:[`.${this.hideClassName} {`,"opacity: 0 !important;","}"],fade:[`.${this.hideClassName} {`,"opacity: 0 !important;","}",`#${this.widgetContainerId} {`,`transition: opacity ${e}s ${ae};`,"}"],slide:[`.${this.hideClassName} .${this.overlayClassName} {`,"opacity: 0 !important;","}",`#${this.widgetContainerId} .${this.overlayClassName} {`,`transition: opacity ${e}s ${ae};`,"}",`.${this.hideClassName} .${this.contentClassName} {`,`transform: translate(${i.join(", ")}) !important;`,"}",`#${this.widgetContainerId} .${this.contentClassName} {`,`transition: transform ${e}s ${ae};`,"}"]}[n()&&!ABTASTY_S.WIDGETS.animationChanged?"none":re].join("")}const Ue=[`#${this.widgetContainerId} .${this.contentClassName} .buttons_container .second_link {`,`margin-${"fill"===j?"top":"left"}: 8px;`,Ne,Le,Be,De,Oe,_e,We,"}",`#${this.widgetContainerId} .${this.contentClassName} .buttons_container .second_link {`,Oe,_e,We,"}"];return le.textContent=[`.${this.hideClassName} {`,"pointer-events: none;","}",`#${this.widgetContainerId} {`,"opacity: 1;","}",`#${this.widgetContainerId} .${this.contentClassName} {`,he,ge,ue,me,pe,be,$e,ve,we,"}",`#${this.widgetContainerId} .${this.contentClassName} p {`,me,pe,ve,we,"}",`#${this.widgetContainerId} .${this.contentClassName} > * {`,"display: block;","line-height: 1;","text-indent: unset;",Se,ve,we,"}",`#${this.widgetContainerId} .${this.contentClassName} a {`,"text-decoration: underline;","}",`#${this.widgetContainerId} .${this.contentClassName} div.buttons_container a, `,`#${this.widgetContainerId} .${this.contentClassName} button {`,"text-decoration: none;","box-sizing: border-box;","display: inline-block;",Ee,xe,Ae,Pe,Ie,ke,Re,"}",`#${this.widgetContainerId} .${this.contentClassName} div.buttons_container a *, `,`#${this.widgetContainerId} .${this.contentClassName} button:not(class*="close_button") * {`,Ie,ke,Re,"}",...J?Ue:[],"@media screen and (max-width: 579px) {",`#${this.widgetContainerId} .${this.contentClassName} {`,fe,"}",`#${this.widgetContainerId} .${this.contentClassName} > * {`,Te,"}","}",qe,Me,Fe,He,`${e}`].join(""),le}}class O extends D{constructor(e,t){super(e,t),this.stringStyles=this.getStyles(),this.styleElement=this.getStyleTag(this.stringStyles)}getStyles(){return[`#${this.widgetContainerId} {`,"width: auto;","height: auto;","margin: 0;","padding: 0;","background: none;","}",`#${this.widgetContainerId} .${this.contentClassName} {`,"position: relative;","}"].join("")}}class _ extends O{constructor(e,t){super(e,t),this.target=e}async insert(){return!this.isWidgetApplied()&&(document.head.appendChild(this.styleElement),this.target&&this.target.isConnected&&this.target.insertAdjacentElement("beforeend",this.domElement),this)}show(){const{triggerEvent:e,autoHide:t,timeHide:s}=DATA,i=e=>{e.stopPropagation(),this.hide(),setTimeout(()=>this.remove(),50)};return super.show(),n()||setTimeout(()=>{const n={[S]:["mouseleave"],[C]:["click"]};switch(e){case C:case S:n[e].forEach(e=>this.target.addEventListener(e,i,{passive:!0,once:!0}));break;case"pageLoad":t&&setTimeout(()=>this.remove(),1e3*s)}},100),this}}let W=[];const q=[],V=()=>{p("Widget launch");const{elementReferrer:e}=DATA;DATA.triggerEventClick=e,c(e,()=>{W=[...document.querySelectorAll(e)],W.forEach((e,n)=>{if(q.find(t=>t===e))return;const s=new _(e,n);q.push(e),s.init(!0).then(n=>{let{response:i}=n;if(i){const n=new b(s,e),i=new w(s.uniqueId);new t(n,i).build()}})})})},j=()=>{if(!o())return;const{elementReferrer:e}=DATA,t=[...document.querySelectorAll(`${e}`)];(t.length!==W.length||!t.every(e=>W.find(t=>t===e)))&&V()},{clear:M}=c("body",e=>{var t;M(),V(),t=e,new MutationObserver(j).observe(t,{childList:!0,subtree:!0})})}();
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@abtasty/tooltip",
3
3
  "description": "Widget for AB Tasty",
4
- "version": "2.0.21",
4
+ "version": "2.0.22",
5
5
  "form": "dist/form.js",
6
6
  "main": "dist/main.js",
7
7
  "type": "module",