`),"string"!=typeof t&&"number"!=typeof t||(t=te`

${t}

${o}`),e.params.imgText||(o+=zr(e,t,i,r)),""!==o.trim())return o};const Ur={mode:"both",enter:{active:"cl-po--fade-enter-active",from:"cl-po--fade-enter-from",to:"cl-po--fade-enter-to"},leave:{active:"cl-po--fade-leave-active",from:"cl-po--fade-leave-from",to:"cl-po--fade-leave-to"},duration:500},Wr=()=>{let e=document.createElement("input");return e.type="color",e.value="!","color"===e.type&&"!"!==e.value},Yr=(e,t,i={})=>((t.disabled||e._variantOption&&!1===t.available)&&(i["cl-po--disabled"]=!0),i),Gr=(e,t={})=>(t["cl-po--invalid"]=e.errors&&e.errors.length>0,e._editor&&e._layer.params.collapse&&(t["cl-po--b-radius-0"]=!0),t),Qr=(e,t,i={})=>(e.params.size?i["cl-po--"+e.params.size]=!0:t&&(i["cl-po--"+t]=!0),e.params.shape&&(i["cl-po--"+e.params.shape]=!0),i),Xr=(e,t,i,r)=>{t.params.toggle&&t.value===i.value&&(e.preventDefault(),e.stopImmediatePropagation(),t.value="",r(t))},Zr=(e,t={})=>(e.params.minWidth&&e.params.minWidth>0&&(t.minWidth=e.params.minWidth+"px"),t),Jr=(e,t={})=>(e.params.btnColor&&(t.color=e.params.btnColor),e.params.btnBgColor&&(t.backgroundColor=e.params.btnBgColor),t),Kr=(e,t,i=300)=>0===(i=e.params.debounce||i)?t:o.debounced(i,t),eo=e=>e.params.name?e.params.name:e.params.exclude?"_"+e.name:`properties[${e.name}]`,to=(e,t="noop")=>e.params.autocomplete?e.params.autocomplete:t,io=(e,t)=>{if(e.params.optionFont){let i=t(e.params.optionFont);if(i&&i.value){let e=i.value,t=d.getFont(e);if(t)return t.loaded||d.loadFontsByName([e]),e}}return null},ro=(e,t,i)=>{if(e.target.value){let i=[];if("uppercase"===t.params.textTransform?e.target.value=e.target.value.toUpperCase():"lowercase"===t.params.textTransform&&(e.target.value=e.target.value.toLowerCase()),t.params.rowsMax){let i=e.target.value.split("\n");i.length>t.params.rowsMax&&(i.length=t.params.rowsMax,e.target.value=i.join("\n"))}if(t.params.max&&e.target.value.length>t.params.max&&(e.target.value=e.target.value.substring(0,t.params.max)),t.params.textClean){if(!t._textClean)try{t._textClean=new RegExp(t.params.textClean,t.params.textCleanFlags||"ug")}catch(e){a.error("failed to compile textClean pattern for option: ",t.params.textClean,t,e)}t._textClean&&t._textClean.test(e.target.value)&&(e.target.value=e.target.value.replaceAll(t._textClean,""),i.push(l.get("product.options.validity.textClean",null,t.params.validationMsg||"Input not allowed")))}i.length&&(t.errors=i,t._error=!0)}return oo(e,t,i)},oo=(e,t,i)=>(t.value=e.target.value,i(t)),no=e=>{let t=[];return e._layer.params.editor.font&&t.push("font:"+(e._editor.fontFamily||"")),e._layer.params.editor.style&&(t.push("weight:"+(e._editor.fontWeight||"normal")),t.push("style:"+(e._editor.fontStyle||"normal"))),e._layer.params.editor.align&&t.push("align:"+(e._editor.textAlign||"left")),e._layer.params.editor.size&&t.push("size:"+(e._editor.fontSize||"normal")),e._layer.params.editor.color&&t.push("color:"+(e._editor.color||"#000000")),t.join(",")},ao=(e,t,i)=>({multiSelect:!0,onValidate:e=>{let t=e.value?e.value.split(",").length:0;return e.params.minSelect&&te.params.maxSelect?(e.errors.push(l.get("product.options.validity.selectMax",{max:e.params.maxSelect})),!1):!(e.required&&!e.value)||(e.errors.push(l.get("product.options.validity.valueMissing")),!1)},onChange:(e,t)=>{let r=document.querySelector("#"+t.id);if(r){let e=document.querySelectorAll('[id^="'+t.id+'"]'),o=[];for(let t=0;t{if(String(t.value).trim()===String(e.value).trim())return!0;if(e.value&&-1!==e.value.indexOf(t.value)){if(-1!==e.value.split(",").indexOf(t.value))return!0}return!1}});br.templates.hidden=(e,t,i)=>te` `,br.templates["value-formula"]=(e,t,i)=>te` ${br.templates.hidden(e,t,i)}} `;const so=e=>te` ${e._layer.params.collapseLabel?te`${e._layer.params.collapseLabel}`:null} `;br.templates.text=(e,t,i)=>te` ro(t,e,i)))} ?required=${e.required} minlength=${Ai(e.params.min)} maxlength=${Ai(e.params.max)} pattern=${Ai(e.params.pattern||void 0)} placeholder=${Ai(e.params.placeholder)} autocomplete="${to(e)}" form=${Ai(t.productFormLink)} style=${Li({textTransform:e.params.textTransform})}> ${e._editor?e._layer.params.collapse?te`${co(so(e),br.templates.text_editor(e,t,i),!1,"cl-po--edit")}`:te`${br.templates.text_editor(e,t,i)}`:null} `,br.templates.textarea=(e,t,i,r,o)=>te` ${e._editor?e._layer.params.collapse?te`${co(so(e),br.templates.text_editor(e,t,i),!1,"cl-po--edit")}`:te`${br.templates.text_editor(e,t,i)}`:null} ${e.params.textUsage?te`

`:null} `,br.templates.text_editor=(e,t,i)=>te`

${br.templates.hidden({id:e.id+"_editor",name:"_"+e.name+"_editor",params:{},value:no(e)},t)} ${e._layer.params.editor.font?te`

${br.templates.font({id:e.id+"_font",name:e.name+"_font",params:{name:e.name+"_font"},value:e._editor.fontFamily},t,(t=>{e._editor.fontFamily=t.value,i(e)}))}

`:null} ${e._layer.params.editor.style?te`

{e._editor.fontWeight="bold"===e._editor.fontWeight?"normal":"bold",i(e)}} class="cl-po--swatch cl-po--swatch-button ${"bold"===e._editor.fontWeight?"selected":""}" data-tippy-content="${l.get("product.options.text.style.bold")}" data-tippy-placement="bottom">

{e._editor.fontStyle="italic"===e._editor.fontStyle?"normal":"italic",i(e)}} class="cl-po--swatch cl-po--swatch-button ${"italic"===e._editor.fontStyle?"selected":""}" data-tippy-content="${l.get("product.options.text.style.italic")}" data-tippy-placement="bottom">

`:null} ${e._layer.params.editor.align?te`

{e._editor.textAlign="left",i(e)}} class="cl-po--swatch cl-po--swatch-button ${"left"===e._editor.textAlign?"selected":""}" data-tippy-content="${l.get("product.options.text.align.left")}" data-tippy-placement="bottom">

{e._editor.textAlign="center",i(e)}} class="cl-po--swatch cl-po--swatch-button ${"center"===e._editor.textAlign?"selected":""}" data-tippy-content="${l.get("product.options.text.align.center")}" data-tippy-placement="bottom">

{e._editor.textAlign="right",i(e)}} class="cl-po--swatch cl-po--swatch-button ${"right"===e._editor.textAlign?"selected":""}" data-tippy-content="${l.get("product.options.text.align.right")}" data-tippy-placement="bottom">

`:null} ${e._layer.params.editor.size?te`

{e._editor.fontSize=Math.max(e._layer.params.fontSizeMin||1,e._editor.fontSize-(e._layer.params.fontSizeStep||1)),i(e)}} class="cl-po--swatch cl-po--swatch-button">

{e._editor.fontSize=Math.min(e._layer.params.fontSizeMax||1e5,e._editor.fontSize+(e._layer.params.fontSizeStep||1)),i(e)}} class="cl-po--swatch cl-po--swatch-button">

`:null} ${e._layer.params.editor.color?te`

${br.templates.color({id:e.id+"_color",name:e.name+"_color",params:{name:e.name+"_color"},value:e._editor.color||"#000000"},t,(t=>{e._editor.color=t.value,i(e)}))} ${Wr()?te`

${br.templates.color_input({id:e.id+"_color",name:e.name+"_color",params:{name:e.name+"_color"},value:e._editor.color||"#000000"},t,(t=>{e._editor.color=t.value,i(e)}))}

`:null}

`,br.templates.date=(e,t,i)=>{let r=void 0===e._controller;if(e._controller=e._controller||{setup:()=>{if(e._controller.native=(()=>{let e=document.createElement("input");return e.setAttribute("type","date"),e.setAttribute("value","a"),"a"!==e.value})(),e._controller.native)e._controller.ready=Promise.resolve();else{let i=[t.assets+"/static/lib/dateinput/dateinput.min.js"];e._controller.ready=$r.loadOnce(i,"option-date",{async:!1})}},onValidate:()=>{let t=e._controller.dateEl,i=t.checkValidity(),r=!1,o=!1;if(i&&!e._controller.native){if(t.min){let e=new Date(t.min+"T00:00:00");t.valueAsDatee&&(i=!1,o=!0)}}if(!i){if(t.validity.rangeUnderflow||r){let i=t.min,r=new Date(i+"T00:00:00");r.setDate(r.getDate()-1),i=e._controller.format(r,e.params.dateFormat||"yyyy-mm-dd"),e.errors.push(l.get("product.options.validity.dateMin",{min:i}))}else if(t.validity.rangeOverflow||o){let i=t.max,r=new Date(i+"T00:00:00");r.setDate(r.getDate()+1),i=e._controller.format(r,e.params.dateFormat||"yyyy-mm-dd"),e.errors.push(l.get("product.options.validity.dateMax",{max:i}))}else e.errors.push(l.get("product.options.validity.valueMissing"));return!1}return!0},onChange:(e,t)=>{t._controller.mapDateValue(t),i(t)},mapDateValue:e=>{if(e._controller.dateEl.value)if(e.params.dateFormat){let t=e._controller.dateEl.valueAsDate,i=new Date(t.getUTCFullYear(),t.getUTCMonth(),t.getUTCDate(),t.getUTCHours(),t.getUTCMinutes(),t.getUTCSeconds());e._controller.el.value=e._controller.format(i,e.params.dateFormat)}else e._controller.el.value=e._controller.dateEl.value;else e._controller.el.value="";e.value=e._controller.el.value},mapOptionValue:()=>{if(e.value&&e.value!==e._controller.el.value){let t,i=e.params.dateFormat;if(i&&"yyyy-mm-dd"!==i){let r;if(-1!==i.indexOf("/")?r=i.startsWith("yyyy")?/(?\d{4})\/(?\d{2})\/(?\d{2})/:/(?\d{2})\/(?\d{2})\/(?\d{4})/:-1!==i.indexOf(".")&&(r=i.startsWith("dd")?/(?\d{2})\.(?\d{2})\.(?\d{4})/:/(?\d{2})\.(?\d{2})\.(?\d{4})/),r){let i=r.exec(e.value);i&&(t=new Date(i.groups.year,i.groups.month-1,i.groups.day))}}else t=new Date(e.value+"T00:00:00");if(t)return e._controller.dateEl.valueAsDate=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate())),!0}return!1},format:(e,t)=>(-1!==t.indexOf("mmmm")?t=t.replace("mmmm",e.toLocaleString("default",{month:"long"})):-1!==t.indexOf("mmm")&&(t=t.replace("mmm",e.toLocaleString("default",{month:"short"}))),t=(t=(t=(t=t.replace("yyyy",e.getFullYear())).replace("yy",e.getFullYear().toString().substr(-2))).replace("mm",("0"+(e.getMonth()+1)).slice(-2))).replace("dd",("0"+e.getDate()).slice(-2))),init:(e,t)=>{t&&(e._controller.options=t),e._controller.ready.then((()=>{if(e._controller.el=document.querySelector("#"+e.id),e._controller.dateEl=document.querySelector("#"+e.id+"-date"),!e._controller.native){if(window.navigator&&window.navigator.language){let t=navigator.language,i=t.substr(0,2);e._controller.dateEl.setAttribute("lang",t),"en"!==i&&e._controller.dateEl.setAttribute("data-first-day","mo")}e.params.dateFormat&&e._controller.dateEl.setAttribute("data-date-format",e.params.dateFormat)}e._controller.mapOptionValue(),e._controller.initMinMax(e)}))},initMinMax:e=>{const r=!isNaN(e.params.maxDays)&&null!=e.params.maxDays,o=!isNaN(e.params.minDays)&&null!=e.params.minDays;if(o||r){const n=t=>{r&&(t=>{if(t.setDate(t.getDate()+e.params.maxDays),e.params.maxDate){let i=new Date(e.params.maxDate+"T00:00:00");t>i&&(t=i)}e._controller.dateEl.max=e._controller.format(t,"yyyy-mm-dd"),e._controller.dateEl.valueAsDate&&e._controller.dateEl.valueAsDate>t&&(e._controller.dateEl.valueAsDate=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate())),e._controller.mapDateValue(e))})(new Date(t.getTime())),o&&(t=>{if(t.setDate(t.getDate()+e.params.minDays),e.params.minDate){let i=new Date(e.params.minDate+"T00:00:00");t{let r=t.detail;r.name===e.params.optionDate&&r._controller&&r._controller.dateEl&&(n(r._controller.dateEl.valueAsDate),i(e))},t.productForm.addEventListener("option:changed",e._controller.optionChanged)}n(a)}else if(e._controller.dateEl.min){let t=new Date(e._controller.dateEl.min+"T00:00:00");(!e.value||e._controller.dateEl.valueAsDate&&e._controller.dateEl.valueAsDate{let o=r.detail;t.productForm.removeEventListener("options:rendered",i),e._controller.init(e,o.config.options)};t.productForm.addEventListener("options:rendered",i)}else t.editorMode?e._controller.init(e):e._controller.mapOptionValue()&&e._controller.initMinMax(e);return te` e._controller.onChange(t,e)} ?required=${e.required} min=${Ai(null!=e.params.minDate?e.params.minDate:void 0)} max=${Ai(null!=e.params.maxDate?e.params.maxDate:void 0)}> `},br.templates.number=(e,t,i)=>e.params.numberSteps?te`

{e.value=Math.max((parseFloat(e.value)||0)-(e.params.numberStep||1),e.params.min||0),i(e)}}>- oo(t,e,i)))} ?required=${e.required} step="any" min=${Ai(e.params.min)} max=${Ai(e.params.max)} placeholder=${Ai(e.params.placeholder)} autocomplete="${to(e)}" form=${Ai(t.productFormLink)}> {e.value=Math.min((parseFloat(e.value)||0)+(e.params.numberStep||1),e.params.max||Number.MAX_SAFE_INTEGER),i(e)}}>+

`:te` oo(t,e,i)))} ?required=${e.required} step="any" min=${Ai(e.params.min)} max=${Ai(e.params.max)} placeholder=${Ai(e.params.placeholder)} autocomplete="${to(e)}" form=${Ai(t.productFormLink)}> `,br.templates.dimension=(e,t,i)=>{let r=void 0===e._controller;if(e._controller=e._controller||{x:0,y:0,area:0,xInput:"",yInput:"",xEl:null,yEl:null,onValidate:e=>!e.required||e.value&&e._controller.x>0&&(e.params.onlyX||e._controller.y>0)?(e._controller.validateDimension(e,e.errors,!e._controller.xInput,!e._controller.yInput),!e.errors.length):(e.errors.push(l.get("product.options.validity.valueMissing")),!1),validateDimension:(e,t,i=!1,r=!1)=>{let o=e._controller.x,n=e._controller.y;if(e.params.bigX&&oe&&"#"===e[0]?e.substring(1):e;!i&&e.params.minX&&oe.params.maxX&&t.push(l.get(a(e.params.maxXKey)||"{label} must be at most {max} {addon}",{label:e.params.labelX,max:e.params.maxX,addon:e.params.addonX})),e.params.maxY&&n>e.params.maxY&&t.push(l.get(a(e.params.maxYKey)||"{label} must be at most {max} {addon}",{label:e.params.labelY,max:e.params.maxY,addon:e.params.addonY}))},optionValue:e=>(e.params.valueTemplate||"{x}x{y}").replace(new RegExp("{x}","g"),e._controller.x).replace(new RegExp("{y}","g"),e._controller.y).replace(new RegExp("{area}","g"),e._controller.area.toFixed(2)),onChange:(e,r,o=!1)=>{let n=r._controller;o||(n.xEl=n.xEl||document.querySelector("#"+r.id+"-x"),n.yEl=n.yEl||document.querySelector("#"+r.id+"-y"),null!=r.params.ratio&&(n.xEl.value!==n.xInput?n.yEl.value=parseFloat(n.xEl.value/r.params.ratio).toFixed(2):n.xEl.value=parseFloat(n.yEl.value*r.params.ratio).toFixed(2)),n.xInput=n.xEl.value,n.yInput=n.yEl.value);const s=e=>e?e.replaceAll(",","."):"0";if(n.x=parseFloat(s(n.xInput))||0,n.y=parseFloat(s(n.yInput))||0,r.params.steps){let e=r.params.steps;n.x%e!=0&&(n.x=Math.round(n.x/e)*e),n.y%e!=0&&(n.y=Math.round(n.y/e)*e),(isNaN(r.params.rounding)||null===r.params.rounding)&&(r.params.rounding=0)}if(!isNaN(r.params.rounding)&&null!==r.params.rounding){let t=null==e;if(0!==n.x){let e=n.x.toFixed(r.params.rounding);n.x=parseFloat(e),t?n.xInput=e:(n.xInputBlur=()=>{n.xInput=e,n.xEl.value=n.xInput,delete n.xInputBlur},n.xEl.addEventListener("blur",(e=>{n.xInputBlur&&n.xInputBlur()}),{once:!0}))}if(0!==n.y){let e=n.y.toFixed(r.params.rounding);n.y=parseFloat(e),t?n.yInput=e:(n.yInputBlur=()=>{n.yInput=e,n.yEl.value=n.yInput,delete n.yInputBlur},n.yEl.addEventListener("blur",(e=>{n.yInputBlur&&n.yInputBlur()}),{once:!0}))}n.blurInterval||!n.xInputBlur&&!n.yInputBlur||(n.blurInterval=setInterval((()=>{n.xInputBlur&&document.activeElement!==n.xEl&&n.xInputBlur(),n.yInputBlur&&document.activeElement!==n.yEl&&n.yInputBlur(),n.xInputBlur||n.yInputBlur||(clearInterval(n.blurInterval),delete n.blurInterval)}),500))}if(r.params.areaCalc)try{if(!r._areaFunction)try{r._areaFunction=Function('"use strict";return (function(x,y){ return ('+r.params.areaCalc+") })")()}catch(e){a.error("failed to parse areaCalc: ",r.params.areaCalc,e),t.editorMode&&(r.errors=r.errors||[],r.errors.push(e))}r._areaFunction&&(n.area=r._areaFunction(n.x,n.y),n.area||(n.area=0))}catch(e){a.error("failed to calculate area with areaCalc: ",r.params.areaCalc,e),t.editorMode&&(r.errors=r.errors||[],r.errors.push(e))}else n.area=n.x*n.y;let l=[];n.validateDimension(r,l,!n.xInput,!n.yInput),l.length&&(r.errors=l,r._error=!0),r.value=n.optionValue(r),r.values||(r.values=[]);let c="";if(r.list&&r.values.length&&(c="var lookup=function(x,y,t){return option._controller.lookup(option,x,y,t)};",r.params.priceFormula||(r.values[0].values?r.params.priceFormula="lookup(x, y)":r.params.priceFormula="lookup(area) * area")),r.params.priceFormula)if(r.values.length&&r.values[0]._calc)r.values[0].value=r.value;else{let e="var x=option._controller.x;var y=option._controller.y;var area=option._controller.area;"+c;-1===r.params.priceFormula.indexOf("return")?e+="return ("+r.params.priceFormula+")":e+=r.params.priceFormula;let t={value:r.value,text:"",priceType:gr.FORMULA,priceFormula:e,_calc:!0};r.values.unshift(t)}else r.values.unshift({value:r.value,text:""});i(r)},lookup:(e,t,i,r)=>{"string"==typeof i&&(r=i,i=null);for(let o=e.values.length-1;o>=1;o--){let n=e.values[o],s=parseFloat(n.value);if(t>=s){if(r&&n.text!==r)continue;if(!i||!n.values?.length)return a.info("[live-options] price list lookup:",t,"match:",s,"price:",n.price),n.price;for(let e=n.values.length-1;e>=0;e--){let r=n.values[e],o=parseFloat(r.value);if(i>=o)return a.info("[live-options] price list lookup:",t,i,"match:",s,o,"price: ",r.price),r.price}}}return a.warn("[live-options] price list lookup:",t,"no match"),0},restore:e=>{if(e.value&&e.value!==e._controller.optionValue(e)){let t=(e.params.valueTemplate||"{x}x{y}").replace(".","\\.").replace("*","\\*").replace(new RegExp("{x}","g"),"(?.*)").replace(new RegExp("{y}","g"),"(?.*)").replace(new RegExp("{area}","g"),"(?.*)"),i=new RegExp(t,"g").exec(e.value);if(i&&i.groups)return void 0!==i.groups.x&&(e._controller.xInput=i.groups.x),void 0!==i.groups.y&&(e._controller.yInput=i.groups.y),e._controller.onChange(null,e,!0),!0}return!1},init:(e,t)=>{isNaN(e.params.valueX)||null===e.params.valueX||(e._controller.xInput=String(e.params.valueX)),isNaN(e.params.valueY)||null===e.params.valueY||(e._controller.yInput=String(e.params.valueY)),e.value&&e._controller.restore(e)||(e._controller.xInput||e._controller.yInput)&&e._controller.onChange(null,e,!0)},stepDec(e,t){let i=e._controller[t],r=e.params.numberStep||1,o=isNaN(e.params.rounding)||null===e.params.rounding?null:e.params.rounding,n=Math.round(i/r);const a=Math.pow(10,-10);Math.abs(i-n*r){t.productForm.removeEventListener("options:rendered",i),e._controller.init(e)};t.productForm.addEventListener("options:rendered",i)}else e.value&&!e._controller.xEl&&e._controller.restore(e);const o=te`e._controller.onChange(t,e)))} ?required=${e.required} form=${Ai(t.productFormLink)}>`,n=te`e._controller.onChange(t,e)))} ?required=${e.required&&!e.params.onlyX} form=${Ai(t.productFormLink)}>`;return te`

${e.params.labelX?te`${e.params.labelX}`:null}

${e.params.numberSteps?te`

{e._controller.stepDec(e,"x")}}>- ${o} {e._controller.stepInc(e,"x")}}>+

`:o} ${e.params.addonX?te`${e.params.addonX}`:null}

${e.params.labelY?te`${e.params.labelY}`:null}

${e.params.numberSteps?te`

{e._controller.stepDec(e,"y")}}>- ${n} {e._controller.stepInc(e,"y")}}>+

`:n} ${e.params.addonY?te`${e.params.addonY}`:null}

`},br.templates.color=(e,t,i)=>te` ${Wr()?te` oo(t,e,i)} ?required=${e.required} minlength=${Ai(e.params.min)} maxlength=${Ai(e.params.max)} placeholder=${Ai(e.params.placeholder)} form=${Ai(t.productFormLink)}> `:br.templates.color_input(e,t,i)} `,br.templates.color_input=(e,t,i)=>te` oo(t,e,i)} ?required=${e.required} pattern="#[0-9A-Fa-f]{6}" placeholder=${Ai(e.params.placeholder)} autocomplete="${to(e,"color")}" form=${Ai(t.productFormLink)}> `,br.templates["color-swatch"]=(e,t,i)=>e.params.multiSelect?(e._controller=e._controller||ao(0,0,i),te` `):te` `,br.templates["color-img-swatch"]=(e,t,i)=>br.templates["img-swatch"](e,t,i),br.templates["img-swatch"]=(e,t,i)=>e.params.multiSelect?(e._controller=e._controller||ao(0,0,i),te` `):te` `,br.templates["button-swatch"]=(e,t,i)=>e.params.multiSelect?(e._controller=e._controller||ao(0,0,i),te` `):te` `;const lo=(e,t,i)=>{const r={quantity:1,quantityEl:null,quantityElOption:!1,quantityId:"",quantityDiscount:"",discount:0,discountType:gr.ABSOLUTE,onValidate:e=>{if(e.params.quantityId){let i=e.params.quantityId;-1!==i.indexOf("{random}")&&(i=i.replace("{random}",String(Math.floor(1e3*Math.random()+1)))),-1!==i.indexOf("{product}")&&(i=i.replace("{product}",String(t.product.id))),-1!==i.indexOf("{variant}")&&(i=i.replace("{variant}",String(t.productForm.id.value))),r.quantityId=i}return!0},onChange:(e,t)=>{r.quantity=parseInt(t.value),r.syncEl(),r.selectDiscount(t),i(t)},selectDiscount:e=>{if(e.values)for(let t=0;t{r.quantityEl.value=r.quantity},syncValue:e=>{if(r.quantity=parseInt(r.quantityEl.value)||1,e.value="",r.discount=0,e.values)for(let t=0;t=t&&i._discount>r.discount&&(e.value=i.value)}}r.selectDiscount(e)},quantityDiscountText(e,t,i,o,n,a=""){const s=r.calcQuantityDiscountVars(e,t,i,o,n);return`${e.params.textDiscountBuy||"Buy:"} ${t}${a}`+(e.params.discountTemplate||"{price} {compare} {discount}").replace(new RegExp("{compareP}","g"),`${cr(100*s.price,ur.moneyFormat)}`).replace(new RegExp("{compare}","g"),`${cr(100*s.total,ur.moneyFormat)}`).replace(new RegExp("{priceP}","g"),`${cr(100*s.productFinal,ur.moneyFormat)}`).replace(new RegExp("{price}","g"),`${cr(100*s.totalFinal,ur.moneyFormat)}`).replace(new RegExp("{discountP}","g"),`${s.productSave}`).replace(new RegExp("{discount}","g"),`${s.totalSave}`)},optionValueDiscountText(e,t,i){let o=parseInt(t.value),n="+",a=e.values.indexOf(t);if(e.values.length>a+1){parseInt(e.values[a+1].value)===o+1&&(n="")}return r.quantityDiscountText(e,o,t._discount,t.priceType,i,n)},calcQuantityDiscountVars(e,t,i,r,o){let n,a,s,l,c=o.price.final-o.price.variantTotal,p=t*c;if(r===gr.PERCENTAGE)n=c-c*(i/100),s=n*t,a=`${e.params.textDiscountSave||"Save:"} ${i}%`,l=a;else{ur.currencyConvert&&(i=hr(i));let e=Math.min(i,c);n=c-e,a="-"+cr(100*e,ur.moneyFormat);let r=e*t;s=p-r,l="-"+cr(100*r,ur.moneyFormat)}return{price:c,total:p,productFinal:n,productSave:a,totalFinal:s,totalSave:l}},updatePriceElements(e,t){if(r._priceElList&&r._priceElList.length)for(let e=0;e{const t=void 0!==e.dataset.livePriceQuantitySingle?"productFinal":"totalFinal";let r=cr(100*i[t],ur.moneyFormat);e.dataset.liveFormat&&(e.dataset.liveFormat=r),e.innerHTML=r}))}},init:e=>{let o=[];if(e.values)for(let t=0;t{r.syncValue(e),i(e)}));else if(!r.quantityElOption){r.quantityElOption=!0;const i=o=>{t.productForm.removeEventListener("options:rendered",i),r.quantityEl=document.querySelector("#"+e.id+"-quantity"),r.quantityEl.value="1",r.syncValue(e)};t.productForm.addEventListener("options:rendered",i)}}e.params.selectedQuantity&&!t.editorMode&&setTimeout((()=>{r.quantity=parseInt(e.params.selectedQuantity),r.syncEl(e),r.syncValue(e),i(e)}))}};return r.init(e),r};br.templates["quantity-discount"]=(e,t,i)=>fr.QUANTITY?(e._controller=e._controller||lo(e,t,i),t.editorMode&&e._controller.init(e),e._controller.updatePriceElements(e,t),te` ${Ii(e.values||[],((i,r)=>te` oo(t,e,(e=>e._controller.onChange(t,e)))} .checked=${Fi(e.value==i.value)} ?required=${e.required} name="_${e.name}" form=${Ai(t.productFormLink)}>

${vi(e._controller.optionValueDiscountText(e,i,t))}

`))} ${!1!==e.params.discountLine&&e._controller.discount&&e._controller.quantity!==parseInt(e.value)?te`

${vi(e._controller.quantityDiscountText(e,e._controller.quantity,e._controller.discount,e._controller.discountType,t))}

`:null} ${e._controller.quantityElOption?te`

{e._controller.quantity--,e._controller.syncEl(e),e._controller.syncValue(e),i(e)}}>- {e._controller.syncValue(e),i(e)}}> {e._controller.quantity++,e._controller.syncEl(e),e._controller.syncValue(e),i(e)}}>+

`:null} `):te``;br.templates.personalize=(e,t,i)=>e.params.btnCheckbox?te` ${Ii(e.values||[],((i,r)=>0===r?te` ((e,t,i)=>(t.value=t.value===t.values[0].value?t.values[1].value:t.values[0].value,i(t)))(0,e,(e=>e._controller.onChange(t,e,!0)))} .checked=${e.value==i.value} ?required=${e.required} form=${Ai(t.productFormLink)}> ${vi(zr(e,i,ur.moneyFormat))} `:te``))} `:te` `,br.templates.download=(e,t,i)=>te` `,br.templates.radio=(e,t,i)=>te` ${Ii(e.values||[],(e=>e.value),((r,o)=>te` oo(t,e,i)} .checked=${Fi(e.value==r.value)} ?required=${e.required} ?disabled=${r.disabled} form=${Ai(t.productFormLink)}> ${vi(zr(e,r,ur.moneyFormat))} `))} `,br.templates.checkbox=(e,t,i)=>(e._controller=e._controller||ao(0,0,i),te` ${Ii(e.values||[],(e=>e.value),((r,o)=>te` e._controller.onChange(t,e)} .checked=${Fi(e._controller.isSelected(e,r))} ?disabled=${r.disabled} form=${Ai(t.productFormLink)}> ${vi(zr(e,r,ur.moneyFormat))} ${((e,t,i)=>t.quantityInput&&t.priceVariant?te`

{t.priceVariant.quantity=parseInt(r.target.value),i(e)}))}>

`:null)(e,r,i)} `))} `),br.templates.select=(e,t,i)=>{let r=e.params.groupDelimiter?((e,t)=>{let i=[],r=null;const o={};for(let n=0;n1){const e=s[0];r&&e===r.groupLabel||(o.hasOwnProperty(e)?r=o[e]:(r={groupLabel:e,values:[]},i.push(r),o[e]=r)),a._text||(a._text=a.text,a.text=s[1]),r.values.push(a)}else i.push(a)}return i})(e.values,e.params.groupDelimiter):null;const o=(t,i)=>te` `;return te` ${e._editor?e._layer.params.collapse?te`${co(so(e),br.templates.text_editor(e,t,i),!1,"cl-po--edit")}`:te`${br.templates.text_editor(e,t,i)}`:null} `},br.templates.font=(e,t,i)=>{let r;r=e.params.fontFamilies&&e.params.fontFamilies.length?e.params.fontFamilies:d.fonts.map((e=>e.name)),e.params.fontSortAlpha&&r.sort(((e,t)=>e.localeCompare(t))),e.values=r.map((e=>({value:e,text:" ",img:d.fontPreview(e)})));let o="dropdown";return e.params.fontSwatch&&(e.params.grow=!0,e.params.items=e.params.fontSwatchItems||3,o="img-swatch"),te`

${br.templates[o](e,t,i)}

`},br.templates.dropdown=(e,t,i)=>{let r=void 0===e._controller;if(e._controller=e._controller||{setup:()=>{let i=[t.assets+"/static/lib/choicesjs/choices.min.css",t.assets+"/static/lib/choicesjs/choices.min.js"];e._controller.ready=$r.loadOnce(i,"option-dropdown",{async:!1})},mapValues:e=>{let t=e.values?e.values.map((t=>{let i=e.value==t.value;return!i&&e.value&&e._controller.multiSelect&&(i=e._controller.isSelected(e,t)),{value:t.value,label:zr(e,t,ur.moneyFormat),customProperties:t.img,selected:i,disabled:!0===t.disabled}})):[];return e.value||e.params.multiSelect?e._controller._empty&&delete e._controller._empty:(t.unshift({value:"",label:e.params.textValueSelect||"",selected:!0}),e._controller._empty=!0),t},init:e=>{e._controller.ready.then((()=>{let t=document.querySelector("#"+e.id);if(e.params.multiSelect){e._controller.optionEl=t,e._controller.selectEl=document.querySelector("#"+e.id+"-select");const r=ao();Object.assign(e._controller,r),e._controller.onChange=(e,t)=>{let r=t._controller.instance.getValue(!0).join(",");t._controller.optionEl.value=r,t.value=r,i(t)}}else e._controller.selectEl=t;const r=e=>{let t=`${e.label}`;return e.customProperties?`

${t}`:t};e._controller.instance=new Choices(e._controller.selectEl,{choices:e._controller.mapValues(e),itemSelectText:"",noResultsText:"",noChoicesText:"",removeItemButton:!!e.params.multiSelect,maxItemCount:e.params.maxSelect?e.params.maxSelect:-1,maxItemText:e.params.maxSelect?l.get("product.options.validity.selectMax",{max:e.params.maxSelect}):"",searchPlaceholderValue:e.params.textSearchValues||"",searchEnabled:e.params.searchValues||!1,searchChoices:e.params.searchValues||!1,fuseOptions:window.clDropdownFuseOptions||{},shouldSort:!1,callbackOnCreateTemplates:function(t){return{item:(t,i,o)=>{let n=Choices.defaults.templates.item.apply(this,[t,i,o]),a=r(i);return e.params.multiSelect?(n.innerHTML=n.innerHTML.replace(i.label,a),n.lastElementChild.innerHTML="X"):n.innerHTML=a,""===i.value&&n.classList.add("cl-po--placeholder"),n},choice:(e,t,i)=>{let o=Choices.defaults.templates.choice.apply(this,[e,t,i]);return o.innerHTML=r(t),t.disabled&&o.classList.add("cl-po--disabled"),""===t.value&&o.classList.add("cl-po--placeholder"),o}}}})}))},updateChoices:e=>{e._controller.instance&&(e.value&&e.params.multiSelect&&e._controller.instance.clearStore(),e._controller.instance.setChoices(e._controller.mapValues(e),"value","label",!0))},update:e=>{e._controller.instance&&(e.params.multiSelect?e._controller.optionEl&&e.value!==e._controller.optionEl.value&&e._controller.instance.setChoiceByValue(e.value.split(",")):e._controller.selectEl&&e.value!==e._controller.selectEl.value&&e._controller.instance.setChoiceByValue(e.value))}},t.productForm)if(r){e._controller.setup();const i=()=>{t.productForm.removeEventListener("options:rendered",i),e._controller.init(e)};t.productForm.addEventListener("options:rendered",i)}else if(t.editorMode)e._controller.multiSelect!==e.params.multiSelect?(delete e._controller.multiSelect,e._controller.init(e)):e._controller.updateChoices(e);else{if(e._controller.update(e),e.params.valuePriceText){let t=Rr(e);t&&(t._priceFunction||t.priceType===gr.PERCENTAGE)&&e._controller.updateChoices(e)}e._variantOption&&e._controller.updateChoices(e),e.value&&e._controller._empty&&(e._controller.updateChoices(e),delete e._controller._empty)}return e.params.multiSelect?te` `:te` `};const co=(e,t,i,r="")=>te`

(e=>{let t=e.currentTarget,i=-1!==t.className.indexOf("open"),r=t.nextElementSibling;i||(r.style.maxHeight=r.scrollHeight+100+"px",setTimeout((()=>{r.style.maxHeight&&(r.style.maxHeight=null)}),500)),t.classList.toggle("cl-po--open")})(e)}>${e}

${t}

`;br.templates.group=(e,t,i,r,o)=>{const n=te`

${e.params.groupLayout?te` `:null} ${e.options&&e.options.length>0?te` ${uo(e.options,t,i,r,o)} `:null}

`;return e.params.collapse?co(vi(e.params.collapseLabel),n,e.params.collapseOpen):n},br.templates.html=(e,t,i)=>te` ${vi(e.params.html.replace(new RegExp("{product}","g"),t.product.id))} `,br.templates.layer_editor=(e,t,i)=>te` ${e._layer.params.collapseLabel?te`${e._layer.params.collapseLabel}`:null}

${e._layer.params.editor.scale?te`

{Mr.scale(e._layer,-(e._layer.params.editor.scaleStep||.1))}} class="cl-po--swatch cl-po--swatch-button" data-tippy-content="${l.get("product.options.layer.scaleDown",null,"Scale down")}" data-tippy-placement="bottom">

{Mr.scale(e._layer,e._layer.params.editor.scaleStep||.1)}} class="cl-po--swatch cl-po--swatch-button" data-tippy-content="${l.get("product.options.layer.scaleUp",null,"Scale up")}" data-tippy-placement="bottom">

`:null} ${e._layer.params.editor.center?te`

{Mr.center(e._layer,"h")}} class="cl-po--swatch cl-po--swatch-button" data-tippy-content="${l.get("product.options.layer.centerH",null,"Center horizontal")}" data-tippy-placement="bottom">

{Mr.center(e._layer,"v")}} class="cl-po--swatch cl-po--swatch-button" data-tippy-content="${l.get("product.options.layer.centerV",null,"Center vertical")}" data-tippy-placement="bottom">

{Mr.center(e._layer)}} class="cl-po--swatch cl-po--swatch-button" data-tippy-content="${l.get("product.options.layer.center",null,"Center")}" data-tippy-placement="bottom">

`:null} ${e._layer.params.editor.move?te`

{Mr.moveX(e._layer,-(e._layer.params.editor.moveStep||50))}} class="cl-po--swatch cl-po--swatch-button" data-tippy-content="${l.get("product.options.layer.moveLeft",null,"Move left")}" data-tippy-placement="bottom">

{Mr.moveX(e._layer,e._layer.params.editor.moveStep||50)}} class="cl-po--swatch cl-po--swatch-button" data-tippy-content="${l.get("product.options.layer.moveRight",null,"Move right")}" data-tippy-placement="bottom">

{Mr.moveY(e._layer,-(e._layer.params.editor.moveStep||50))}} class="cl-po--swatch cl-po--swatch-button" data-tippy-content="${l.get("product.options.layer.moveUp",null,"Move up")}" data-tippy-placement="bottom">

{Mr.moveY(e._layer,e._layer.params.editor.moveStep||50)}} class="cl-po--swatch cl-po--swatch-button" data-tippy-content="${l.get("product.options.layer.moveDown",null,"Move down")}" data-tippy-placement="bottom">

`:null}

`,br.templates.upload=(e,t,i,r,o)=>{let n=void 0===e._controller;return e._controller=e._controller||Ir.getInstance().controller(e,t.product,t.productForm,o),n||e._controller.update(e,t.productForm,t.productFormLink),te`

e._controller.onChange(r,e,t.productForm,t.productFormLink,i)} ?multiple=${e.params.multiple} accept=${Ai(e.params.accept)} > ${vi(e.params.button||"Choose file")} ${e.value&&e._layer&&e._layer.params.crop?te` e._controller.crop(e,t.productForm)}> ${e._layer.params.cropLabel?te`${e._layer.params.cropLabel}`:null} `:null}

${Ii(e._controller.files,(r=>te`

${r.name} e._controller.remove(e,t.productForm,r,i)}>×

`))}

${e.value&&e._layer&&e._layer&&e._layer.params.layerEditor?te`${br.templates.layer_editor(e,t,i)}`:null}

`},br.templates["upload-lift"]=(e,t,i,r,o)=>{if(e.params.uuid){e._controller&&(e._controller.field&&e._controller.field.config.uuid!==e.params.uuid?(e._controller.field.destroy(),delete e._controller):t.editorMode&&e._controller.notfound&&delete e._controller);let r=void 0===e._controller;e._controller=e._controller||Ir.getInstance().controllerLift(e,t.product,t.productForm,i,o),r||e._controller.update(e,t.productForm),e._controller.option=e;let n=e._layer&&e._layer.params.cropLabel?e._layer.params.cropLabel:e.params.cropLabel;return te`

${e.value&&(e._layer&&e._layer.params.crop||e._controller._cropConfig||e.params.cropEdit)?te` e._controller.crop(e,t.productForm)}> ${n?te`${n}`:null} `:null} ${e.value&&e._layer&&e._layer.params.layerEditor?te`${br.templates.layer_editor(e,t,i)}`:null}

`}return null},br.templates.library=(e,t,i,r,o)=>{let n=void 0===e._controller;return e._controller=e._controller||new Fr(i,o),e._controller.option=e,e._controller.config=t,n?e._controller.init():e.value&&!e._controller.image&&-1!==e.value.indexOf("http")&&e._controller.restoreImage(),(n||t.editorMode)&&e._controller.initUI(),te` ${e.params.popup?te``:null} ${e._controller.image?te``:null}

e._controller.onSearch(t)))} >

${e._controller.categoryCount>0?te`

${l.get("product.options.library.categories.label",null,"Categories")}

`:null} ${e.params.categoryGrid?te`

${Ii(e.values||[],(e=>e.value),((t,i)=>te` ${e._controller.image!==t?te`

e._controller.onCategoryChange(i,t)}> ${t.img?te` ${zr(e,t,ur.moneyFormat)}

`:null} ${vi(zr(e,t,ur.moneyFormat))}

`:null} `))}

`:te` `}

${!e._controller.imagesHide&&e._controller.categoryHide?te`

e._controller.showCategories()}> ${l.get("product.options.library.categories.button",null,"Show categories")}

`:null}

${Ii(e._controller.imagesPaged||[],(e=>e.value),((t,i)=>te`

e._controller.onImageChange(i,t)}> ${t.img?te` ${zr(e,t,ur.moneyFormat)}

`:null}

`))}

${e._controller.searchQuery&&0===e._controller.imagesPaged.length?te`

${l.get("product.options.library.search.empty",null,"No results found")}

`:null} ${e._controller.hasMoreImages?te`

e._controller.onMoreImages()}> ${l.get("product.options.library.images.button",null,"More images")}

`:null}

`},br.templates["library-popup"]=(e,t,i)=>te`

`;const po=e=>te` ${vi(e.label)} ${e.value&&e.params.labelValueText?te` ${Vr(Rr(e))}`:null} ${e._priceText?te` ${vi(jr(e._priceText,e.params.priceTemplate))}`:null} ${e.params.info?te``:null} `,uo=(e,t,i,r,o)=>te` ${Ii(e,(e=>e.name),((e,n)=>te` ${$i(e.visible?te`

${e.label?(e=>"text"===e.type||"textarea"===e.type||"number"===e.type||"select"===e.type)(e)?te`${po(e)}`:te`

${po(e)}

`:null} ${br.templates[e.type]?te` ${br.templates[e.type](e,t,i,r,o)} `:null} ${e.params.help?te`

${vi(e.params.help)}

`:null} ${sr(e.errors&&e.errors.length>0?Ui(te`

${Ii(e.errors,((t,i)=>te`

r(i,e,t)}>${t}

`))}

`,`${e.id}-errors`):Ui(te``,"noop"),Ur)}

`:null)} `))} `;var ho=(e,t,i,r,o,n)=>te`

${e.length>0?te` ${uo(e,t,i,r,n)} ${t.editorMode?te`

`:null} `:null} ${t.idLink?te` `:null}

`;var mo=(e,t,i,r,o,n)=>te`

`,go={};!function(e){"use strict";var t=e.HTMLCanvasElement&&e.HTMLCanvasElement.prototype,i=e.Blob&&function(){try{return Boolean(new Blob)}catch(e){return!1}}(),r=i&&e.Uint8Array&&function(){try{return 100===new Blob([new Uint8Array(100)]).size}catch(e){return!1}}(),o=e.BlobBuilder||e.WebKitBlobBuilder||e.MozBlobBuilder||e.MSBlobBuilder,n=/^data:((.*?)(;charset=.*?)?)(;base64)?,/,a=(i||o)&&e.atob&&e.ArrayBuffer&&e.Uint8Array&&function(e){var t,a,s,l,c,p,d,u,h;if(!(t=e.match(n)))throw new Error("invalid data URI");for(a=t[2]?t[1]:"text/plain"+(t[3]||";charset=US-ASCII"),s=!!t[4],l=e.slice(t[0].length),c=s?atob(l):decodeURIComponent(l),p=new ArrayBuffer(c.length),d=new Uint8Array(p),u=0;ute`

`;class vo{evaluateConditions(e,t,i){let r=1===t?"OR":"AND",o=a.getLevel();o<=a.levels.TRACE&&a.debug("====> evaluating conditions for: "+i+" in mode "+r,e);let n=!1;if(e.length)for(let i=0;i evaluated conditions for: "+i+" in mode "+r,n),!!n}evaluateCondition(e,t){return"options"===e.data?this.evaluateOptionCondition(e,t.options):"product"===e.data?this.evaluateProductCondition(e,t.product):"variant"===e.data&&this.evaluateVariantCondition(e,t.variant)}evaluateOptionCondition(e,t){for(let i=0;i0){if(this.evaluateOptionCondition(e,r.options))return!0}}return!1}evaluateVariantCondition(e,t){if(t)switch(e.field){case"variant":if(e.variants)for(let i=0;i=0?t.tags.split(", "):[t.tags]}for(let t=0;t-1;case"!contains":return-1===i.toString().toLowerCase().trim().indexOf(t.toString().toLowerCase().trim());case"empty":return!i;case"!empty":return!!i;case"=":return parseFloat(i)===parseFloat(t);case"!=":return parseFloat(i)!==parseFloat(t);case">":return parseFloat(i)>parseFloat(t);case">=":return parseFloat(i)>=parseFloat(t);case"<":return parseFloat(i)n.height||a.width>n.width)&&(i?(c?(p=Math.max(d,u),r.interactive&&(d>u?e.lockMovementX=!0:e.lockMovementY=!0)):p=Math.min(d,u),e.scaleX=p,e.scaleY=p):(e.scaleY=u,e.scaleX=d),e.setCoords(),a=Pr.getDimensions(e)),1!==p&&t.type}if(r.autoPos&&!t._interactive)if(0!==o.angle?e.angle=o.angle:0!==e.angle&&(e.angle=0),r.autoCenter)Pr.center(e,a,o,n);else{if(r.autoCenterH)Pr.centerHorizontal(e,a,o,n);else if(e.left=o.x,"text"===t.type&&!r.textBox)if("center"===r.textAlign)Pr.centerHorizontal(e,a,o,n);else if("right"===r.textAlign){let t=o.x+n.width-a.width;e.left=parseFloat(t.toFixed(2))}if(r.autoCenterV?Pr.centerVertical(e,a,o,n):e.top=o.y,0!==e.angle&&(r.autoCenterH||r.autoCenterV)){let i=new fabric.Rect({left:o.x,top:o.y,width:n.width,height:n.height,angle:e.angle}),a=r.autoCenterH?"center":"left",s=r.autoCenterV?"center":"top";"text"!==t.type||r.textBox||("center"===r.textAlign?a="center":"right"===r.textAlign&&(a="right"));let l=i.getPointByOrigin(a,s);e.setPositionByOrigin(l,a,s)}}}_addRefRect(e,t,i,r){if(Pr.isEditLayer(t,i.editorMode,i.editLayer)&&!i.cropMode)if(Pr.hasRefRect(t)){let e=this._getRefRect(t,i);r.add(e),r.uniformScaling=!1}else r.uniformScaling=!0}_getRefRect(e,t){let i=e._objectRef||new fabric.Rect,r=!("upload"===e.type&&e.params.crop);r||i.setControlsVisibility({mtr:!1});let o={visible:!0,lockUniScaling:!1,lockRotation:!r,lockMovementX:!1,lockMovementY:!1,lockScalingX:!1,lockScalingY:!1,hasControls:!0,lockScalingFlip:!0,selectable:!0,evented:!0};return o.left=void 0!==e.params.refX?e.params.refX:50,o.top=void 0!==e.params.refY?e.params.refY:50,o.width=e.params.refWidth||t.config.width-100,o.height=e.params.refHeight||t.config.height-100,o.scaleX=1,o.scaleY=1,o.angle=r&&void 0!==e.params.refAngle?e.params.refAngle:0,o.fill="#139cf6",o.opacity=.5,o._layerRef=e,i.setOptions(o),e._objectRef=i,i}_getImageUrl(e,t,i){if(i.cdnSize&&vr(e)){let r=Pr.getRefDimensions(t,i),o=Math.max(r.width,r.height),n=r.width>r.height;o=200*Math.ceil(o/200);let a=Math.min(3e3,o);return _r(e,n?a+"x":"x"+a)}return e}};var wo=e=>{const t=e.Image.filters,i=e.util.createClass;t.SwapColor=i(t.BaseFilter,{type:"SwapColor",fragmentSource:"\n precision highp float;\n uniform sampler2D uTexture;\n uniform vec4 colorSource;\n uniform vec4 colorDestination;\n uniform float tolerance;\n varying vec2 vTexCoord;\n\n void main() {\n vec4 color = texture2D(uTexture, vTexCoord);\n vec3 sourceRGB = colorSource.rgb;\n vec3 destRGB = colorDestination.rgb;\n\n float colorDistance = length(sourceRGB - color.rgb);\n bool colorMatch = colorDistance < tolerance && color.a > 0.0;\n\n // Adjust the tolerance for alpha channel\n if (colorMatch && abs(colorSource.a - color.a) > 0.1) {\n colorMatch = false;\n }\n\n gl_FragColor = colorMatch ? vec4(destRGB, color.a) : color;\n }\n ",colorSource:"rgb(255, 0, 0)",colorDestination:"rgb(0, 255, 0)",tolerance:.1,applyTo2d:function(t){var i,r=t.imageData.data,o=r.length,n=new e.Color(this.colorSource).getSource(),a=new e.Color(this.colorDestination).getSource();if(this.tolerance<=.1)for(i=0;i0&&(r[i]=a[0],r[i+1]=a[1],r[i+2]=a[2])}},getUniformLocations:function(e,t){return{uColorSource:e.getUniformLocation(t,"colorSource"),uColorDestination:e.getUniformLocation(t,"colorDestination"),uTolerance:e.getUniformLocation(t,"tolerance")}},sendUniformData:function(t,i){var r=new e.Color(this.colorSource).getSource(),o=new e.Color(this.colorDestination).getSource();r[0]/=255,r[1]/=255,r[2]/=255,o[0]/=255,o[1]/=255,o[2]/=255,t.uniform4fv(i.uColorSource,r),t.uniform4fv(i.uColorDestination,o),t.uniform1f(i.uTolerance,this.tolerance)},isNeutralState:function(){return this.colorSource===this.colorDestination},toObject:function(){return e.util.object.extend(this.callSuper("toObject"),{colorSource:this.colorSource,colorDestination:this.colorDestination})}}),e.Image.filters.SwapColor.fromObject=e.Image.filters.BaseFilter.fromObject};var bo=class extends _o{render(e,t,i){e._object&&e._object.clipPath&&delete e._object.clipPath;let r={...e.params};if(e.params.option&&e.params.interactive){let i=Pr.getProductOption(e.params.option,t.options);i&&(i._layer=e)}if(e.params.optionColor){let i=Pr.getProductOption(e.params.optionColor,t.options);if(i&&i.value)if("color"===i.type)r.color=i.value;else if(i.values&&i.values.length){let e=i.values.filter((e=>e.value===i.value));e.length&&(r.color=e[0].color)}}return t.cropMode&&e.params.crop&&"upload"===e.type&&(r.autoScaleOverlay=!0),this._getImage(e,t,i,r).then((o=>{if(this._addRefRect(o,e,t,i),null==o)return o;r.color&&r.color!==e._color&&(this._colorize(o,r.color),e._color=r.color);let n=this._getOptions(e,t,r);return o.set(n),n.hasControls&&!Pr.isEditLayer(e,t.editorMode,t.editLayer)&&o.setControlsVisibility({mt:!1,mb:!1,ml:!1,mr:!1,bl:!n.lockScalingX,br:!n.lockScalingX,tl:!n.lockScalingY,tr:!n.lockScalingY,mtr:!n.lockRotation}),this._applyAutoParams(o,e,t,r),i.add(o),e._object=o,e._object}))}_getOptions(e,t,i=e.params){let r=super._getOptions(e,t,i);return i.opacity&&(r.opacity=i.opacity),r}_getImage(e,t,i,r=e.params){return e._object?Promise.resolve(e._object):new Promise(((i,o)=>{if(r.url&&-1!==r.url.indexOf(".svg"))fabric.loadSVGFromURL(r.url,((e,t)=>{void 0===e&&(a.warn("layer url not found: ",r.url),i(null));let o=fabric.util.groupSVGElements(e,t);i(o)}),null,{crossOrigin:"anonymous"});else{let o=this._getImageUrl(e.params.url,e,t);fabric.Image.fromURL(o,(e=>{if(void 0===e)return a.warn("layer url not found: ",r.url),void i(null);i(e)}),{crossOrigin:"anonymous"})}}))}_colorize(e,t){if("group"===e.type){let i=e.getObjects();for(let e=0;ee.value===i.value));if(e.length){let t=e[0];t.color&&(a.color=t.color),t.img&&a.textPattern&&!a.urlPattern&&(a.urlPattern=t.img)}}}if(e.params.textShadow&&e.params.optionTextShadowColor){let i=Pr.getProductOption(e.params.optionTextShadowColor,t.options);if(i&&i.value)if("color"===i.type)a.textShadowColor=i.value;else if(i.values&&i.values.length){let e=i.values.filter((e=>e.value===i.value));e.length&&(a.textShadowColor=e[0].color)}}if(e.params.textStroke&&e.params.optionTextStrokeColor){let i=Pr.getProductOption(e.params.optionTextStrokeColor,t.options);if(i&&i.value)if("color"===i.type)a.textStrokeColor=i.value;else if(i.values&&i.values.length){let e=i.values.filter((e=>e.value===i.value));e.length&&(a.textStrokeColor=e[0].color)}}if(a.textVertical){let e=[];for(let t=0;t{fabric.Image.fromURL(i.urlPattern,(o=>{if(void 0===o)return a.warn("text layer urlPattern not found: ",i.url),void r(null);t._pattern=new fabric.Pattern({source:o._element,repeat:"repeat",offsetY:i.patternOffsetY||0,offsetX:i.patternOffsetX||0}),t._pattern._url=i.urlPattern,e.set("fill",t._pattern),r(t._object)}),{crossOrigin:"anonymous"})}))}_degreeToRadian(e){return e*Math.PI/180}_describeEllipse([e,t],[i,r],[o,n],a){o=this._degreeToRadian(o),n=this._degreeToRadian(n),a=this._degreeToRadian(a);const s=([[e,t],[i,r]],[o,n])=>[e*o+t*n,i*o+r*n],l=([e,t],[i,r])=>[e+i,t+r];n%=2*Math.PI;const c=(p=a,[[Math.cos(p),-Math.sin(p)],[Math.sin(p),Math.cos(p)]]);var p;const[d,u]=l(s(c,[i*Math.cos(o),r*Math.sin(o)]),[e,t]),[h,m]=l(s(c,[i*Math.cos(o+n),r*Math.sin(o+n)]),[e,t]),g=n>Math.PI?1:0,f=n>0?1:0;return"M "+d+" "+u+" A "+[i,r,a/(2*Math.PI)*360,g,f,h,m].join(" ")}};var Co=class extends _o{render(e,t,i){if(e.params.maskLayers&&e.params.maskLayers.length>0){i.clipPath&&delete i.clipPath;let r=[];return i.forEachObject((o=>{o._layer&&this._isMaskedLayer(e.params.maskLayers,o._layer.name)&&r.push(this._getClipPath(e,t,i,o).then((e=>{e?o.clipPath=e:delete o.clipPath,o.dirty=!0})))})),Promise.all(r)}return this._getClipPath(e,t,i).then((r=>(r?(t.mask=!0,i.clipPath=r,e._object=r):(delete i.clipPath,delete e._object),r)))}_isMaskedLayer(e,t){if(-1!==e.indexOf(t))return!0;for(let i=0;i{fabric.loadSVGFromURL(e.params.url,((i,r)=>{if(i){let e=fabric.util.groupSVGElements(i,r);t(e)}else a.warn("svg mask not found",e.params.url),t(null)}))})),n.then((i=>{if(i){o._url=e.params.url,o.width=i.width,o.height=i.height;let n=e.params.padding||3;if(e.params.maskLayers&&0!==e.params.maskLayers.length?r&&(o.scaleX=(r.width-n)/i.width,o.scaleY=(r.height-n)/i.height):(o.scaleX=(t.config.width-n)/i.width,o.scaleY=(t.config.height-n)/i.height),e.params.ratio||!0){let e=Math.min(o.scaleX,o.scaleY);o.scaleX=e,o.scaleY=e}r&&(o.left=-i.width*o.scaleX/2,o.top=-i.height*o.scaleY/2),i.setOptions(o)}return i}))}a.warn("svg mask missing url",e)}return Promise.resolve(n)}};var Eo=class extends bo{_findProductUrl(e,t){let i=t.product;if(e.params.imgPos){let t=parseInt(e.params.imgPos);if(!isNaN(t)&&i.images.length>t-1)return i.images[t-1]}if(e.params.variant&&t.variantId)for(let e=0;e{let n=this._getImageUrl(i,e,t);fabric.Image.fromURL(n,(t=>{void 0===t&&(a.warn("product url not found: ",i),r(null)),e._url=i,r(t)}),{crossOrigin:"anonymous"})}))}else a.warn("missing product in render context");return Promise.resolve(null)}};var Io=class extends bo{_getImage(e,t,i,r=e.params){if(r.option){let o=Pr.getProductOption(r.option,t.options);if(o){if(o._layer=e,o.value){let n=o.value;if(o.params.multiple||-1!==n.indexOf(",")||r.fileIndex){let e=n.split(","),t=r.fileIndex||e.length;if(t-=1,!(e.length>t))return Promise.resolve(null);n=e[t]}let s=!1;if(e.params.layerEditor?e._context||(e._context=t,e._canvas=i,s=!0):e._context&&(delete e._context,s=!0),r.crop&&o.params.optionDimension&&o.params.dimensionCrop){let i=Pr.getProductOption(o.params.optionDimension,t.options);if(i&&i.visible&&i._controller&&i._controller.x&&i._controller.y&&(!i.errors||0===i.errors.length)){let r=Pr.getRefDimensions(e,t),o=Math.round(r.width/r.height*100)/100,n=Math.round(i._controller.x/i._controller.y*100)/100;o!==n&&(e._cropWidth=e._cropWidth||e.params.refWidth||t.config.width,e._cropHeight=e._cropHeight||e.params.refHeight||t.config.height,n>1?(e.params.refWidth=e._cropWidth,e.params.refHeight=e._cropWidth/n):(e.params.refHeight=e._cropHeight,e.params.refWidth=e._cropHeight*n),e.params.refRect=!0,e.params.refX=t.config.width/2-e.params.refWidth/2,e.params.refY=t.config.height/2-e.params.refHeight/2,!1!==e._autoCrop?t.autoCrop=e:delete e._autoCrop,dr.productCropOverlay=!1)}}return s&&t.productForm&&t.productForm.dispatchEvent(new CustomEvent("options:render",{detail:o,cancelable:!0,bubbles:!0})),!e._object||e._url!==n||!isNaN(e.params.rotate)&&e._rotate!==e.params.rotate||e.params.filters&&e._filters&&e._filters.length!==e.params.filters.length?new Promise(((i,o)=>{e._interactive&&(delete e._interactive,delete e._interactiveScaled),e.params.crop&&(t.autoCrop=e);const s=o=>{if(void 0===o&&(a.warn("upload url not found: ",n),i(null)),e._url=n,e._rotate=0,e.params.autoRotate){let i=Pr.getRefDimensions(e,t),r=o;r.widthi.height?e._rotate=90:r.width>r.height&&i.width{this._applyFilters(t,e).then((()=>{i(t)}))}))}else this._applyFilters(o,e).then((()=>{i(o)}))};-1!==n.indexOf(".svg")?fabric.loadSVGFromURL(n,((o,l)=>{void 0===o&&(a.warn("upload url not found: ",n),i(null));let c=fabric.util.groupSVGElements(o,l);(r.color||r.optionColor)&&(delete e._color,i(c));let p=Math.max(t.config.width/c.viewBoxWidth,t.config.height/c.viewBoxHeight),d=c.toDataURL({multiplier:Math.min(10,p),format:"png"});fabric.Image.fromURL(d,(e=>{s(e)}))}),null,{crossOrigin:"anonymous"}):fabric.Image.fromURL(n,s,{crossOrigin:"anonymous"})})):(e.params.autoRotate&&0!==e._rotate&&r.canvasRotate&&(t.canvasRotate=-1*e._rotate),Promise.resolve(e._object))}}else a.warn("no upload option found for layer",e)}else a.warn("missing option for layer",e);return Promise.resolve(null)}_applyFilters(e,t){let i=Promise.resolve(null);if(t.params.filters&&t.params.filters.length){let r=[...t.params.filters];if(e.width>fabric.textureSize||e.height>fabric.textureSize){let t=Math.max(e.height,e.width);fabric.textureSize=t>4096?t:4096}if(!t.params.urlFilter||t._urlFilterImage&&t._urlFilter===t.params.urlFilter||(i=i.then((()=>new Promise(((e,i)=>{fabric.Image.fromURL(t.params.urlFilter,(i=>{i&&(t._urlFilter=t.params.urlFilter,t._urlFilterImage=i),e()}),{crossOrigin:"anonymous"})}))))),t.params.urlFilter&&-1!==r.indexOf("pattern")&&(i=i.then((()=>new Promise(((i,r)=>{let o=t._urlFilterImage.getElement(),n=e.getScaledWidth(),a=e.getScaledHeight(),s=new fabric.Rect({width:n,height:a});s.set("fill",new fabric.Pattern({source:o,repeat:"repeat"}));let l=s.toDataURL();fabric.Image.fromURL(l,(e=>{e&&(t._urlFilterImagePattern=e),i()}))})))),-1!==r.indexOf("removeWhite")&&(i=i.then((()=>new Promise(((i,r)=>{e.applyFilters([new fabric.Image.filters.RemoveColor({threshold:.2})]),fabric.Image.fromURL(e.toDataURL(),(e=>{e&&(t._urlFilterImageBlend=e,t._removeWhiteSkip=!0),i()}))})))))),-1!==r.indexOf("removeBg")&&t.params.removeBgKey){let r=e.getSrc(!1),o=r.substring(r.lastIndexOf(".")).toLowerCase();".jpg"!==o&&".jpeg"!==o&&".png"!==o||(i=i.then((()=>new Promise(((i,o)=>{new n("https://api.remove.bg/v1.0/removebg",{method:"POST",responseType:"blob",headers:{"X-API-Key":t.params.removeBgKey,"Content-type":"application/x-www-form-urlencoded"},data:{image_url:r,size:t.params.removeBgSize||window.clRemoveBgSize||"auto",type:"auto"}}).then((r=>{const o=URL.createObjectURL(r.data);let n=new Image;n.onload=()=>{e.setElement(n),t._removeBg=!0,i()},n.src=o})).catch((e=>{a.error(e),i()}))})))))}i.then((()=>{e.filters||(e.filters=[]);for(let i=0;i(e._sort||100)>(t._sort||100)?1:-1)),t._filters=[...r],e.applyFilters()}))}return i}};var So=class extends bo{_getImage(e,t,i,r=e.params){let o=r.text||"";if(r.option){let e=Pr.getProductOption(r.option,t.options);e&&e.value&&(o=e.value)}if(o){let i=a.getLevel();if(i<=a.levels.DEBUG&&console.time("====> QR RENDER"),e._object&&e._qrText===o)return i<=a.levels.DEBUG&&console.timeEnd("====> QR RENDER"),Promise.resolve(e._object);{let n=[t.assets+"/static/lib/easyqrcodejs/easy.qrcode.min.js"];return $r.loadOnce(n,"qrcode",{async:!1}).then((()=>new Promise(((n,s)=>{let l=(t,r)=>{i<=a.levels.DEBUG&&console.timeEnd("====> QR RENDER"),fabric.Image.fromURL(r,(t=>{if(void 0===t)return a.warn("qr image invalid"),void n(null);e._qrText=o,n(t)}))};if(e._qrDiv||(e._qrDiv=document.createElement("div")),t.editorMode&&e._qrCode&&(e._qrCode.clear(),delete e._qrCode),e._qrCode)e._qrCode._htOption.onRenderingEnd=l,e._qrCode._oDrawing._htOption.onRenderingEnd=l,e._qrCode.makeCode(o);else{let i=Math.min(t.config.width/2,1e3),n={text:o,width:i,height:i,onRenderingEnd:l};r.url&&(n.logo=r.url,n.crossOrigin="anonymous"),e._qrCode=new QRCode(e._qrDiv,n)}}))))}}return Promise.resolve(null)}};class Po{}Po.renderers={},Po.renderers.overlay=new bo,Po.renderers.text=new xo,Po.renderers.mask=new Co,Po.renderers.product=new Eo,Po.renderers.upload=new Io,Po.renderers.qrcode=new So;var Oo=Po;var Mo=class{destroy(){this.element.removeChild(this._wrapper)}render(){ee((this.settings.product,this.config.uuid,te`

`),this._wrapper)}_renderContext(){return{config:this.previewConfig,options:this.config.options,product:this.settings.product,assets:this.settings.assets,productForm:this._productForm,variantId:this.settings.variantId,editorMode:this.settings.editorMode,editLayer:this.settings.editLayer,cropMode:this.settings.cropMode,cropLayer:this.settings.cropLayer,mask:!1,cdnSize:dr.previewCdnSize}}renderPreview(){let e=()=>{let e=a.getLevel();e<=a.levels.DEBUG&&console.time("====> RENDER PREVIEW "+this.previewConfig.position);let t=this._renderContext(),i=null;if(!this.static){let e=this._canvas.getActiveObject();this._canvas.discardActiveObject(),e&&(i=e._layer)}return this._rotateGroup&&this._rotateGroup.forEachObject((e=>{this._rotateGroup.remove(e)})),this._canvas.clear(),this._renderLayers(this.previewConfig.layers,t).then((()=>(this._canvas.clipPath&&!t.mask&&delete this._canvas.clipPath,i?this.selectLayer(i.name,!1):Pr.hasEditLayer(this.settings.editorMode,this.settings.editLayer)&&this.selectLayer(this.settings.editLayer,!1),void 0!==t.canvasRotate&&(this._rotateGroup=new fabric.Group(this._canvas.getObjects()),this._rotateGroup.rotate(t.canvasRotate),this._rotateGroup.setCoords()),this._canvas.renderAll(),e<=a.levels.DEBUG&&console.timeEnd("====> RENDER PREVIEW "+this.previewConfig.position),this._responsiveCanvasHeight(),this._syncThemeGallery(),this._triggerEvent("preview:rendered",this),t)))};return null==this._renderQueue&&(this._renderQueue=Promise.resolve()),this._renderQueue=this._renderQueue.then((()=>this._loadUsedFonts())).then((()=>e())),this._renderQueue}downloadBlob(e,t){const i=URL.createObjectURL(e),r=document.createElement("a");r.href=i,r.download=t||"download";const o=function(e){setTimeout((()=>{URL.revokeObjectURL(i),this.removeEventListener("click",o)}),150)};return r.addEventListener("click",o,!1),r.click(),r}export(t,i,r,o,n="jpeg",s=.8,l=!0){if(this._canvas){let p=a.getLevel();p<=a.levels.DEBUG&&console.time("====> EXPORT PREVIEW");let u,h=!1,m=0;if(this._canvas.forEachObject((e=>{e._layer&&(e.visible?!0===e._layer.params[o]?(e.visible=!1,e._visible=!0,h=!0):"product"!==e._layer.type&&m++:e._layer.params.exportOnly&&(e.visible=e._layer._visibleCondition,e._visible=!1,!0===e._layer.params[o]&&(e.visible=!1),h=!0))})),l&&0===m)return a.debug("==> no visible layers - skipping export"),h&&this._canvas.forEachObject((e=>{void 0!==e._visible&&(e.visible=e._visible,delete e._visible)})),null;if(this._canvas.renderAll(),"svg"===n){let e={width:t.width,height:t.height};i&&(e.viewBox={x:i.x,y:i.y,width:i.width,height:i.height});let o=this._canvas.toSVG(e);if(dr.previewCdnSize){let e,t=/xlink:href="([^"]+)"/g,i=[];for(;e=t.exec(o);)-1!==e[1].indexOf("cdn.shopify.com")&&i.push(e[1]);for(const e of i){let t=e.replace(/_x\d+\./,".").replace(/_\d+x\./,".");t!==e&&(a.debug("SVG export removed size from CDN url: ",e,t),o=o.replace(e,t))}}var c=[];for(let e=0;e`@import url("${e}");`)).join("\n")}\n ]]>`,t=o.indexOf("");o=o.substring(0,t)+e+o.substring(t)}u=r?new Blob([o],{type:"image/svg+xml"}):o}else{let o={multiplier:t.width/this._canvas.getWidth(),format:n,quality:s};i&&(o.left=i.x/o.multiplier,o.top=i.y/o.multiplier,o.width=i.width/o.multiplier,o.height=i.height/o.multiplier);let a=this._canvas.toDataURL(o);u=r?e(go)(a):a}return h&&(this._canvas.forEachObject((e=>{void 0!==e._visible&&(e.visible=e._visible,delete e._visible)})),this._canvas.renderAll()),p<=a.levels.DEBUG&&console.timeEnd("====> EXPORT PREVIEW"),u}return null}exportLayer(t,i,r="jpeg",o=.8){let n=this._canvas.getObjects();for(let s=0;s0&&this.selectLayer(e,t,o.layers))return!0;if(o.name===e&&o._object&&(Pr.isEditLayer(o,this.settings.editorMode,this.settings.editLayer)&&(this._canvas.preserveObjectStacking=!1,delete o._interactive),this._canvas.contains(o._object)))return this._canvas.setActiveObject(o._object),t&&this._canvas.renderAll(),!0}return!1}deSelect(e=!0){this._canvas.discardActiveObject(),this.settings.editorMode&&!this._canvas.preserveObjectStacking&&(this._canvas.preserveObjectStacking=!0),e&&this._canvas.renderAll()}_init(){this._wrapper=document.createElement("div"),this._wrapper.className=this.settings.classNamePrefix+"--preview-wrapper",this._wrapper.setAttribute("id",this.config.uuid+"_preview"),this._wrapper.style.width="100%",this.settings.position?(this.element.insertAdjacentElement(this.settings.position,this._wrapper),this.element!==this._wrapper.parentNode&&(this.element=this._wrapper.parentNode)):this.element.appendChild(this._wrapper),this.render(),this._preview=this._wrapper.querySelector("."+this.settings.classNamePrefix+"--preview"),this._preview.classList.add("cl-hide");let e=this._wrapper.querySelector("."+this.settings.classNamePrefix+"--canvas");this.static=this._isStatic(),fabric.devicePixelRatio<2&&(fabric.devicePixelRatio=2),window.clPreviewRatio&&(fabric.devicePixelRatio=parseInt(window.clPreviewRatio)),fabric.Object.NUM_FRACTION_DIGITS=8,fabric.enableGLFiltering=!1,window.clPreviewGLFilter&&(fabric.enableGLFiltering=!0),this.static?(this._canvas=new fabric.StaticCanvas(e),this.settings.zoom?.enabled&&this._watchZoom()):(fabric.isTouchSupported&&this._patchCanvasTouchScroll(),this._updateCanvasControls(),this._canvas=new fabric.Canvas(e,{selection:!1,preserveObjectStacking:!0,allowTouchScrolling:!0}),this._subscribeCanvasEvents()),this._setDimensions(),this.renderPreview().then((()=>{this._watchFormChanges(),this._watchWindowResize(),this._watchWindowScroll(),this._preview.classList.remove("cl-hide")})).catch((e=>{a.error("[live-options] failed render preview",e)}))}_setDimensions(){let e=this._canvas.getZoom();1!==e&&this._canvas.setZoom(1);let t=fabric.devicePixelRatio,i=this.previewConfig.width*this.previewConfig.height,r=window.clPreviewMaxRetina||9e6;t>1&&i>r&&o.isMobile(o.getAgent())&&(this._canvas.enableRetinaScaling=!1),this._canvas.setDimensions({width:this.previewConfig.width,height:this.previewConfig.height}),1!==e&&this._resizeCanvas()}_renderLayers(e,t){let i=Promise.resolve();for(let r=0;rthis._renderLayer(o,t)))}return i}_renderLayer(e,t){let i=!0;if(e.conditions&&e.conditions.length&&(i=this.conditionsEngine.evaluateConditions(e.conditions,e.conditionMode||yo.MODE.AND,"layer.name="+e.name)),this.settings.editorMode&&this.visibleEditor.hasOwnProperty(e.name)&&(i=this.visibleEditor[e.name]),this.visible[e.name]=i,e.params.preload&&"overlay"===e.type&&(e._visible=i,i=!0),e.params.exportOnly&&(e._visible=Pr.isEditLayer(e,this.settings.editorMode,this.settings.editLayer),e._visibleCondition=i,i=!0),i){if(a.debug("rendering layer: ",e),e.layers&&e.layers.length>0)return this._renderLayers(e.layers,t);let i=Oo.renderers[e.type];if(i)return i.render(e,t,this._canvas)}return Promise.resolve()}_loadUsedFonts(){let e=[];for(let t=0;t0?d.loadFontsByName(e):Promise.resolve(!0)}_isStatic(){if(this.settings.editorMode)return!1;for(let e=0;ethis._optionChanged(e))),this._productForm.addEventListener("option:crop",(e=>this._optionCrop(e))),this._productForm.addEventListener("option:export",(e=>this._optionExport(e))),this._productForm.addEventListener("option:variant_changed",(e=>this._variantChanged(e)))):a.warn("product-preview no productForm found for config: "+this.config.uuid)}_subscribeCanvasEvents(){let e=a.getLevel();this._canvas.on("object:modified",(t=>{let i=t.target;if(e<=a.levels.TRACE&&a.debug("object:modified",i),i._layer){let t=i._layer,r=t.params;r.x=Math.round(i.left),r.y=Math.round(i.top),e<=a.levels.TRACE&&a.debug("=> layer x,y = ",r.x,r.y),r.crop?(r.scaleX=i.scaleX,r.scaleY=i.scaleY):(r.scaleX=parseFloat(i.scaleX.toFixed(3)),r.scaleY=parseFloat(i.scaleY.toFixed(3))),0!==i.angle&&(r.angle=Math.round(i.angle)),t._editor&&(o.merge(t._editor,t.params,["x","y","scaleX","scaleY","angle"]),this._productForm&&this._productForm.dispatchEvent(new CustomEvent("options:render",{detail:null,cancelable:!0,bubbles:!0}))),this._triggerEvent("layer:changed",t)}else if(i._layerRef){let e=i._layerRef.params;if(e.refX=Math.round(i.left),e.refY=Math.round(i.top),e.refWidth=Math.round(i.getScaledWidth()),e.refHeight=Math.round(i.getScaledHeight()),0!==i.angle){e.refAngle=Math.round(i.angle);let t=4;(e.refAngle<=t||e.refAngle>=360-t)&&(e.refAngle=0)}else e.refAngle=0;a.debug("updated layer rectRef params",e),this._triggerEvent("layer:changed",i._layerRef),this.renderPreview()}})),this._canvas.on("object:moving",(t=>{let i=t.target;if(e<=a.levels.TRACE&&a.debug("object:moving",i),i._layer){let t=i._layer,r=t.params,o=Pr.isCropLayer(t,this.settings.cropLayer,this.settings.cropLayer);if(o||r.interactive&&!Pr.isEditLayer(t,this.settings.editorMode,this.settings.editLayer)){t._interactive=!0;let n={x:0,y:0},s={x:this.previewConfig.width,y:this.previewConfig.height},l={width:this.previewConfig.width,height:this.previewConfig.height};Pr.hasRefRect(t)&&(n.x=r.refX,n.y=r.refY,s.x=r.refX+r.refWidth,s.y=r.refY+r.refHeight,l.width=r.refWidth,l.height=r.refHeight);let c=i.getBoundingRect(!0,!0);if(e<=a.levels.TRACE&&a.debug("boundingRect = ",c),r.interactiveBox||o){let e=r.autoScaleOverlay||o;e&&t._interactiveScaled&&(c.width reset object.left = ",i.left)):c.left>s.x&&(0!==i.angle?i.setPositionByOrigin({x:s.x+c.width/2,y:i.getCenterPoint().y},"center","center"):i.left=s.x,e<=a.levels.TRACE&&a.debug("=> reset object.left = ",i.left)),c.top reset object.top = ",i.left)):c.top>s.y&&(0!==i.angle?i.setPositionByOrigin({x:i.getCenterPoint().x,y:s.y+c.height/2},"center","center"):i.top=s.y,e<=a.levels.TRACE&&a.debug("=> reset object.top = ",i.left))}}}));const t=t=>{let i=t.target;if(e<=a.levels.TRACE&&a.debug("object:scaling",i),i._layer){let r=i._layer,o=r.params;if(o.interactive&&!Pr.isEditLayer(r,this.settings.editorMode,this.settings.editLayer)&&(r._interactive=!0,r._interactiveScaled=!0,o.resizable&&(i.lockMovementX=!1,i.lockMovementY=!1),o.interactiveBox)){let n={x:0,y:0},s={x:this.previewConfig.width,y:this.previewConfig.height};Pr.hasRefRect(r)&&(n.x=o.refX,n.y=o.refY,s.x=o.refX+o.refWidth,s.y=o.refY+o.refHeight);let l=i.getBoundingRect(!0,!0);e<=a.levels.TRACE&&a.debug("boundingRect = ",l);let c=null,p=20;if(t.transform&&t.transform.corner&&("tr"==t.transform.corner?(n.x-=p,s.y+=p):"tl"==t.transform.corner?(s.x+=p,s.y+=p):"br"==t.transform.corner?(n.x-=p,n.y-=p):"bl"==t.transform.corner&&(s.x+=p,n.y-=p)),Math.floor(l.left)s.x){let e=s.x-l.left;c=e/(l.width/i.scaleX),0!==i.angle?i.setPositionByOrigin({x:s.x-e+l.width/2,y:i.getCenterPoint().y},"center","center"):i.left=s.x-e}if(Math.floor(l.top)s.y){let e=s.y-l.top;c=e/(l.height/i.scaleY),0!==i.angle?i.setPositionByOrigin({x:i.getCenterPoint().x,y:s.y-e+l.height/2},"center","center"):i.top=s.y-e}null!=c&&(i.scaleX=c,i.scaleY=c,i.setCoords(),this._canvas.requestRenderAll(),e<=a.levels.TRACE&&a.debug("=> reset object.scale = ",c))}}};this._canvas.on("object:scaling",t),this._canvas.on("object:scaled",t),this._canvas.on("selection:created",(t=>{let i=t.selected?t.selected[0]:null;e<=a.levels.TRACE&&a.debug("selection:created",i),i._layer?this._triggerEvent("layer:selected",i._layer):i._layerRef&&this._triggerEvent("layer:selected",i._layerRef)})),this._canvas.on("selection:updated",(t=>{let i=t.selected?t.selected[0]:null;e<=a.levels.TRACE&&a.debug("selection:updated",i),i._layer?this._triggerEvent("layer:selected",i._layer):i._layerRef&&this._triggerEvent("layer:selected",i._layerRef)})),this._canvas.on("selection:cleared",(t=>{e<=a.levels.TRACE&&a.debug("selection:cleared")}))}_variantChanged(e){this.settings.variantId=e.detail.variantId,this._clearVisibleEditor(),this.renderPreview().then((t=>{this.static||!this.settings.cropMode&&t.autoCrop&&this._optionCrop(e,t.autoCrop)}))}_optionChanged(e){let t=e.detail;this._clearVisibleEditor(),this.renderPreview().then((i=>{this.static||(!this.settings.cropMode&&i.autoCrop?this._optionCrop(e,i.autoCrop):t._layer&&t._layer.params.interactive&&this.selectLayer(t._layer.name,!1))}))}_optionCrop(e,t){let i=e.detail;if(this.active){if(!t){let e=this._canvas.getObjects();for(let r=0;rthis._canvas.getZoom()){s=Math.min(s,2);let e=n.x+o.width/2,t=n.y+o.height/2,i=-e*s+this._canvas.getWidth()/2,r=-t*s+this._canvas.getHeight()/2;this._canvas.setViewportTransform([s,0,0,s,i,r])}r.width=e.refWidth,r.height=e.refHeight}if(this._cropEl=document.createElement("div"),!1!==window.clCropHelp){this._cropEl.classList.add("cl-po--crop-help"),"ontouchstart"in window||navigator.msMaxTouchPoints?this._cropEl.classList.add("touch"):this._cropEl.classList.add("cursor");const e=()=>{this._cropEl&&(this._cropEl.classList.remove("cl-po--crop-help"),this._canvas.off("object:moving",e),window.clCropHelp=!1)};this._canvas.on("object:moving",e),setTimeout(e,9e3)}const s=()=>{t._interactive=!0,t._interactiveScaled=!0,this._canvas.fire("object:modified",{target:t._object}),this._optionCrop({detail:i},t)};this._productForm.addEventListener("option:crop:apply",(e=>{this.settings.cropMode&&s()}),{once:!0}),ee(fo((e=>{let i=t._object;t._interactiveScaled=!0;let o=Math.min(r.width,r.height)/10,n=o/i.width;if(e)i.scaleX+=n,i.scaleY+=n,i.left-=o/2,i.top-=o/2;else{if(i.scaleX-=n,i.scaleY-=n,t.params.autoScaleOverlay&&(Math.round(i.getScaledWidth()){t.params.rotate=t.params.rotate|t._rotate|0,t.params.rotate+=e,t.params.rotate=t.params.rotate%360,this.renderPreview()}),(()=>{o.merge(t.params,n),o.merge(t,a),this._optionCrop({detail:i})}),s),this._cropEl),this._wrapper.appendChild(this._cropEl),this._highlight(!0);let l=this._wrapper.getBoundingClientRect();l.top<0&&window.scrollTo&&window.scrollTo(l.left,l.top+window.scrollY-50)}this._canvas.discardActiveObject(),this.renderPreview().then((()=>{this.settings.cropMode&&this.selectLayer(this.settings.cropLayer)}))}}_optionExport(e){let t=e.detail,i=this.previewConfig;if(t.params.exportView&&t.params.exportView!==i.name)return;let r=!(!i.exportConfig.crop||!i.exportConfig.cropConfig.width)&&i.exportConfig.cropConfig,o=i.exportConfig.originalFormat||"png",n=this.export({width:i.width,height:i.height},r,!0,"excludeOriginal",o,.8,!1);n&&this.downloadBlob(n,(t.params.exportName||i.name)+"."+o)}_clearVisibleEditor(){this.settings.editorMode&&(this.visibleEditor={})}_optionLayerUpdate(e){if(e._layer&&e._layer._object){let t=this._canvas.getObjects().indexOf(e._layer._object);return this._canvas.remove(e._layer._object),this._renderLayer(e._layer).then((e=>{this._canvas.moveTo(e,t)}))}}_watchWindowResize(){let e=o.debounced(200,(e=>{this._resizeCanvas(),this.settings.stickyMode&&this._stickyPreview(!0)}));this._resizeCanvas(),window.addEventListener("resize",e)}_watchWindowScroll(){let e=!1;window.addEventListener("scroll",(()=>{e||(this.settings.sticky||this._highlightEl)&&(window.requestAnimationFrame((()=>{this.settings.sticky&&this._stickyPreview(),this._highlightEl&&this._highlight(!0),e=!1})),e=!0)})),this.settings.sticky&&window.addEventListener("preview:active",(()=>this._stickyPreview()))}_getContainerWidth(){let e=this._wrapper.offsetWidth,t=this._wrapper;for(;0===e&&t.parentNode;)t=t.parentNode,t.offsetWidth>0&&(e=o.findInnerDimensions(t).width);return e}_responsiveCanvasHeight(){if(!this.settings.cropMode){let e=0;this._canvas.forEachObject((t=>{if(t.visible&&t._layer&&t._layer.params.responsive){let i=t.getBoundingRect(),r=i.top+i.height;r>e&&(e=r)}}));let t=this.previewConfig.height*this._canvas.getZoom();e>0&&ethis.settings.maxHeight&&(o.height=this.settings.maxHeight,o.width=o.height*e,i=o.width/this._canvas.getWidth(),r=this._canvas.getZoom()*i),this._canvas.setDimensions(o),this._canvas.setZoom(r)}this._highlightEl&&this._highlight(!0)}_highlight(e){if(dr.productCropOverlay&&!o.findParent(this.element,".cl-po--popup-preview")||(e=!1),!e&&this._highlightEl&&(document.body.removeChild(this._highlightEl),delete this._highlightEl,document.body.classList.remove("cl-highlight")),e){let e=!1;this._highlightEl||(this._highlightEl=document.createElement("div"),this._highlightEl.className="cl-po--preview-highlight",e=!0);let t=o.getCalculatedPosition(this._wrapper);const i=20,r=t.right-t.left+i,n=t.bottom-t.top+i;this._highlightEl.style.display="block",this._highlightEl.style.position="absolute",this._highlightEl.style.width=`${r}px`,this._highlightEl.style.height=`${n}px`,this._highlightEl.style.top=t.top-i/2+"px",this._highlightEl.style.left=t.left-i/2+"px",e&&(document.body.appendChild(this._highlightEl),document.body.classList.add("cl-highlight"))}}_stickyPreview(e=!1){let t=this._canvas.lowerCanvasEl,i=t.getBoundingClientRect(),r=this._stickyMaxTop||0;if(i.top>r||!this.active||this.settings.cropMode||this.settings.zoomMode||0===i.width||0===i.height)this.settings.stickyMode&&(a.debug("----\x3e sticky end",t),this.element.removeEventListener("layer:changed",this._syncSticky),this.element.removeEventListener("preview:rendered",this._syncSticky),document.body.removeChild(this._stickyEl),delete this._stickyEl,delete this._stickyImgEl,delete this._stickyTarget,delete this._stickyMaxTop,this.settings.stickyMode=!1);else{let r,n,s=!1,l=window.clStickyMobileSize||this.settings.stickyMobileSize||25;this._stickyTarget=this._stickyTarget||document.querySelector("#"+this.config.uuid);let c=this._stickyTarget.getBoundingClientRect();if(c.top>i.bottom&&window.innerWidth<=768&&(s=!0,r=window.innerHeight/100*l,n="overlay"===this.settings.stickyMobile?r:0),this.settings.stickyMode){let t=this._stickyEl.getBoundingClientRect();if(c.bottom>0){let e=t.height-c.bottom;this._stickyEl.style.top=e>0?-1*e+"px":"0px"}else this._stickyEl.style.top=-1*(t.height+5)+"px";e&&(s?(this._stickyEl.classList.add("mobile"),this._stickyEl.classList.add(this.settings.stickyMobile),this._stickyEl.style.removeProperty("left"),this._stickyEl.style.removeProperty("width"),this._stickyImgEl.style.maxHeight=r+"px",this._stickyMaxTop=-1*(i.height-n)):(this._stickyEl.classList.remove("mobile"),this._stickyImgEl.style.removeProperty("height"),this._stickyEl.style.left=i.left+"px",this._stickyEl.style.width=i.width+"px"))}else if(a.trace("---\x3e sticky check"+c.bottom+" > "+i.bottom),c.bottom>i.bottom){if(s){if(i.bottom>n)return;this._stickyMaxTop=-1*(i.height-n)}this._stickyEl=document.createElement("div"),this._stickyEl.className="cl-po--preview-sticky",this._stickyEl.style.position="fixed",this._stickyImgEl=document.createElement("img"),s?(this._stickyEl.classList.add("mobile"),this._stickyEl.classList.add(this.settings.stickyMobile),this._stickyImgEl.style.maxHeight=r+"px"):(this._stickyEl.style.left=i.left+"px",this._stickyEl.style.width=i.width+"px"),this._stickyEl.style.top="0px",this._stickyEl.addEventListener("click",(e=>{let i=o.getCalculatedPosition(t);window.scroll({top:i.top-50,behavior:"smooth"})})),this._stickyEl.appendChild(this._stickyImgEl),this._syncSticky(),document.body.appendChild(this._stickyEl),this.element.addEventListener("layer:changed",this._syncSticky),this.element.addEventListener("preview:rendered",this._syncSticky),this.settings.stickyMode=!0,a.debug("--\x3e sticky start",this._stickyEl,this._stickyTarget)}}}_syncThemeGallery(){if(dr.themeGallery&&!this.settings.editorMode){if(this.shopifyStore.isTheme("Dawn")){let e=o.findParent(this.element,"media-gallery");if(e&&e.setActiveMedia){let t=o.findParent(this.element,".product__media-item");if(t&&t.dataset.mediaId){this.element.scrollIntoView=function(){},e.setActiveMedia(t.dataset.mediaId,!0);let i=o.findParent(this.element,".slider");return void(i&&i.scrollTo&&(i.scrollLeft=0))}}}try{if(!1!==this._themeGalleryImgEl){if(this._themeGalleryVariant&&this.settings.variantId!==this._themeGalleryVariant)return void(this._themeGalleryVariant=this.settings.variantId);if(!this._themeGalleryImgEl)if(void 0===this.previewConfig.views||this.previewConfig.gallery&&!0!==this.config.previewConfig.galleryConfig.hideThumbnails)this._themeGalleryImgEl=!1;else{let t;if(this.settings.product.media&&this.settings.product.media.length){var e=0;for(let t=0;ti.params.imgPos-1&&(e=i.params.imgPos-1):i.params.variant&&delete this._themeGalleryVariant;break}}t=this.settings.product.media[e]}if(t){let e,i=o.pathBaseName(t.src,!1);if(this.settings.selectorThumbnail&&(e=document.querySelectorAll(this.settings.selectorThumbnail),a.debug("found "+e.length+" gallery thumbnails with selector: ",this.settings.selectorThumbnail,e)),!e||0===e.length){e=[];let t=document.querySelectorAll('img[src*="'+i+'"], img[data-src*="'+i+'"], img[data-srcset*="'+i+'"]');if(t.length>0)for(let i=0;ithis._themeGalleryImgEl.click()),300):this._themeGalleryImgEl.click(),e&&setTimeout((()=>window.dispatchEvent(new Event("resize"))),500)}}}catch(e){a.error("error syncing theme gallery ",e)}}}_triggerEvent(e,t){const i=new CustomEvent(e,{detail:t,cancelable:!0,bubbles:!0});this.element.dispatchEvent(i)}_patchCanvasTouchScroll(){window.clCanvasTouchStart||(window.clCanvasTouchStart=fabric.Canvas.prototype._onTouchStart,fabric.util.object.extend(fabric.Canvas.prototype,{_onTouchStart:function(e){var t=this.findTarget(e);(!this.allowTouchScrolling||t||this.isDrawingMode)&&window.clCanvasTouchStart.call(this,e)}}))}_updateCanvasControls(){var e="#b2ccff";const t=e=>("#"===e.charAt(0)&&(e="%23"+e.substring(1)),"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm4.82-4.924a7 7 0 1 0-1.852 1.266l-.975-1.755A5 5 0 1 1 17 12h-3l2.82 5.076z' fill='"+e+"'/%3E%3C/svg%3E"),i=(e,t,i,o,n)=>{e.save(),e.translate(t,i),e.rotate(fabric.util.degreesToRadians(o.angle)),e.drawImage(r,-n/2,-n/2,n,n),e.restore()};var r=document.createElement("img");r.src=t(e),r.dataset.fill=e,fabric.Object.prototype.controls.mtr=new fabric.Control({x:0,y:-.5,offsetY:-40,cursorStyle:"crosshair",actionHandler:fabric.controlsUtils.rotationWithSnapping,actionName:"rotate",render:function(e,o,n,a,s){const l=1.5*s.cornerSize;r.dataset.fill!=e.fillStyle&&(r.onload=function(){i(e,o,n,s,l)},r.dataset.fill=e.fillStyle,r.src=t(e.fillStyle)),i(e,o,n,!1,l)},cornerSize:28,withConnection:!0})}_watchZoom(){let e=this._canvas.getElement(),t=e.parentElement;this.settings.zoom.factor>fabric.devicePixelRatio&&(fabric.devicePixelRatio=Math.min(4,this.settings.zoom.factor));const i=i=>{if(!this.settings.zoomMode){t.style.width=e.style.width,t.style.height=e.style.height;let i=this._canvas.enableRetinaScaling?fabric.devicePixelRatio:1,r=e.width/i*this.settings.zoom.factor,o=e.height/i*this.settings.zoom.factor,n=t.offsetWidth,s=t.offsetHeight;this._zoomCalc={xRatio:(t.offsetWidth-r)/n,yRatio:(t.offsetHeight-o)/s,offset:t.getBoundingClientRect()},e.style.width=r+"px",e.style.height=r+"px",t.classList.add("cl-po--zoom"),this.settings.zoomMode=!0,a.debug("----\x3e zoom start",e,this._zoomCalc)}let r,o;if("touchstart"==i.type||"touchmove"==i.type){let e=i.touches[0]||i.changedTouches[0];r=e.pageX-this._zoomCalc.offset.left,o=e.pageY-this._zoomCalc.offset.top,i.preventDefault()}else r=i.pageX-this._zoomCalc.offset.left,o=i.pageY-this._zoomCalc.offset.top;e.style.left=r*this._zoomCalc.xRatio+"px",e.style.top=o*this._zoomCalc.yRatio+"px"},r=i=>{t.classList.remove("cl-po--zoom"),e.style.width=t.style.width,e.style.height=t.style.height,t.style.width="",t.style.height="",e.style.left="",e.style.top="",this.settings.zoomMode=!1,a.debug("----\x3e zoom end",e)};e.addEventListener("mousemove",i),e.addEventListener("mouseleave",r),fabric.isTouchSupported&&this.settings.zoom.mobile&&(e.addEventListener("touchstart",i),e.addEventListener("touchmove",i),e.addEventListener("touchend",r))}constructor(e,t,i,r,n){Tr(this,"_syncSticky",(()=>{let e={format:"png",multiplier:this.previewConfig.width/this._canvas.getWidth()};this._stickyImgEl.src=this._canvas.toDataURL(e),this._canvas.requestRenderAll()}));let s={api:"https://api.cloudlift.app",assets:"https://assets.cloudlift.app",queryParams:{},selector:".cl-preview",selectorThumbnail:"",position:"",classNamePrefix:"cl-po",product:{},variantId:null,editorMode:!1,editLayer:Pr.editLayer,cropMode:!1,cropLayer:"",sticky:!1,stickyMobile:"overlay",stickyMobileSize:25,stickyMode:!1,maxHeight:0,zoom:{enabled:!1,factor:2,mobile:!0},zoomMode:!1};this.config=e,this.previewConfig=t,this.active=!0,this.settings=o.extend(s,n||{}),this.visible={},this.visibleEditor={},this.shopifyStore=h.getInstance(),this._productForm=i,this.conditionsEngine=r,null!==this.settings.selector&&(o.isElement(this.settings.selector)?this.element=this.settings.selector:this.element=document.querySelector(this.settings.selector)),null!=this.element?(a.info("--\x3e new product-preview: ",this.element),this.resources=[this.settings.assets+"/static/lib/fabricjs/fabric.min.js"],this.ready=$r.loadOnce(this.resources,"product-preview",{async:!1}).then((()=>this._init()))):a.warn("no elements with selector found: ",this.settings.selector)}};class Lo{static generateId(){return Date.now().toString()}static getItem(e){return Lo.storage.hasOwnProperty(e)||(Lo.storage[e]=Lo.parseItem(e)),Lo.storage[e]}static storeItem(e,t){Lo.storage[e]=t,window.localStorage&&localStorage.setItem(Lo.keyPrefix+e,JSON.stringify(t))}static parseItem(e){if(window.localStorage){let t=localStorage.getItem(Lo.keyPrefix+e);if(t)return JSON.parse(t)}return{}}}Lo.storage={},Lo.keyPrefix="cl_";var ko=Lo;var $o=class{_init(){let e=[],t=null,i=document.querySelector("[data-live-variant-options-ids]");i&&(!dr.productVariantObserver&&i.hasAttribute("data-variant-observer")&&(dr.productVariantObserver=!0),t=JSON.parse(i.textContent));for(let i=0;ii&&o.merge(n,this.config.variantOptions[i]),this.settings.variant.id?n.value=this.settings.variant["option"+r.position]:n.value=r.values[0];let s=n.values.length>0,l=[];for(let e=0;ee&&n.values[e].img&&(i.img=n.values[e].img)),l.push(i)}n.values=l,e.push(n)}this.config.variantOptions=e,this.settings.editorMode||this.resolveThemeElements()}resolveThemeElements(e=!1){for(let t=0;tnull===e.closest(".cl-po--option"))));const o=e=>{if(e.length===r.values.length){for(let t=0;tnull===e.closest(".cl-po--option"))));let n=[];for(let e=0;ethis.config.variantOptions.filter((e=>e._themeEl)).map((e=>o.isNodeList(e._themeEl)?e._themeEl[0]:e._themeEl));let t=null,i=e();if(i.length&&(t=i[0].closest('variant-selects, [data-block-type="variant-picker"]'),!t))for(t=i[0].parentNode;t!==document.body;){let e=!0;for(let r=0;r{for(const r of t)if("childList"===r.type&&r.removedNodes.length)for(let t=0;t-1||t.some((e=>e.contains(o))))return a.trace("variant option removed",o),this.resolveThemeElements(!0),void(i=e())}}})),a.debug("watching variant elements",t),this.observer.observe(t.parentNode,{subtree:!0,childList:!0}))}syncVariantChanges(e){if(e._themeEl){const t=t=>{if(e._variantOption.valuesIds){let i=e._variantOption.values.indexOf(t);if(-1!==i)return e._variantOption.valuesIds[i]}return t},i=(e,i)=>e.value==i||this._decode&&this._decodeValue(e.value)==i||this._idMatch&&e.value==t(i);if(o.isNodeList(e._themeEl))for(let t=0;ti&&(t=o,i=a)}}this.settings.variant=t||this.settings.product.variants[0];for(let e=0;e{if(window.Shopify){function t(){setTimeout((function(){window.ShopifyXR.addModels([e]),window.ShopifyXR.setupXRElements()}),1e3)}window.ShopifyXR?t():window.Shopify.loadFeatures([{name:"shopify-xr",version:"1.0",onLoad:t}])}for(var i,r=e.sources.length-1;r>=0&&"glb"!==(i=e.sources[r]).format;r--);return te`

${!1!==window.clGalleryXR?te``:null}`};var Ao=(e,t)=>te`

${Ii(e,(e=>e.id),((e,i)=>te`

${"video"===e.media_type||"external_video"===e.media_type||"model"===e.media_type?te`

${(e=>{if("model"===e.media_type)return To(e);var t=void 0!==window.clGalleryAutoplay&&window.clGalleryAutoplay,i={paddingBottom:1/e.aspect_ratio*100+"%"};if("external_video"===e.media_type){if("youtube"===e.host)return te`

`;if("vimeo"===e.host)return te`

`}for(var r=[],o=[],n=e.sources.length-1;n>=0;n--){var a=e.sources[n];-1===o.indexOf(a.mime_type)&&(r.push(a),o.push(a.mime_type))}return te`

`})(e)}

`:te`{if(t.width>0){let i=2*t.width;return i=200*Math.ceil(i/200),i=Math.min(i,t.maxWidth),_r(e,i+"x")}return e})(e.src,t)} alt=${e.alt} data-media-position=${e.position} />`}

`))}

${t.hideThumbnails?null:te`

${Ii(e,(e=>e.id),((e,t)=>te`

`))}

`;var Fo=class{destroy(){if(this._previews)for(let e=0;e{requestAnimationFrame((()=>{t.slide.querySelector("img")&&(t.slide.style.aspectRatio="")}))})),this.settings.galleryConfig.hideThumbnails)this._splideThumbnails={go:e=>{this._splideMain.go(e),this._selectPreview(e)}},this._splideMain.mount();else{let e="left"===this.settings.galleryConfig.layout||"right"===this.settings.galleryConfig.layout?"ttb":"ltr",t="sequential",i=1;if(this._wrapper.offsetWidth){let e=window.innerWidth>768?100:66;i=Math.ceil(this._wrapper.offsetWidth/e),i=Math.max(i-2,1),this.media.length>i&&(t="nearby")}this._splideThumbnails=new Splide(this._wrapper.querySelector("."+this.settings.classNamePrefix+"--gallery-thumbnails"),{keyboard:"focused",lazyLoad:t,preloadPages:i,autoWidth:!0,fixedHeight:100,height:"ttb"===e?window.innerWidth>768?600:200:0,direction:e,rewind:this.settings.galleryConfig.arrows,gap:3,arrows:this.settings.galleryConfig.arrowsThumbnails,pagination:this.settings.galleryConfig.paginationThumbnails,isNavigation:!0,breakpoints:{600:{fixedHeight:66}}}),this._splideThumbnails.mount(),this._splideMain.sync(this._splideThumbnails).mount(),this._splideThumbnails.on("moved",((e,t)=>{this._selectPreview(e)}))}let t=[];for(let i=0;i{if(n.element.addEventListener("preview:rendered",(()=>{requestAnimationFrame((()=>{n.element.closest(".splide__slide").style.aspectRatio=""}))}),{once:!0}),n._thumbnailEl){const e=e=>{let t={format:"png",multiplier:200/n._canvas.getHeight()};n._thumbnailEl.src=n._canvas.toDataURL(t),n._canvas.requestRenderAll()};n.element.addEventListener("layer:changed",e),n.element.addEventListener("preview:rendered",e)}}))),this._previews.push(n)}else a.warn("[live-options] gallery - missing media image for view: ",r)}return this._watchFormChanges(),this._splideMain.options.drag&&!this._isStatic(e)&&this._watchPreviewChanges(),this.settings.editorMode&&window.clProductGalleryPosition?(this.selectPreview(window.clProductGalleryPosition),delete window.clProductGalleryPosition):isNaN(this.settings.galleryConfig.position)?this._selectVariantThumbnail(this._getVariantById(this.settings.variantId)):this.selectPreview(this.settings.galleryConfig.position),!this._preview&&this._previews.length&&(this._preview=this._previews[0]),Promise.all(t)}_filterProductMedia(e){this.media=this.settings.product.media.filter((e=>-1===this.settings.galleryConfig.exclude.indexOf(e.position))),this.settings.galleryConfig.hideThumbnails&&(this.media=this.media.filter((t=>{for(let i=0;ie){let t=this.media[e];!this.settings.galleryConfig.previewActive&&this._preview&&(this._preview.active=!1);for(let e=0;ethis._optionChanged(e))),this._productForm.addEventListener("option:crop",(e=>this._optionChanged(e))),this._productForm.addEventListener("option:variant_changed",(e=>this._variantChanged(e))))}_watchPreviewChanges(){this.element.addEventListener("preview:rendered",(e=>this._checkInteractive(e))),this.element.addEventListener("preview:active",(e=>this._checkInteractive(e)))}_variantChanged(e){this.settings.variantId=e.detail.variantId,this._selectVariantThumbnail(this._getVariantById(this.settings.variantId))}_optionChanged(e){let t=e.detail,i=-1,r=-1,o=this._getMediaPosition(this._splideMain.index);for(let e=0;e0)for(let t=0;t0&&(i=r.offsetWidth);i&&(e=Math.round(i/t)+"px")}}}a.debug("--\x3e product-gallery loader minHeight:",e),this._loader=document.createElement("div"),this._loader.className="cl-po--gallery-loader",this._loader.style.minHeight=e,this._loader.innerHTML='

',this.element.insertBefore(this._loader,this._wrapper),this._wrapper.style.opacity="0";const i=e=>{this._preview!==e.detail&&this._preview||(this._removeLoader(),this.element.removeEventListener("preview:rendered",i))};this.element.addEventListener("preview:rendered",i)}_removeLoader(){this._wrapper.style.opacity="1",this._loader&&(this.element.removeChild(this._loader),this._loader=null)}_triggerEvent(e,t){const i=new CustomEvent(e,{detail:t,cancelable:!0,bubbles:!0});this.element.dispatchEvent(i)}constructor(e,t,i,r){this.config=e,this.settings=o.extend({api:"https://api.cloudlift.app",assets:"https://assets.cloudlift.app",queryParams:{},selector:".cl-gallery",position:"",sticky:!1,stickyMobile:"overlay",zoom:null,maxHeight:0,classNamePrefix:"cl-po",product:{},variantId:null,galleryConfig:{exclude:[],hideThumbnails:!1,hideThumbnailsMobile:!1,layout:"bottom",arrows:!1,arrowsThumbnails:!1,pagination:!1,paginationMobile:!1,paginationThumbnails:!1,previewActive:!1,loader:!1,maxWidth:2500,width:0}},r||{}),window.clGallery&&(this.settings.galleryConfig=o.extend(this.settings.galleryConfig,window.clGallery)),this._previews=[],this.media=[],this._productForm=t,this.conditionsEngine=i,null!==this.settings.selector&&(o.isElement(this.settings.selector)?this.element=this.settings.selector:this.element=document.querySelector(this.settings.selector)),null!=this.element?(a.info("--\x3e new product-gallery: ",this.element),this.resources=[this.settings.assets+"/static/lib/splidejs/splide.min.js",this.settings.assets+"/static/lib/splidejs/splide.min.css"],this.ready=$r.loadOnce(this.resources,"product-gallery",{async:!1}).then((()=>this._init()))):a.warn("no elements with selector found: ",this.settings.selector)}};var Do=class{translate(){try{let e=JSON.stringify(this.config.options);this.config.variantOption&&(e+=JSON.stringify(this.config.variantOptions));let t=e.indexOf("#");if(-1!==t){let i=/^#[0-9A-F]{6}$/i;for(;-1!==t;){let r=e.substr(t,7);if(!i.test(r))break;a.trace("[config-translate] skipping color:",r),t=e.indexOf("#",t+1)}}-1!==t?(this._translateOptions(this.config.options),this.config.variantOption&&this._translateOptions(this.config.variantOptions,!0),this.config.preview&&this._translatePreview(this.config.previewConfig),a.debug("[config-translate] translated options")):a.debug("[config-translate] skipped options translation")}catch(e){a.debug("[config-translate] error in translation",e)}}_translateOptions(e,t=!1){for(let i=0;ithis.render())):(this.config.previewConfig=e,this._initPreview())}updateCss(e){this.removeCss(),this._style=o.addStyleElement(e,this.settings.styleSelector)}removeCss(){this._style&&this._style.parentNode.removeChild(this._style)}updateJs(e){this.removeJs(),e=`window.addEventListener('options:rendered',function(e){ ${e} },{once:true});`,this._script=o.addScriptElement(e)}removeJs(){this._script&&this._script.parentNode.removeChild(this._script)}validate(){let e=this._validateOptions(this.config.options);if(a.debug("validated product-options: ",this.config,e),dr.productOptionsEmptyId){let e=this.getValues();this.settings.idLink=Object.values(e).some((e=>""!==e))}return this.render(),e}render(){let e=[];try{this._evaluateOptionValue(this.config.options),this._evaluateOptionConditions(this.config.options),this._evaluateOptionPrice(this.config.options),this._variantIdOption&&e.push(this._variantIdOption),this._variantOptions&&this.config.variantOptions.length&&e.push(...this.config.variantOptions);const t={uuid:this.config.uuid,editorMode:this.settings.editorMode,price:this.price,product:this.settings.product,productForm:this._productForm,productFormLink:this._productFormLink,wrapper:this._wrapper,assets:this.settings.assets,idLink:this.settings.idLink};e.push(...this.config.options),ee(ho(e,t,this._optionValueChanged.bind(this),this._clearOptionError.bind(this),this.validate.bind(this),this._getOption.bind(this)),this._wrapper),this._triggerEvent("options:rendered",this),this._initTooltips()}catch(t){a.error("failed to render product options",e,t)}}getValues(e={},t=this.config.options){for(let i=0;ithis.render())),this._watchFormSubmit(),this._watchVariantChanges(),this.config.preview&&this._initPreview(),o.hasQueryParam(window.location.href,"item")&&this._restoreCartItem()):a.warn("product-options no product form found for element: ",this.element,this.config)}_variantsInCurrency(){let e=[],t={};ur.priceVariant&&e.push(this.shopifyStore.getProduct(ur.priceProductHandle||"product-options").then((e=>{ur.priceVariantValue=e.price/100})).catch((()=>!0)));const i=i=>{let r=i.priceVariant,o=r.handle;!o&&r.title&&(o=r.title.substring(0,r.title.indexOf("-")).trim().replaceAll(" ","-").toLowerCase()),o&&(t[o]=t[o]||this.shopifyStore.getProduct(o),e.push(t[o].then((e=>{if(e.variants)for(let t=0;t1&&(i.hasOwnProperty("_price")||(i._price=i.price),i.price=i._price*i.priceVariant.quantity),i.disabled=!o.available);break}}})).catch((e=>{a.warn("missing linked product for optionValue: ",i,e),dr.productLinkAvailable&&(i.disabled=!0)}))))},r=e=>{let t=e.values;if(e.list&&this.settings.lists&&this.settings.lists.hasOwnProperty(e.list)&&(t=this.settings.lists[e.list]),t)for(let e=0;e1&&(this._variantOptions=new $o(this.config,this._productFormParentEl||this._productForm,{product:this.settings.product,variant:this._getVariantById(e),editorMode:this.settings.editorMode}),dr.productVariantFilter&&this._variantOptions.filterVariantValues()),this.settings.editorMode))if(this._variantIdOption={name:"id",id:"option_"+this.settings.product.id+"_id",value:e,params:{name:"id",info:"Only shown in the App to test conditional options based on the selected variant."},visible:!0},1===this.settings.product.variants.length||this.config.variantOption)this._variantIdOption.type="hidden";else{this._variantIdOption.label="Variant",this._variantIdOption.type="select",this._variantIdOption.values=[];for(let e=0;ethis._onVariantChange(e))),this._productFormParentEl&&this.shopifyStore.onVariantIdChange(this._productFormParentEl,((e,t)=>this._onVariantChange(e,t))),dr.productVariantHistory&&(dr.productVariantHistoryPush&&this._watchVariantHistory("pushState"),dr.productVariantHistoryReplace&&this._watchVariantHistory("replaceState")),null!==this._variantId}_watchVariantHistory(e){if("function"==typeof window.history[e]){const t=window.history[e],i=this._productForm;window.history[e]=function(e){return setTimeout((function(){i.dispatchEvent(new Event("change"))}),300),t.apply(window.history,arguments)}}}_onVariantChange(e,t){if(t||(t=this.shopifyStore.findProductFormVariantId(this._productFormParentEl||this._productForm)),t!==this._variantId){if(this._variantId=t,delete this.conditionsEngine.data.variant,this._variantId){let e=this._getVariantById(this._variantId);e&&(this.conditionsEngine.data.variant=e),this._clearVisibleEditor(),this._triggerEvent("option:variant_changed",{variantId:this._variantId})}this.render()}}_getVariantById(e){if(this.settings.product.variants&&this.settings.product.variants.length>0)for(let t=0;t1&&this._variantOptions.filterVariantValues(),this._variantOptions.syncVariantChanges(e),this._variantIdOption&&t&&(this._variantIdOption.value=t.id.toString(),this._onVariantChange(null,this._variantIdOption.value))}_clearVisibleEditor(){this.settings.editorMode&&(this.visibleEditor={})}_clearOptionError(e,t,i){const r=t.errors.indexOf(i);r>-1&&t.errors.splice(r,1),this.render()}_generateOptionIds(e,t,i=0){for(let r=0;r0&&(i=i.filter((e=>!o.isHidden(e)&&!this._wrapper.contains(e)))),0===i.length&&(a.debug("no productPrice elements found for price:",t),dr.amountNoDecimals&&(t=cr(e,"{{ amount_no_decimals }}"),a.debug("trying fallback {{ amount_no_decimals }} price: ",t),i=o.findElementContainsRegex("*",new RegExp(`^.{0,50}${t}.{0,50}$`,"s")),i.length>0&&(i=i.filter((e=>!o.isHidden(e)&&!this._wrapper.contains(e)))))),i.length)if(a.debug("found "+i.length+" productPrice elements",i),dr.productPriceAll)this._priceElList=i.filter((e=>{for(let t=0;t{let t=e+100*this.price.total,i=cr(t,ur.moneyFormat);if(this._priceElList&&this._priceElList.length)for(let e=0;et()),1e3),this._variantCompareAtPrice){let e=document.querySelectorAll('[data-live-price-compare="'+this.settings.product.id+'"]');if(e.length){let t=cr(this._variantCompareAtPrice+100*this.price.total,ur.moneyFormat);for(let i=0;i{if(this._priceElList&&this._priceElList.length){a.trace("observer priceEl for removed nodes",this._priceElList);let t=!1;for(let i=0;i0){if(1===r.removedNodes.length&&1!==r.removedNodes[0].nodeType&&3!==r.removedNodes[0].nodeType)continue;const e=Array.from(r.removedNodes);for(let i=0;i-1||e.some((e=>e.contains(o)))){a.debug("priceEl was removed:",o),t=!0;break}}}if(t)break}t&&(a.debug("-> triggering patchProductTotal"),this._patchProductPriceTotal())}})),this._priceElObserver.observe(document.body,{subtree:!0,childList:!0}))}}_patchProductWeightTotal(){if((0!==this.price.weight||this._weightElList&&this._weightElList.length)&&(this._weightElList&&0!==this._weightElList.length||(this._weightElList=document.querySelectorAll('[data-live-weight="'+this.settings.product.id+'"]')),this._weightElList&&this._weightElList.length))for(let e=0;e{e>0&&(t.priceVariant.quantity=0,t.price=0,this.render())})),t.quantityInput&&!isNaN(t.priceVariant.quantity)&&(t.hasOwnProperty("_price")||(!dr.productLinkAvailable&&t.priceVariant.quantity>1&&(t.price=parseFloat(t.priceVariant.price)),t._price=t.price),t.price=t._price*t.priceVariant.quantity)),r&&(this.settings.priceWeight&&t.weight&&(this.price.weight+=t.weight),this.settings.sku&&t.sku&&this.price.sku.push(t.sku),t.priceVariant&&(this.price.variants.push(t.priceVariant),t.priceVariantQuantity&&(t.priceVariant.quantity=-1),t.price&&(this.price.variantTotal+=t.price)),t.price)){let e,r,o=t.price;t.priceVariant||ur.currencyConvert&&(r=o,this.price.totalBase+=r,o=hr(r)),this.price.options.hasOwnProperty(i.name)?(e=this.price.options[i.name],e.price+=o,e.priceBase&&(e.priceBase+=r)):e={option:i,price:o,priceBase:r},this.price.total+=o,e.priceText=cr(100*e.price,ur.moneyFormat),i.label&&i.params.labelPriceText&&(i._priceText=e.priceText),t.priceVariant||(this.price.options[i.name]=e)}}i.options&&i.options.length&&this._evaluateOptionPriceTotal(i.options)}}}_priceValueFormula(e,t,i=!0){let r=0,o=t.priceFormula;try{if(!t._priceFunction)try{-1===o.indexOf("return")&&(o="return ( "+o+" )"),t._priceFunction=Function('"use strict";return (function(option, value, price, options){ '+o+" })")()}catch(i){a.error("failed to parse optionValue.priceFormula: ",t,o,i),this.settings.editorMode&&(e.errors=e.errors||[],-1===e.errors.indexOf(i.message)&&e.errors.push(i.message))}if(t._priceFunction&&(this._priceFunctionUtil=this._priceFunctionUtil||{option:e=>this._getOption(e),value:e=>{const t=this._getOption(e);return t?t.value:""},price:e=>{if(this.price.options.hasOwnProperty(e)){let t=this.price.options[e];return t.priceBase||t.price}return 0},controller:e=>{const t=this._getOption(e);return t&&t._controller?t._controller:{}},variant:e=>this._getVariantById(e||this._variantId),weight:(e,t,i)=>{const r=this._getOption(e);if(r)for(let e=0;e{const i=this._getOption(e);i&&(i.errors=i.errors||[],t=l.translate(t),-1===i.errors.indexOf(t)&&i.errors.push(t),i._errorFormula=!0)}},r=t._priceFunction(e,t.value,t._price,this._priceFunctionUtil),i&&(r?"number"!=typeof r&&(r=parseFloat(r),isNaN(r)&&(r=0)):r=0,r>0&&e.params.priceFormulaDeductVP))){let e=this._getVariantById(this._variantId);e?.price&&(r=Math.max(r-e.price/100,0))}}catch(t){a.error("failed to calculate price with priceFormula: ",o,t),this.settings.editorMode&&(e.errors=e.errors||[],-1===e.errors.indexOf(t.message)&&e.errors.push(t.message))}return r}_watchFormSubmit(){this._productFormSubmit=!1,this._handleCartAdd(),this.shopifyStore.onProductFormSubmit(this._productForm,this._productFormParentEl||this._productForm,(e=>this._handleFormSubmit(e)),dr.productFormCapture),(this._productFormParentEl||this._productForm).addEventListener("keypress",(e=>{if(e.target&&"INPUT"===e.target.tagName){13===(e.keyCode||e.which)&&(e.preventDefault(),e.target.blur())}}))}_handleFormSubmit(e){if(!this._productFormSubmit){if(this._productFormSubmit=!0,!this.validate())return this._productFormSubmit=!1,e.preventDefault(),void e.stopImmediatePropagation();let t=this._hasExportPreviews(),i=0!==this.price.total||this.price.variants.length>0;this._buyNowCapture=!0;let r=t||i||this._itemKey||this._buyNowCapture&&this.shopifyStore.isExpressPaymentButton(e.target);r&&(e.preventDefault(),e.stopImmediatePropagation(),this._productFormEvent=e,this._triggerFormDisabled(!0),this._triggerEvent("options:submit_prevent"));let o=[];if(t){let e=Promise.resolve(),t=this._getPreviews();for(let i=0;inew Promise((function(t,i){setTimeout(i.bind(null,e),1e3)})),n=!1;e=e.then((()=>{let e=Promise.reject();for(let i=0;i<3;i++)e=e.catch((e=>{e&&(n=!0,a.warn("[live-options] preview export error",e),i>1&&(e.try=i),dr.previewExportLog&&this._upload._fileMeta.exportFailed(e));try{return this._exportPreview(r,t)}catch(e){return e.sync=!0,Promise.reject(e)}})).catch(o);return e.finally((()=>{i.removeChild(t)})),e})).then((()=>{n&&this._upload._fileMeta.exportFailed({success:!0})})).catch((e=>{if(e&&(a.error("[live-options] preview final failed",e),e.failed=!0,dr.previewExportLog&&this._upload._fileMeta.exportFailed(e),e.upload&&(alert(e.error),dr.previewExportRequired=!0)),dr.previewExportRequired)return this._productFormSubmit=!1,Promise.reject()}))}}o.push(e)}if(i){const e=ko.generateId();let t=Promise.resolve();if(this.price.variants.length)for(let e=0;ethis.shopifyCart.addItem(o))).catch((e=>{let t="Live Product Options: "+(e.description||"")+"\n**please check the linked products on options**";this.shopifyStore.isThemeEditor()?alert(t):console.error(t)}))}let r=this.price.total-this.price.variantTotal;if(r>0){let i=Math.round(100*r),o={};o[pr.ID]=e;for(const e in this.price.options)if(this.price.options.hasOwnProperty(e)){const t=this.price.options[e];let i=t.priceText.replace(/(<([^>]+)>)/gi,"");o[t.option.name]=i,t.priceBase&&(o["_"+t.option.name]=t.priceBase)}if(this._setFormProperty(pr.ID,e),this._setFormProperty(pr.PRICE,i),ur.currencyConvert&&(this._setFormProperty(pr.CURRENCY,ur.currency),this._setFormProperty(pr.PRICE_BASE,Math.round(100*this.price.totalBase))),this.settings.priceDraft)ko.storeItem(e,{properties:o});else if(ur.priceVariantId){let e=r/ur.priceVariantValue,i=(this._productFormParentEl||this._productForm).querySelector('[name="quantity"]');i&&i.value&&(e*=i.value),e=Math.round(e);let n=this.shopifyCart.toItem(ur.priceVariantId,e,o),a=(this._productFormParentEl||this._productForm).querySelector('input[name="selling_plan"]');a&&a.value&&(n.selling_plan=parseInt(a.value)),pr.VALIDATE=!1,t=t.then((()=>this.shopifyCart.addItem(n))).catch((e=>{alert("Live Product Options: "+(e.description||"")+"\n**please check the Price settings in the app**")}))}else alert("Live Product Options: missing price options product\n**please check the Price settings in the app**")}else i=!1;o.push(t)}if(i||(this._removeFormProperty(pr.ID),this._removeFormProperty(pr.PRICE),this._removeFormProperty(pr.PRICE_BASE),this._removeFormProperty(pr.CURRENCY)),this.settings.priceWeight&&this.price.weight>0?this._setFormProperty(pr.WEIGHT,this.price.weight):this._removeFormProperty(pr.WEIGHT),this.settings.sku&&this.sku?this._setFormProperty(this.settings.skuProp,this.sku):this._removeFormProperty(this.settings.skuProp),r||"cloudlift.cart"!==e.type||(r=!0),r)return Promise.all(o).then((()=>{if(this._itemKey&&-1!==this._itemKey.indexOf(this._variantId)){const t=()=>this.shopifyCart.updateItemById({id:this._itemKey,quantity:this.shopifyStore.findProductFormQuantity(this._productFormParentEl||this._productForm),properties:this.shopifyStore.getFormProperties(this._productForm)}).then((()=>{"function"==typeof window.clOnCartUpdate?window.clOnCartUpdate():window.location.href=this.shopifyStore.settings.api+"/cart"}));if(dr.productItemModal){let i="product.options.item.modal.",r=document.createElement("dialog");return r.className="cl-po--dialog",r.innerHTML=`\n `,void 0!==window.dialogPolyfill&&(window.dialogPolyfill.registerDialog(r),r.style.height="auto"),this._wrapper.appendChild(r),r.showModal(),r.addEventListener("close",(()=>{"update"===r.returnValue?t():"cloudlift.cart"===e.type?(delete this._itemKey,delete this._productFormSubmit,this._handleFormSubmit(e)):this._triggerFormEvent()})),!0}if(dr.productItemUpdate)return t()}return this.shopifyStore.isExpressPaymentButton(e.target)&&(e=new CustomEvent("cloudlift.cart",{detail:{onSuccess:()=>{const e=new CustomEvent("cloudlift.checkout",{detail:{},cancelable:!0,bubbles:!1});window.dispatchEvent(e)}},cancelable:!0,bubbles:!1})),"cloudlift.cart"===e.type?this.shopifyCart.addItem({id:this._variantId,quantity:this.shopifyStore.findProductFormQuantity(this._productFormParentEl||this._productForm),properties:this.shopifyStore.getFormProperties(this._productForm)}).then((()=>(this._productFormSubmit=!1,e.detail&&"function"==typeof e.detail.onSuccess?e.detail.onSuccess():window.location.href=this.shopifyStore.settings.api+"/cart",!0))):(this._triggerFormEvent(),setTimeout((()=>{pr.VALIDATE=!0}),5e3),this._triggerEvent("options:submit"),!0)})).catch((e=>(a.error("[live-options] submit handler error",e),this._triggerFormDisabled(!1),!1)));setTimeout((()=>{this._triggerEvent("options:submit"),this._productFormSubmit=!1,this._triggerFormDisabled(!1)}),300)}return Promise.resolve(!1)}_handleCartAdd(){let e=document.querySelectorAll("[data-live-cart-add]");if(e.length){a.debug("found manual cart add btn",e);for(let t=0;t{i.dataset.liveCartAdd&&this.settings.product.id.toString()!==i.dataset.liveCartAdd||(e.preventDefault(),e.stopImmediatePropagation(),this._productFormSubmit=!1,this._handleFormSubmit(new CustomEvent("cloudlift.cart",{detail:{},cancelable:!0,bubbles:!1})))}),{capture:!0})}}}_setFormProperty(e,t){let i;this._formInputs?this._formInputs.hasOwnProperty(e)&&(i=this._formInputs[e]):this._formInputs={},i?i.value=t:(i=document.createElement("input"),i.type="hidden",i.name="properties["+e+"]",i.value=t,this._productForm.appendChild(i)),this._formInputs[e]=i}_removeFormProperty(e){if(this._formInputs&&this._formInputs.hasOwnProperty(e)){let t=this._formInputs[e];t.parentNode.removeChild(t),delete this._formInputs[e]}}_triggerFormEvent(){if(this._triggerFormDisabled(!1),this._productFormEvent){let e=this._productFormEvent;e.target||e.currentTarget?"click"===e.type?e.target&&e.target.click?e.target.click():e.currentTarget&&e.currentTarget.click?e.currentTarget.click():"BUTTON"===e.target.parentNode.tagName&&e.target.parentNode.click():"submit"===e.type&&e.target.submit():(a.error("missing event target - manual form submit"),this._productForm.submit()),this._productFormEvent=null,this._productFormSubmit=!1}this._optionValuesClear&&setTimeout((()=>{this.setValues(this._optionValuesClear),this.render(),this._renderPreview()}),1e3)}_triggerFormDisabled(e){if(dr.productFormDisabled)if(e){if(this._productFormEvent){let e=this._productFormEvent.target||this._productFormEvent.currentTarget;e&&("BUTTON"===e.tagName?this._btnDisabled=e:this._btnDisabled=e.closest("button"),this._btnDisabled&&this._btnDisabled.setAttribute("disabled","disabled"))}}else this._btnDisabled&&(this._btnDisabled.removeAttribute("disabled"),delete this._btnDisabled)}_getControllers(e={},t=this.config.options){for(let i=0;i{this._preview=this._gallery._preview})),this._gallery.element.addEventListener("preview:active",(()=>{this._preview=this._gallery._preview})))):this._preview=new Mo(this.config,this.config.previewConfig,this._productForm,this.conditionsEngine,{api:this.settings.api,assets:this.settings.assets,selector:this.settings.selectorPreview,selectorThumbnail:this.settings.selectorThumbnail,position:this.settings.positionPreview,sticky:this.settings.stickyPreview,stickyMobile:this.settings.stickyPreviewMobile,stickyMobileSize:this.settings.stickyPreviewMobileSize,zoom:this.settings.previewZoom,maxHeight:this.settings.maxHeightPreview,product:this.settings.product,variantId:this._variantId,editorMode:this.settings.editorMode})}_renderPreview(){this.config.preview&&(this._gallery&&this._gallery.ready?this._gallery.ready.then((()=>this._gallery._previews.forEach((e=>e.renderPreview())))):this._preview&&this._preview.ready&&this._preview.ready.then((()=>this._preview.renderPreview())))}_destroyPreview(){this._gallery?(this._gallery.destroy(),delete this._gallery):this._preview&&this._preview.destroy(),delete this._preview}_getPreviews(){return this._gallery?this._gallery._previews:this._preview?[this._preview]:[]}_isExportPreview(e){let t=e.previewConfig.export&&(e.previewConfig.exportConfig.thumbnail||e.previewConfig.exportConfig.original||fr.EXPORT&&e.previewConfig.exports&&e.previewConfig.exports.length);if(!t)for(let t=0;t0)return this._upload.upload(i,(e=>{if(e.lengthComputable){let i=e.loaded/e.total*100;i>t.value&&(t.value=i)}})).then((e=>{for(let t=0;t0){this._tippyInstances||(this._tippyInstances=[]);for(let t=0;t"),n="ontouchstart"in window;if(r=r.trim(),r){const e={allowHTML:!0,maxWidth:350,interactive:o,appendTo:dr.tooltipBody?document.body:"parent"};n&&(e.trigger="click",e.onShow=e=>{setTimeout((function(){e.hide()}),window.clTooltipDuration||3e3)}),this._tippyInstances.push(gi(i,e))}i.classList.add("init")}}}_initPersonalize(e){e._controller={onValidate:e=>!e.required||e.value===e.values[0].value||(e.value=e.values[0].value,this.render(),e.params.popup?this._onPersonalizeChanged(e):e.params.validationMsg&&e.errors.push(e.params.validationMsg),!1),onChange:(e,t)=>{this._optionValueChanged(t),this._onPersonalizeChanged(t)}};let t=[...this.config.options];t.splice(this.config.options.indexOf(e),1),t=t.filter((e=>"personalize"!==e.type));let i=[];if(e.params.pExclude){let r=e.params.pExclude.split(",");t=t.filter((e=>-1===r.indexOf(e.name)||(i.push(e),!1)))}let r=[];r.push(e),e.values&&0!==e.values.length||(e.values=[{value:""}]);let o={data:"options",field:e.name,operator:"equals",value:e.values[0].value};if(r.push({name:"group_personalize",type:"group",value:"",required:!1,conditions:[o],params:{collapseOpen:!1,collapseLabel:"",collapse:!1},options:t,id:"option_group_personalize",visible:!1}),this.settings.editorMode&&e.params.popup&&(e.params.popup=!1),e.params.popup&&(this._productFormLinkForce=!0),this.config.preview){e.params.popup&&(this.config.preview=!1);const t=(e,t)=>{for(let i=0;i{const t=()=>{let t={id:this.config.uuid,product:this.settings.product,className:"fade"+(e.params.popupFull?" full":""),option:e,visible:this.config.options[1].visible},i=this.settings.selectorPreview;if(!o.isElement(i)){if(i=document.createElement("img"),i.className="cl-po--gallery-img",this._variantId)for(let e=0;e{this._productFormSubmit=!1;let t=document.querySelector("[data-live-cart-add-popup]");if(t)window.addEventListener("options:submit",(e=>{this._popupClose=!0,this._popup.set("close",!0)}),{once:!0}),t.click();else{let e;"function"==typeof window.clOnCartUpdate&&(e=()=>{this._popup.set("close",!0),window.clOnCartUpdate()}),this._handleFormSubmit(new CustomEvent("cloudlift.cart",{detail:{onSuccess:e},cancelable:!0,bubbles:!1}))}}),(e=>{this._popup.set("close",!0)})),this._popupEl)};this._popupEl?t():(this._popupEl=document.createElement("div"),this._popupPriceEl=document.createElement("span"),this._priceElList?(o.isNodeList(this._priceElList)&&(this._priceElList=Array.prototype.slice.call(this._priceElList)),this._priceElList.push(this._popupPriceEl)):this._priceElList=[this._popupPriceEl],t(),this._personalizeGroupEl.style.display="",document.body.appendChild(this._popupEl),this._popup=new ldCover({root:this._popupEl.querySelector(".ldcv"),lock:!1}),this._popup.on("toggle.on",(()=>{if(this._preview)this._renderPreview();else{if(window.innerWidth<=768)this.settings.maxHeightPreview=Math.floor(window.innerHeight/4),25!==this.settings.stickyPreviewMobileSize&&(this.settings.maxHeightPreview=Math.floor(window.innerHeight*(this.settings.stickyPreviewMobileSize/100)));else{let e=this.config.previewConfig.gallery&&"bottom"===this.config.previewConfig.galleryConfig.layout;this.settings.maxHeightPreview=e?550:660}this._initPreview()}this.render()}))),this._popup.get().then((i=>{this._popupClose?delete this._popupClose:(e.value=e.values[1].value,this.render(),this._renderPreview(),t())})),this._popup.toggle()}))}else this._popup&&this._popup.set(!1,!0)}_destroyTooltips(){if(null!=this._tippyInstances)for(let e=0;e{for(let i=0;i1){let e=this.shopifyStore.findProductFormQuantityEl(this._productFormParentEl||this._productForm);e&&(e.value=r.quantity)}dr.productItemModal&&"function"!=typeof HTMLDialogElement&&(this._dialogPolyfill=$r.loadOnce([this.settings.assets+"/static/lib/dialog/dialog-polyfill.min.js",this.settings.assets+"/static/lib/dialog/dialog-polyfill.min.css"],"dialog",{async:!1})),this._itemKey=e,this._personalizeOption&&this._onPersonalizeChanged(this._personalizeOption);break}}}))}_lookupCartQuantity(e){return new Promise(((t,i)=>{setTimeout((()=>{this.shopifyCart.getCart(!0).then((i=>{let r=0;for(let t=0;tthis._init())):this._init()):a.warn("no elements with selector found: ",this.settings.selector)}};var jo=class{setup(e=!1){e&&(h.products={}),this.destroy(),this.shopifyStore.parseProductJsonElements(),this.shopifyStore.tryGetProductMap().then((e=>{for(let t=0;t evaluating options-config:",i.uuid),0===i.targetMode){let t=[{data:"product",field:"product",products:[i.product]}];for(let r in e)if(e.hasOwnProperty(r)){let o=e[r];this._evaluateProductTargeting(i,o,t,1)}}else if(0===i.conditionMode){if(this.shopifyStore.isProduct()){let t=e[this.shopifyStore.getHandleFromUrl()+".js"];t&&this._evaluateProductTargeting(i,t,[],0)}}else if(i.conditions.length>0)for(let t in e)if(e.hasOwnProperty(t)){let r=e[t];this._evaluateProductTargeting(i,r,i.conditions,i.conditionMode)}}0===this.products.length?this.shopifyStore.isThemeEditor()&&!this.config.lazy&&this._evaluateThemeEditor(e):setTimeout((()=>{this._compatible()}),1e3)})),this.config.setup&&this.config.configs.length>0&&(this._watch||(this._watchCartItems(),this._watchFormSubmit(),dr.productQuickView&&this._watchQuickView(),this._watch=!0))}destroy(){for(;this.products.length;){this.products.pop().destroy()}}async _evaluateProductTargeting(e,t,i,r){this.conditionsEngine.data.product=t;let o=this.conditionsEngine.evaluateConditions(i,r,"config.uuid="+e.uuid);if(o){this.config.lazy&&(this._lazyFetch&&await this._lazyFetch,this._lazyFetch=this._getConfigLazy(e),await this._lazyFetch);let i="#product_form_"+t.id;i+=', [data-product-form="'+t.id+'"]',o=this._createProductOptions(e,t,i),o||(o=this._createProductOptions(e,t)),o||a.error("no container found options-config:",e.uuid,t)}a.debug("--\x3e evaluated options-config:",e.uuid,t,o)}async _getConfigLazy(e){const t=-1===this.config.api.indexOf("local")?this.config.api.replace("api.","assets."):this.config.api,i=await new n(t+"/api/assets/options.json",{method:"GET",responseType:"json",queryParams:{shop:this.config.shop,config:e.uuid}});if(i.data?.configs){let t=i.data;for(let i=0;i\n .cl-block { padding: 10px;border-radius: 3px;background-color: rgb(55, 167, 220, 1); border: 2px solid #000;margin-bottom: 10px;opacity: 0.75; position: relative; }\n .cl-block span { font-size:14px; display: block; margin-bottom:5px; }\n .cl-block a, .cl-block span { color:#fff; }\n .cl-block a.live { font-size:20px;font-weight:bold;line-height: 1;text-shadow: 1px 1px 1px black;text-decoration: none; }\n .cl-block a.link { font-weight:bold;text-shadow: 1px 1px 1px black; }\n .cl-block .live-close { position: absolute; right:7px; top:0px; font-size:20px; cursor:pointer; }\n \n ✅\n Live Product Options\n Custom product options will appear here. ${e?"":"(only shown in editor)"}`;return e?r+="NEXT: save the theme & continue with the setup in the app.":i||(r+='To change the location visit: Product Options App Block'),n.innerHTML=r,void n.querySelector(".live-close").addEventListener("click",(e=>{n.parentElement.removeChild(n),o.writeCookie(t,"0",30,"/")}))}}}_createProductOptions(e,t,i){for(let i=0;i MERGING options with existing productOptions for product.id: "+t.id,e.options),r._generateOptionIds(e.options,"option_"+t.id+"_",r.config.options.length),r._translate&&(r._translate.config=e,r._translate.translate()),r.config.options.push(...e.options),r._wrapper&&r.render(),!0}i||(i='form[action*="/cart/add"]:not([id*=instal])');let r=1===this.config.locationMode?this.config.selector:"",n=1===this.config.locationMode?this.config.position:void 0,s=this._findOrCreateContainer(r,t,i);if(this._autoPosition&&(n=this._autoPosition,delete this._autoPosition),s){let i,r=JSON.parse(JSON.stringify(e)),a=1===this.config.previewLocationMode?this.config.previewSelector:"",l=1===this.config.previewLocationMode?this.config.previewPosition:void 0;i=o.isNodeList(s)?s:[s];for(let e=0;et&&(r=t.querySelectorAll(e),r.length>0)?(a.debug("using container in form with provided selector:",i,e,r),!0):(r=document.querySelectorAll(e),r.length>0&&(a.debug("using container with provided selector:",e,r),!0));if(e)return n(e,o)?r:(a.debug("no container found with selector:",e),null);if(r=document.querySelector('[data-live-options="'+t.id+'"]'),null!=r)return a.debug("using default container with selector: [data-live-options]"),r;if(this.config.autoSelector&&n(this.config.autoSelector,o))return this.config.autoSelectorPosition&&(this._autoPosition=this.config.autoSelectorPosition),r;if(o){let e=o.querySelector("[type=submit],.add_to_cart,.btn.add-to-cart");return r=document.createElement("div"),r.className="inject",r.style.width="100%",e?e.parentNode.insertBefore(r,e):o.insertBefore(r,o.firstChild),a.debug("injected container into form:",o),r}return null}_findOrCreatePreviewContainer(e,t,i){let r;if(!e&&this.shopifyStore.isTheme("Dawn")&&(this.config.autoPreviewSelector||this.config.autoGallerySelector||(i.previewConfig.gallery?document.querySelector(".product media-gallery")?this.config.autoGallerySelector=".product media-gallery":this.config.autoGallerySelector=".product slider-component":this.config.autoPreviewSelector='.product slider-component:not([class*="thumb"]) ul li:first-child')),r=this._checkPersonalizeContainer(i),r)return r;const n=e=>{let i=document.querySelectorAll(e);if(i.length>0){if(i.length>1)for(let n=0;no.params.imgPos-1&&(r=o.params.imgPos-1);break}}e=t.media[r]}else t.featured_image&&(e={src:t.featured_image});if(e){let t=this.config.previewImgParent,i=this.config.previewImgParentSelector,n=o.pathBaseName(e.src,!1),s=[];if(this.config.previewImgMainSelector&&(s=document.querySelectorAll(this.config.previewImgMainSelector),s.length&&dr.previewHiddenExclude&&(s=Array.prototype.filter.call(s,(function(e){return!o.isHidden(e)})))),0===s.length&&(s=document.querySelectorAll('img[src*="'+n+'"], img[data-src*="'+n+'"], img[data-srcset*="'+n+'"]')),s.length>0){if(a.debug("found main product images:",s),1===s.length)r=s[0];else{let e=Number.MAX_VALUE,t=-1;for(let i=0;it&&(t=l,r=a)}}let e;if(a.debug("selected auto preview img:",r),i&&(e=o.findParent(r,i)),null!=e)r=e,a.debug("using auto preview container with parent selector:",i,r);else if(r){1===t&&(r.parentElement&&null!==r.parentElement.getAttribute("data-zoom")||-1!==r.parentElement.id.indexOf("Zoom")||-1!==r.parentElement.className.indexOf("modal"))&&(t=2);for(let e=0;ethis._handleFormSubmit(e)),dr.cartFormCapture),window.addEventListener("cloudlift.checkout",(e=>{delete this.shopifyCart.cache,this._processCartItems().then((()=>{this._handleFormSubmit(e)}))}))}_handleFormSubmit(e){if(!e.submitter||!e.submitter.name||"update"!==e.submitter.name)if(this._draftCheckout){if(e.preventDefault(),e.stopImmediatePropagation(),this._checkoutRequest)return void a.warn("checkout is processing");try{let t;e.target&&("FORM"===e.target.tagName?t=e.target:e.target!==window&&(t=o.findParent(e.target,"form")));let i=this._getCheckout(t),r=Promise.reject(),s=e=>new Promise((function(t,i){setTimeout(i.bind(null,e),1e3)}));for(let e=0;e<3;e++)r=r.catch((t=>{let r={shop:this.config.shop};return e>0&&(r.retry=e),this._checkoutRequest=new n(this.config.api+"/api/checkout",{method:"POST",data:{checkout:i},responseType:"json",headers:{"Content-type":"application/json"},queryParams:r}),t&&a.warn("[live-options-api] checkout error",t),this._checkoutRequest})).catch(s);r=r.then((e=>{a.debug("[live-options-api] checkout response",e.data),dr.checkoutDomain&&(e.data.url=e.data.url.replace(/^.*\/\/[^\/]+/,"")),window.location.href=e.data.url})).catch((e=>{e.xhr&&0===e.xhr.status||(a.error("[live-options-api] checkout error",e),window.location.href=this.shopifyStore.settings.api+"/checkout")})),"function"==typeof r.finally&&r.finally((()=>{delete this._checkoutRequest}))}catch(e){a.error("[live-options] checkout error",e),window.location.href=this.shopifyStore.settings.api+"/checkout"}}else if(!this.config.priceDraft&&this._discountCheckout){if(this._discountRequest)return void delete this._checkoutRequest;e.preventDefault(),e.stopImmediatePropagation();try{let t=this._getCheckout(null);this._discountRequest=new n(this.config.api+"/api/checkout/discount/quantity",{method:"POST",data:{checkout:t},responseType:"json",headers:{"Content-type":"application/json"},queryParams:{shop:this.config.shop}}),this._discountRequest.then((t=>{var i=t.data;let r=document.querySelector('[name="discount"]');if(!r){let t;e.target&&("FORM"===e.target.tagName?t=e.target:e.target!==window&&(t=o.findParent(e.target,"form"))),t&&(r=document.createElement("input"),r.type="hidden",r.name="discount",t.appendChild(r))}var n=!1;r&&(r.value=i.code,e.submitter&&e.submitter.click&&(n=!0,e.submitter.click())),n||(window.location.href=this.shopifyStore.settings.api+"/checkout?discount="+i.code),a.debug("[live-options-api] checkout discount response",t.data)})).catch((e=>{a.error("[live-options-api] checkout discount error",e),window.location.href=this.shopifyStore.settings.api+"/checkout"}))}catch(e){a.error("[live-options] checkout discount error",e),window.location.href=this.shopifyStore.settings.api+"/checkout"}}else"cloudlift.checkout"===e.type&&(window.location.href=this.shopifyStore.settings.api+"/checkout")}_getCheckout(e){let t=[],i={};for(let e=0;e{if(-1!==i.indexOf("attributes")){let r=i.indexOf("["),o=i.indexOf("]");if(-1!==r&&-1!==o){let n=i.substring(r+1,o);if(e.hasOwnProperty(n)){let r=t.getAll(i);e[n]=r[r.length-1]}else e[n]=t.get(i)}}else"note"===i&&(r=t.get(i));return e}),{})}return{items:t,options:i,optionsTitle:this.config.priceDraftTitle,optionsShipping:!0===this.config.priceDraftShipping,optionsTaxable:!0!==this.config.priceDraftTaxFree,note:r,attributes:o,discount:0===this._discount.type||this._discountCheckout?null:this._discount,currency:this._cart.currency,country:window.Shopify?window.Shopify.country:void 0,total:this._cartTotal,customerId:this.shopifyStore.getCustomerId()}}_getDiscount(){let e={type:mr.NONE};for(let t=0;te)))}}this._processCartItems();let e=o.debounced(1e3,(()=>this._processCartItems()));this._processPending=0;v.register((t=>{if(/.*cart.*/.test(t.url)){if((t.method&&"POST"===t.method.toString().toUpperCase()||-1!==t.url.indexOf("/cart/add")||-1!==t.url.indexOf("/cart/change"))&&delete this.shopifyCart.cache,this._processPending++,this._processPending>2)return this._processPending=0,void a.warn("[live-options] cart process skipped to avoid endless loop");e()}}));setTimeout((()=>e()),2e3)}_processCartItems(){return this.shopifyCart.getCart(!0).then((e=>{this._processPending=0,this._cart=e,this._cartCount=0,this._cartTotal=0,this._draftCheckout=!1,this._discountCheckout=!1;for(let t=0;t{let i=t.key,r=this.shopifyCart.getItemLine(e,t);return this.shopifyCart.updateItem(r,{quantity:t.quantity,properties:t.properties}).then((e=>{let t=document.querySelector('[data-live-item-key="'+i+'"]');t&&(t.dataset.liveItemKey=e.items[r-1].key)}))})))}}t.properties.hasOwnProperty(pr.WEIGHT)&&(this._draftCheckout=!0)}else if(t.properties.hasOwnProperty(pr.ID)&&pr.VALIDATE&&!this._validateCartItemOptionsPrice(e,t))return!1;let i=0,s=!1;t.properties[pr.ID]&&t.properties.hasOwnProperty(pr.OPTIONS)&&t.properties[pr.PRICE]&&(i=parseInt(t.properties[pr.PRICE]),this.config.priceDraft&&(n=t.original_line_price+i*t.quantity),s=i>0);let c=null;t.properties.hasOwnProperty(pr.QUANTITY_ID)&&(c=this._processCartQuantityDiscount(e,t,i),null!=c&&(n=c,this._discountCheckout=!0,s=!0,this.config.priceDraft?this._draftCheckout=!0:n-=i*t.quantity));let p=this._resolveCartItemEl(e,t);0===p.length&&a.warn("[live-options] missing cart item element for: ",t);for(let n=0;n0){let t=e[e.length-1],r=document.createElement("span");r.className="cl-prop",r.innerHTML=t.textContent.replace(i,''+l.get("product.options.file.link")+""),t.parentNode.replaceChild(r,t)}}}let p=d.querySelector("[data-live-item-edit]");if(!p&&dr.cartItemEdit){let e,i="afterend",r=[];for(let i in t.properties)if(t.properties.hasOwnProperty(i)){if("_"===i.charAt(0))continue;let n=o.findElementContainsRegex("*",new RegExp(`${o.escapeRegex(i)}.*${o.escapeRegex(t.properties[i])}`,"s"),d);if(n.length>0)if(r.length){for(let t=n.length-1;t>=0;t--){const i=n[t];if(-1!==r.indexOf(i)){e=i;break}}if(e)break}else r.push(...n)}if(!e&&r.length&&(e=r[r.length-1]),e||(e=d.querySelector('a[href*="/cart/change"]'),i="beforebegin"),null!=e){a.debug("---\x3e adding editBtn: "+i,e),p=document.createElement("a"),p.style.padding="5px 10px",p.style.border="1px solid #d1d5db",p.style.borderRadius="3px",p.innerText=l.get("product.options.item.edit"),p.dataset.liveItemEdit="1";let t=document.createElement("div");t.style.padding="10px 0",t.appendChild(p),e.insertAdjacentElement(i,t)}}if(p){a.debug("---\x3e using editBtn element",p);let e=t.url+"&item="+t.key;"A"===p.tagName?p.href=e:p.addEventListener("click",(()=>window.location.href=e))}if(dr.cartItemClOptions)for(let e in t.properties)if(t.properties.hasOwnProperty(e)&&e.startsWith(pr.OPTIONS)&&-1!==d.innerHTML.indexOf(e)){let i=o.findElementContainsRegex("*",new RegExp(`${e}.*${t.properties[e]}`,"s"),d);if(i.length>0){let r=i[i.length-1],o=!0;for(let e in t.properties)if(t.properties.hasOwnProperty(e)&&-1!==r.innerHTML.indexOf(e)){o=!1;break}if(o)r.parentNode.removeChild(r);else{let i=String(t.properties[e]),o=r.innerHTML.indexOf(e),n=r.innerHTML.indexOf(i)+i.length;r.innerHTML=r.innerHTML.replace(r.innerHTML.slice(o,n),"")}}}if(s){const e=ur.moneyFormat,r=this.shopifyStore.trimMoneyFormatAmount(ur.moneyFormat),o=(e,t=!1)=>this._findPriceEl("*",e,r,d,t),n=(t,i,r,o)=>{let n=d.querySelector(r);(o||n)&&(i.classList.contains("cl-price-lt")?n||(n=i.parentNode.querySelector(".cl-price-d")):i.classList.add("cl-price-lt"),n||(n=document.createElement("span"),i.parentNode.insertBefore(n,i.nextSibling)),n.classList.add("cl-price-d"),n.innerHTML=cr(t,e))},s=(e,t)=>{if(e.classList.contains("cl-price-lt")){e.classList.remove("cl-price-lt");let i=d.querySelector(t);i?i.innerHTML="":(i=e.parentNode.querySelector(".cl-price-d"),i&&i.parentNode.removeChild(i))}};let l=d.querySelector("[data-live-item-final-price]");!l&&dr.cartItemPrice&&(l=o(t.final_price)),l&&(a.debug("---\x3e found item.final_price element",l),l.innerHTML=cr(t.final_price+i,e),null!=c?n(c/t.quantity,l,"[data-live-item-final-price-discount]",!1):s(l,"[data-live-item-final-price-discount]")),l=d.querySelector("[data-live-item-original-price]"),!l&&dr.cartItemPrice&&(l=o(t.original_price)),l&&(a.debug("---\x3e found item.original_price element",l),l.innerHTML=cr(t.original_price+i,e));let p=Array.from(d.querySelectorAll("[data-live-item-final-line-price]"));0===p.length&&dr.cartItemPrice&&(l=o(t.final_line_price,!0),l&&p.push(l)),p.length&&p.forEach((r=>{a.debug("---\x3e found item.final_line_price element",r),r.innerHTML=cr(t.final_line_price+i*t.quantity,e),null!=c?n(c,r,"[data-live-item-final-line-price-discount]",!0):s(r,"[data-live-item-final-line-price-discount]")})),l=d.querySelector("[data-live-item-original-line-price]"),!l&&dr.cartItemPrice&&(l=o(t.original_line_price)),l&&(a.debug("---\x3e found item.original_line_price element",l),l.innerHTML=cr(t.original_line_price+i*t.quantity,e))}if(t.properties[pr.ID])if(t.properties.hasOwnProperty(pr.OPTIONS)){if(dr.cartItemPriceOptions){let i;if(i=this.config.priceDraft?ko.getItem(t.properties[pr.ID]):this._findCartItemByProperty(e,pr.ID,t.properties[pr.ID],t.key),null!=i&&i.properties)for(let e in i.properties)if("_"!==e.charAt(0)&&i.properties.hasOwnProperty(e)&&t.properties.hasOwnProperty(e)){let r=o.findElementContainsRegex("*",new RegExp(`${o.escapeRegex(e)}.*${o.escapeRegex(t.properties[e])}`,"s"),d);if(r.length>0){let o=r[r.length-1],n=e.replace(/^[^a-zA-Z]+|[^\w]+/g,"");const s="p"+n.charAt(0).toUpperCase()+n.slice(1);if(!o.dataset[s]){a.debug("--\x3e found element to display options price for property: "+e,o);let r=t.properties[e];-1!==r.indexOf("&")&&-1!==o.innerHTML.indexOf("&")&&(r=r.replace(/&/g,"&")),o.innerHTML=o.innerHTML.replace(r,r+" | "+i.properties[e]),o.dataset[s]="1"}}}}}else dr.cartItemPriceRemove&&d.parentNode&&d.parentNode.removeChild(d)}else t.properties.hasOwnProperty(pr.OPTIONS)&&a.debug("--\x3e no cart item node found for item: ",t)}}}return this._cartCount+=r,this._cartTotal+=n,!0}_processCartQuantityDiscount(e,t,i){let r,o=0,n=t.properties[pr.QUANTITY_ID];for(let t=0;t=t&&a removing cartItem",t),this.shopifyCart.removeItem(this.shopifyCart.getItemLine(e,t)).then((()=>window.location.reload())),!1;if(t.properties.hasOwnProperty(pr.PRICE)){let r=parseInt(t.properties[pr.PRICE]),o=r*t.quantity;if(o!==i.original_line_price){if(ur.currencyConvert){if(t.properties.hasOwnProperty(pr.CURRENCY)&&t.properties[pr.CURRENCY]!==ur.currency){let e=parseInt(t.properties[pr.PRICE_BASE]);ur.priceVariantValue=i.original_price/100,e=hr(e),o=e*t.quantity,t.properties[pr.CURRENCY]=ur.currency,this._convertOptionsPriceProperties(i.properties)}}else{let e={};e[pr.ID]=i.properties[pr.ID],i.properties=e}let n=Math.round(o/i.original_price),a=Math.round(i.original_price*n/t.quantity),s=Promise.resolve();return a!==r&&(t.properties[pr.PRICE]=String(a),s=this.shopifyCart.updateItem(this.shopifyCart.getItemLine(e,t),{quantity:t.quantity,properties:t.properties})),s.then((()=>this.shopifyCart.updateItem(this.shopifyCart.getItemLine(e,i),{quantity:n,properties:i.properties}))).then((()=>{window.location.reload()})),!1}}return!0}_resolveCartItemEl(e,t){let i=[],r=['[data-live-item-key="'+t.key+'"]','[data-line-item-key="'+t.key+'"]','[data-cart-item-key="'+t.key+'"]',".cart_item_"+t.id];for(let e=0;e0){for(let r=0;r1)for(let r=0;r "+this._cartCount,r),r.innerText=this._cartCount}if(dr.cartCount&&t!==this._cartCount){let i=o.findElementContainsRegex("*",new RegExp(`^.{0,3}${t}.{0,3}$`,"s"));if(this.shopifyStore.isTheme("Dawn")){let e=document.querySelector("#cart-notification-button");e&&(e.innerHTML=e.innerHTML.replace(t,this._cartCount))}const r=this.shopifyStore.trimMoneyFormatAmount(ur.moneyFormat);let n=cr(e.total_price,r);for(let e=0;e "+this._cartCount,r),r.innerHTML=r.innerHTML.replace(t,this._cartCount)}}}}_patchCartTotal(e){if(this.config.priceDraft||this._discountCheckout){let t=e.total_price,i=[],r=e.original_total_price!==this._cartTotal;this.config.priceDraft&&r&&(this._draftCheckout=!0),this._cartTotal-=e.total_discount;let n=cr(this._cartTotal,ur.moneyFormatWithCurrency),s=["[data-live-cart-total]",".totals__subtotal-value",".totals__total-value"];for(let e=0;e "+this._cartTotal,r),r.innerHTML=n}if(dr.cartTotal&&r){let e=this.shopifyStore.trimMoneyFormatAmount(ur.moneyFormat),i=this._findPriceEl('form[action*="/cart"]:not(form[action*="/cart/add"]) *, form[action*="/checkout"] *',t,e);i&&(o.findParent(i,"[data-live-item-key]")||(a.debug("---\x3e found cart.total_price element",i),i.innerHTML=n))}if(this._draftCheckout&&(this._checkoutBtns=this.shopifyStore.findExpressDynamicCheckoutCart(),this._checkoutBtns.length))for(let e=0;e{this._discountInput.loading=!1,e.data?(this._discount=e.data,this._discount.valid=!0,this._discountInput.code="",window.localStorage&&localStorage.setItem("cl_discount",JSON.stringify(this._discount)),this.shopifyStore.saveDiscountCode(this._discount.code),this._discountInput.success=l.get("product.options.discount.valid")):this._discountInput.error=l.get("product.options.discount.invalid"),this._renderDiscount(),a.debug("[live-options-api] checkout discount response",e.data)})).catch((e=>{this._discountInput.loading=!1,this._discountInput.error="Please try again",this._renderDiscount(),a.error("[live-options-api] checkout discount error",e)}))}_renderDiscount(){var e,t,i,r,o;ee((e=this._discount,t=this._discountInput,i=this._applyDiscount.bind(this),r=this._removeDiscount.bind(this),o=e=>{this._discountInput.code=e.target.value,this._discountInput.error&&(this._discountInput.error="",this._renderDiscount())},te` ${e.type!==mr.AUTO?te`

o(e)} />

${t.error?te`

${t.error}

`:null} ${e.valid?te`

${e.code}

${t.success?te`

${t.success}

`:null}

`:null} `),this._discountEl)}_findPriceEl(e,t,i,r,n){let s,l=cr(t,i);s=0===t||dr.cartPriceRegex?o.findElementContainsRegex(e,new RegExp(`[^0-9]${l}[^0-9]`,"s"),r):o.findElementContainsText(e,l,r),0===s.length&&(a.debug("no price elements found for price:",l,r),dr.amountNoDecimals&&(l=cr(t,"{{ amount_no_decimals }}"),a.debug("fallback {{ amount_no_decimals }} price: ",l,r),s=o.findElementContainsText("*",l,r)));const c=e=>!(-1!==e.className.indexOf("cl-price")||n&&o.isHidden(e));if(s.length){let e=s[s.length-1];if(c(e))return e;for(let t=s.length-2;t>=0;t--){let i=s[t];if(!i.contains(e)){if(c(i))return i;e=i}}a.warn("found price element with cl-price - ignoring update",l,r)}return null}_convertOptionsPriceProperties(e){for(let t in e)if("_"!==t.charAt(0)&&e.hasOwnProperty(t)&&e.hasOwnProperty("_"+t)){let i=parseInt(e["_"+t]);i=hr(i),e[t]=cr(100*i,ur.moneyFormat).replace(/(<([^>]+)>)/gi,"")}}_watchQuickView(){let e=["[data-live-quick-view]",".quick-add__submit"].join(",");document.addEventListener("click",(t=>{t.target&&o.matchesIncludeParent(t.target,e)&&setTimeout((()=>{this.setup(!0)}),1e3)}),{capture:!0})}_compatible(){const e=e=>`[Live Product Options] found incompatible app: ${e} \n**Please reach out to our app support to check your theme**`,t=t=>this.shopifyStore.isThemeEditor()?alert(e(t)):console.error(e(t));"undefined"!=typeof cst_money_formate?t("Customify"):null!==document.querySelector('script[src*="options.ymq"]')?t("YMQ Product Options"):null!==document.querySelector('script[src*="customily"]')&&t("Customily")}constructor(e){this.config=e,this.products=[];let t={};if(l.locale&&String.prototype.startsWith&&window.location.pathname.toLowerCase().startsWith("/"+l.locale.toLowerCase())&&(t.api="/"+l.locale.toLowerCase()),window.Shopify&&window.Shopify.routes&&window.Shopify.routes.root&&"/"!==window.Shopify.routes.root){let e=window.Shopify.routes.root;t.api="/"===e[e.length-1]?e.substr(0,e.length-1):e}if(this.shopifyStore=h.getInstance({api:t.api}),this.shopifyCart=g.getInstance(t),this.conditionsEngine=new yo,this.currency=ur,this.config.theme)for(let e in this.config.theme)this.config.theme.hasOwnProperty(e)&&(dr[e]=this.config.theme[e]);this.config.themeId&&window.Shopify&&window.Shopify.theme&&window.Shopify.theme.id&&this.config.themeId!==window.Shopify.theme.id.toString()&&(a.debug("--\x3e theme.id config does not match - reseting custom selectors ",this.config.themeId,window.Shopify.theme.id.toString()),delete this.config.previewImgMainSelector,delete this.config.previewImgThumbnailSelector,delete this.config.itemImgParentSelector),this.shopifyStore.isTheme("Dawn")&&(dr.themeGallery=void 0===this.config.theme.themeGallery||this.config.theme.themeGallery,dr.productPriceObserver=!0,this.config.itemImgParentSelector=".cart-notification, .cart-item"),window.theme&&window.theme.settings&&window.theme.settings.superScriptPrice&&(dr.amountNoDecimals=!0);for(let e in this.config.currencyFormats)if(this.config.currencyFormats.hasOwnProperty(e)){let t=this.config.currencyFormats[e];-1!==t.indexOf("&")&&(t=o.decodeHtml(t)),"moneyWithCurrencyFormat"===e&&(e="moneyFormatWithCurrency"),ur[e]=t}if(void 0!==window.clPriceDraft&&(this.config.priceDraft=window.clPriceDraft),ur.priceVariant=!this.config.priceDraft,ur.priceVariantId=this.config.priceVariantId,ur.priceVariantValue=this.config.priceVariantValue,ur.priceProductHandle=this.config.priceProductHandle,ur.currencyConvert=window.theme&&Array.isArray(window.theme.currencies)?window.theme.currencies.length>1:this.config.currencyConvert,window.Shopify&&window.Shopify.currency&&(ur.currency=window.Shopify.currency.active,ur.currencyConvert)){let e=parseFloat(window.Shopify.currency.rate);isNaN(e)||1===e||(ur.currencyFactor=e)}if(ur.currencyConvert||-1===ur.moneyFormat.indexOf("<")||-1===ur.moneyFormat.indexOf(">")||(dr.currencyFormat=!1),dr.currencyFormat&&window.theme&&window.theme.moneyFormat&&(ur.moneyFormat=window.theme.moneyFormat,ur.moneyFormatWithCurrency=window.theme.moneyFormatWithCurrency||window.theme.moneyFormat),dr.priceVisibleCustomer&&this.config.setup&&(dr.priceVisible=null!==this.shopifyStore.getCustomerId()),e.extensions){let t=e.extensions.split(",");for(let e=0;e waiting for DOMContentLoaded"),document.addEventListener("DOMContentLoaded",(()=>this.setup()),!1)),this.shopifyStore.onThemeSectionEvent("load",(e=>{this.setup()})))}}; /** * @license * Copyright (c) 2017 The Polymer Project Authors. All rights reserved. * This code may only be used under the BSD style license found at * http://polymer.github.io/LICENSE.txt * The complete set of authors may be found at * http://polymer.github.io/AUTHORS.txt * The complete set of contributors may be found at * http://polymer.github.io/CONTRIBUTORS.txt * Code distributed by Google as part of the polymer project is also * subject to an additional IP rights grant found at * http://polymer.github.io/PATENTS.txt */const Ro=(e=!1)=>{if(!e&&"content"in document.createElement("template"))return;const t=document.implementation.createHTMLDocument("template"),i=t.body,r={enumerable:!0,configurable:!0},o=Document.prototype.createElement;Document.prototype.createElement=function(e,n){const a=o.call(this,e,n);return"TEMPLATE"===a.tagName&&(e=>{const o=t.createDocumentFragment();Object.defineProperties(e,{content:Object.assign(Object.assign({},r),{get:()=>o}),innerHTML:Object.assign(Object.assign({},r),{set:function(e){i.innerHTML=e,C(o,o.firstChild),x(o,i.firstChild)}})})})(a),a}};let Vo=()=>{Ro();const e=window.Cloudlift.options.config;a.setDefaultLevel(a.levels.ERROR);let t=a.getLevel();a.setLevel(void 0!==e.log?e.log:t),a.debug("got config",e),window.addEventListener("cloudlift.options.ready",(e=>{a.debug("resources loaded")}));const i=-1===e.api.indexOf("local")?e.api.replace("api.","assets."):e.api;d.fonts=e.fonts,d.api=i+"/api/font",d.apiParams.shop=e.shop,l.translations=e.i18n||{},e.setup?window.clTranslate?l.translations=o.extend(l.translations,window.clTranslate):(l.api=i+"/api/assets/"+e.app+"/translate/{locale}?shop="+e.shop,l.event+="."+e.app,l.locale&&e.locale&&l.locale!=e.locale&&l.fetch(l.locale)):(window.Translate=l,window.FontLoader=d),window.Cloudlift.options.lib={ProductOptions:No,ProductPreview:Mo},l.ready.then((()=>{window.Cloudlift.options.App=new jo(e)}))};"Promise"in window&&"assign"in Object&&String.prototype.startsWith&&Array.prototype.flat?Vo():e(Lr)(window.Cloudlift.options.config.assets+"/static/lib/core-js/core-js.min.js",Vo)}();

${l.get(i+"title")}