https://cdn0.canvaspeople.com/static/redesign/js/NewWordArt.CDydUkS5.js

1import{i as Y,S as D,P as O,L as U}from"./assetsimagesdev-dimensions.CxR8lTH0.js";import X from"./LazyArtImage.D5BhghZX.js";import{_ as J}from"./Carouselvue-canvas-print-thumbnailjpg-vue3-carousel.DjQQbDy8.js";import{D as G}from"./DebouncedInput-heroicons-vue.B7xP70An.js";import{BuilderAccordion as Q,BuilderOptionType as K,BuilderOption as $,BuilderCategory as ee,Panes as te,Printable as se,Loader as re,sanitizeSvg as le,serializeSvg as ie,cartUpdate as oe,cartAdd as ae,upload as ne,canvasDepths as de}from"./canvaspop-scoops-file-saver-hammerjs-html-to-image.DNXAKmuy.js";import{C as ce}from"./Checkmark.CiN9Uh5l.js";import{D as ue}from"./Dialog-Footer-Header.DvovaRrf.js";import{A as he}from"./ActionButton.D9fNdJBn.js";import{s as me}from"./feather-icons-vue-feather.BBr3bs7b.js";import{_ as ge}from"./_plugin-vue_export-helper.DlAUqK2U.js";import{e as d,l as w,g,w as m,f as r,v as y,u as p,j as h,t as c,n as C,z,p as x,q as A,r as b,o as i}from"./redesign-scripts.Ba0Eckcv.js";import{vShow as v}from"./vue-vue-runtime-dom.CBt0p0TL.js";import"./axios.K7I_4P58.js";import"./vue-devtools-api-vuex.C8IbwqbO.js";import"./_commonjsHelpers.Cpj98o6Y.js";const F=12,R=30,fe=1.9,be=1,pe=38,Ce=25,_e=5,H="textInput",M="dateInput",we="radioInput",ye="paletteSelect",ve="imageSelect",xe="shuffleInput",Ae={components:{LazyArtImage:X,Carousel:J,Loader:re,ActionButton:he,Checkmark:ce,DebouncedInput:G,Dialog:ue,Printable:se,Panes:te,VueFeather:me,BuilderCategory:ee,BuilderOption:$,BuilderOptionType:K,BuilderAccordion:Q},props:{apiUrl:{type:String,required:!0},template:{type:Object,required:!0},lineitemId:{type:String,default:null},couponAmount:{type:Number,default:0}},data(){return{isAddingToCart:!1,loading:!1,showCustomizeCallout:!1,selectedAttributes:null,TEXT_INPUT:H,RADIO_INPUT:we,THEME_SELECT:ye,IMAGE_SELECT:ve,SHUFFLE_INPUT:xe,DATE_INPUT:M,disableSubmit:!1,error:!1,scrollYPos:null,isStickyVisible:!1,isScrollingToPreview:!1,isMobile:!0,isTextAreaFocused:!1,paneImages:{pane_1:{height:100,id:0,originalPath:"",thumbPath:"",width:100}},loadedFonts:{}}},computed:{renderVersion(){return this.template.renderVersion},inRoomImages(){return{0:{sortOrder:0,altText:"Word Art in room",path:this.assetUrl("img/products/large-cppl-pdp-roomrender-final.jpg")}}},image(){let e;if(this.selectedAttributes){const{["size"]:t,...o}=this.selectedAttributes;e=this.apiUrl+"capture?template="+encodeURIComponent(this.template.slug)+"&size="+encodeURIComponent(t)+"&data="+encodeURI(encodeURIComponent(JSON.stringify({attributes:[o]})))}return e},selectedPrice(){if(this.selectedAttributes){const{["size"]:e}=this.selectedAttributes;return this.template.attributes.size.options[e].foreignPrice}},width(){if(this.selectedAttributes){const{["size"]:e}=this.selectedAttributes,t=e.split("|");return parseInt(t[0])}else return 0},height(){if(this.selectedAttributes){const{["size"]:e}=this.selectedAttributes,t=e.split("|");return parseInt(t[1])}else return 0},inRoomZoomStyle(){const e=this.normalizeWidth(),t=fe*(1-e)+be*e;return{transform:"scale(".concat(t.toFixed(3),")"),transformOrigin:"50% 40%"}},inRoomOverlayStyle(){const e=this.normalizeWidth(),t=pe/R,o=this.width*t,f=Ce*(1-e)+_e*e;return{top:"".concat(f.toFixed(1),"%"),left:"50%",transform:"translateX(-50%)",width:"".concat(o.toFixed(1),"%")}},dimension(){let e;return this.width<this.height?e=O:this.width>this.height?e=U:e=D,e},frame(){return this.dimension?this.assetUrl("img/quote/canvas_bg_".concat(this.dimension,".png")):null},scale(){let e;switch(this.dimension){case U:e=.71;break;case O:case D:default:e=this.renderVersion===2?.61:.53;break}return e},isModifying(){return!!this.lineitemId},loadingMessage(){let e=this.$t("message.constants.messages.loadingCartAdd");return this.isModifying&&(e=this.$t("message.constants.messages.loadingCartUpdate")),e},hasDiscount(){return this.discountFactor<1},discountFactor(){return this.couponAmount?(100-this.couponAmount)/100:1},thumbContainerClass(){return[!this.isTextAreaFocused&&this.isPassedThreshold?"sticky top-0":"",this.isMobile&&this.isPassedThreshold?"shadow rounded w-1/2 bg-white p-2":"w-[550px] max-w-full mx-auto lg:w-full",this.isMobile?"":"lg:sticky lg:self-start"]},thumbContainerStyle(){return{top:this.headerHeight,marginBottom:this.isMobile&&this.isPassedThreshold?"80px":"0px"}},isPassedThreshold(){return this.isStickyVisible},headerHeight(){return document.getElementById("header").clientHeight+"px"},personalizeAttributes(){return!this.template||!this.template.attributes?[]:Object.entries(this.template.attributes).filter(([,e])=>

1e.type===H||e.type===M)},palettePreviewText(){var t;if(!((t=this.template)!=null&&t.attributes))return"Pe";const e=Object.values(this.template.attributes)[0];return(e==null?void 0:e.type)===M?"31":"Pe"}},mounted(){this.buildSelectedAttributes(),this.checkForMobile(),this.handleScroll(),this.loadTemplateFonts(),this.$nextTick(()=>{this.moveProductDescription()}),window.addEventListener("resize",this.checkForMobile),window.addEventListener("scroll",this.handleScroll)},destroyed(){window.removeEventListener("resize",this.checkForMobile),window.removeEventListener("scroll",this.handleScroll)},methods:{normalizeWidth(){return(this.width-F)/(R-F)},moveProductDescription(){if(window.innerWidth<1024)return;const e=document.getElementById("specs");!e||!this.$refs.productDescription||this.$refs.productDescription.appendChild(e)},async loadFont(e,t){if(!(!e||this.loadedFonts[t]))try{const o=new FontFace(t,"url(".concat(e,")"));await o.load(),document.fonts.add(o),this.loadedFonts[t]=!0}catch(o){}},loadTemplateFonts(){var t,o;const e=(o=(t=this.template)==null?void 0:t.attributes)==null?void 0:o.palette;e!=null&&e.fonts&&(e.fonts.primary&&this.loadFont(e.fonts.primary,"WordArtPrimary"),e.fonts.secondary&&this.loadFont(e.fonts.secondary,"WordArtSecondary"))},makeId(e){for(var t="",o="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",f=o.length,l=0;l<e;l++)t+=o.charAt(Math.floor(Math.random()*f));return t},handleError(){this.error=!0},handleCloseError(){this.error=!1},assetUrl(e){return Y[e]||"/static/redesign/"+e},setSid(e){const t=new URLSearchParams(window.location.search);t.set("sid",e),window.history.replaceState({},"",decodeURIComponent("".concat(window.location.pathname,"?").concat(t)))},handleRegenerate(e){let t="0x"+this.makeId(35);this.setSid(t),this.selectedAttributes[e]=t},buildSelectedAttributes(){for(const[e,t]of Object.entries(this.template.attributes)){let o=t.selectedValue&&this.isModifying?t.selectedValue:t.defaultValue;if(e=="seed"){let l=new URLSearchParams(window.location.search).get("sid");l&&(o=l),this.setSid(l||t.defaultValue)}if(e==="font"){const f=t.options;for(const l in f)f.hasOwnProperty(l)&&new FontFace(l,"url("+t.directory+l+".woff2)").load().then(function(L){document.fonts.add(L)}).catch(function(L){})}this.selectedAttributes={...this.selectedAttributes,[e]:o}}},formatCamelCase(e){return e.replace(/([A-Z])/g," $1").replace(/^./,t=>t.toUpperCase())},setDefaultText(e,t){let o=this.template.attributes[e].updateLabel;o&&(this.template.attributes[e].options[this.selectedAttributes[e]].label===this.selectedAttributes[o]||this.selectedAttributes[o]==="")&&(this.$refs[o][0].setValue(t.label),this.disableSubmit=!1)},setAttributeValue(e,t){this.selectedAttributes[e]=t},setDateAttributeValue(e,t){this.selectedAttributes[e]=t.target.value},updateAccordionHeight(e){const t=e.target.closest("details > div");t&&(t.style.maxHeight=t.scrollHeight+"px")},orderDesc(e){return Object.entries(e).sort((t,o)=>t[1].sortOrder-o[1].sortOrder)},handleDebouncedInput(e,t){this.selectedAttributes[e]=t},handleInputValidation(e){this.disableSubmit=e},handleDependancyLoading(e){this.loading=e},handleScroll(){if(this.isMobile){if(this.scrollYPos=window.scrollY,this.isScrollingToPreview)return;!this.isStickyVisible&&this.scrollYPos>=250?this.isStickyVisible=!0:this.isStickyVisible&&this.scrollYPos<150&&(this.isStickyVisible=!1)}},checkForMobile(){this.isMobile=!window.matchMedia("(min-width: 768px)").matches},toggleStickyPreview(e){e?(this.isTextAreaFocused=!1,this.scrollToTop()):this.isTextAreaFocused=!0},scrollToTop(){this.isStickyVisible=!1,this.isScrollingToPreview=!0;const e=this.$refs.previewAnchor,t=document.getElementById("header"),o=t?t.clientHeight:0,f=e?Math.max(0,e.getBoundingClientRect().top+window.scrollY-o):0;window.scrollTo({top:f,behavior:"smooth"}),window.addEventListener("scrollend",()=>{this.isScrollingToPreview=!1},{once:!0})},handleAddToCart(){this.isAddingToCart=!0;const{["size"]:e,...t}=this.selectedAttributes,o=this.apiUrl+"capture?template="+encodeURIComponent(this.template.slug)+"&size="+encodeURIComponent(e)+"&print=true&data="+encodeURI(encodeURIComponent(JSON.stringify({attributes:[t]})));this.buildUploadFormData(o).then(this.addToCart).then(()=>window.location.assign("/cart")).catch(f=>{this.handleError(),this.isAddingToCart=!1})},buildUploadFormData(e){let t=new FormData;return t.append("imgUrl",e),t.append("persistable",!0),ne(t)},async addToCart(e){this.paneImages={pane_1:e.data},await this.$nextTick();let t=this.$el.querySelector("#printable");t&&(t.style.transform="none");const o=le(ie(t)),f={productSlug:"CPPLWACP",version:"2",size:this.selectedAttributes.size,images:this.paneImages,svg:o,note:null,options:{1:null,3:"FDP",5:"PB",6:null,8:de.CANVAS_DEPTH_075DW},uploadLater:!1,printSize:{width:this.width+2*.75,height:this.height+2*.75},lineitemId:this.lineitemId,templateSlug:this.template.slug,selectedAttributes:this.selectedAttributes};return this.isModifying?oe(f):ae(f)}}},Le={ref:"previewAnchor"},Te={class:"absolute inset-0"},Se={class:"absolute right-0 bottom-0 z-30 p-1 bg-white opacity-75 rounded m-1"},ke={class:"flex-1 flex flex-col justify-center"},Ie={class:"font-bold"},Pe={class:"text-sm my-2"},Me={key:0,class:"line-through text-gray-400 mr-1"},Ve=["disabled"],Ee={class:"w-full relative bg-gray-50 pt-full"},De={class:"absolute inset-0"},Oe=["src"],Ue={key:1,class:"w-full max-w-2xl mx-auto pt-3 px-6 clear-right sm:px-0 lg:pt-0 lg:col-start-2 lg:row-start-1 lg:row-span-2"},ze={class:"text-2xl md:text-3xl hidden lg:block"},Fe={class:"flex items-center my-4 relative gap-6"},Re={class:"text-lg"},He={class:"text-blue-500 font-bold text-xl"},Ne={key:0,class:"text-2xl","data-discount-total":""},Be={key:0,class:"flex border-gray-800 p-2"},Ze=["disabled"],We={class:"space-y-4"},qe={key:0,class:"[&_label]:font-bold [&_label]:text-lg"},je={key:1},Ye=["for"],Xe=["id","name","defaultValue","onChange"],Je={class:"mt-3 md:mt-4"},Ge={key:0},Qe={key:1,class:"py-8 border-t border-gray-200"},Ke={class:"flex gap-2 items-center pb-8"},$e={class:"text-sm"},et={class:"flex pb-8 space-x-3"},tt={key:0},st={key:1},rt={key:2,class:"py-8 border-t border-gray-200"},lt={class:"flex gap-2 items-center pb-8"},it={class:"text-sm"},ot={class:"flex flex-wrap gap-3"},at={class:"block relative cursor-pointer flex shadow-md"},nt={key:3,class:"py-8 border-t border-gray-200"},dt={class:"flex gap-2 items-center pb-8"},ct={class:"text-sm"},ut={class:"flex flex-wrap gap-3"},ht=["alt","src"],mt={class:"py-8 border-t border-gray-200"},gt={class:"list-disc list-inside text-sm space-y-1"},ft={key:0},bt={class:"py-8 border-t border-gray-200"},pt={class:"flex items-center gap-6"},Ct={class:"text-lg"},_t={class:"text-blue-500 font-bold text-xl"},wt={key:0,class:"text-2xl","data-discount-total":""},yt=["disabled"],vt={ref:"productDescription",class:"hidden lg:block"},xt={class:"absolute hidden"};function At(e,t,o,f,l,s){const L=b("Dialog"),V=b("Loader"),T=b("LazyArtImage"),N=b("vue-feather"),B=b("Carousel"),Z=b("DebouncedInput"),S=b("BuilderCategory"),W=b("ActionButton"),k=b("BuilderOption"),I=b("BuilderAccordion"),q=b("Panes"),j=b("Printable");return i(),d("div",null,[w(g(L,{"data-error":"",visible:!!l.error,type:"negative","confirm-label":e.$t("message.wordArt.error.confirmLabel"),onConfirm:s.handleCloseError},{default:m(()=>[r("p",null,c(e.$t("message.wordArt.error.message")),1)]),_:1},8,["visible","confirm-label","onConfirm"]),[[v,l.error]]),r("div",{class:"lg:grid lg:grid-cols-2 lg:gap-x-8 relative",style:y(s.isPassedThreshold&&l.isMobile?{minHeight:"calc(100vh + 200px)"}:{})},[w(g(V,{"data-wordart-loader":"",overlay:"",visible:!!l.isAddingToCart,class:"fixed sm:absolute inset-0 text-blue-500",label:s.loadingMessage},null,8,["visible","label"]),[[v,!!l.isAddingToCart]]),r("div",Le,null,512),s.isPassedThreshold&&l.isMobile?(i(),d("div",{key:0,class:"flex items-stretch gap-2 sticky top-0 z-30 bg-white shadow rounded p-2",style:y({top:s.headerHeight})},[r("div",{class:"w-1/3 relative bg-gray-50 aspect-square cursor-pointer",onClick:t[0]||(t[0]=(...n)=>s.scrollToTop&&s.scrollToTop(...n))},[r("div",Te,[s.frame?(i(),p(T,{key:"sticky-"+JSON.stringify(s.frame),image:s.frame,"is-art-builder":!0,useLoaderComponent:!0,loaderLabel:"",class:"absolute inset-0 z-20",onError:s.handleError},null,8,["image","onError"])):h("",!0),s.image?(i(),p(T,{key:"sticky-"+JSON.stringify(s.image),image:s.image,width:672,height:896,"is-art-builder":!0,scale:s.scale,isLoadDependant:!0,useLoaderComponent:!0,loaderLabel:"",class:"absolute inset-0 z-10",onError:s.handleError,onOnLoadingUpdate:s.handleDependancyLoading},null,8,["image","scale","onError","onOnLoadingUpdate"])):h("",!0)]),r("div",Se,[g(N,{type:"maximize-2",class:"text-gray-500 w-4 h-4 block"})])]),r("div",ke,[r("h2",Ie,c(s.width)+'"x'+c(s.height)+'" '+c(o.template.name),1),r("div",Pe,[s.hasDiscount?(i(),d("span",Me,c(e.$filters.currency(s.selectedPrice)),1)):h("",!0),r("span",{class:C(s.hasDiscount?"text-blue-500 font-bold":"")}

1,c(e.$filters.currency(s.selectedPrice*s.discountFactor)),3)]),r("button",{"data-cta-mobile":"",disabled:l.disableSubmit||l.loading,class:"btn btn--primary w-full font-bold py-2",onClick:t[1]||(t[1]=n=>s.handleAddToCart())}," Add to Cart ",8,Ve)])],4)):h("",!0),w(r("div",{class:C(["z-30 overflow-hidden md:mx-auto lg:m-0 lg:col-start-1 lg:row-start-1",s.thumbContainerClass]),ref:"previewImage","data-preview-image":"",style:y(s.thumbContainerStyle)},[g(B,{images:s.inRoomImages,frame:"word-art",overlayContainerStyle:s.inRoomZoomStyle},{"image-overlay":m(()=>[g(V,{visible:l.loading,overlay:!0,label:"Generating Art",class:"absolute inset-0 text-blue-500"},null,8,["visible"]),s.image?w((i(),d("div",{key:0,class:"absolute",style:y(s.inRoomOverlayStyle)},[r("img",{src:s.image,class:"w-full block shadow-md"},null,8,Oe)],4)),[[v,!l.loading]]):h("",!0)]),default:m(()=>[r("div",Ee,[r("div",De,[s.frame?(i(),p(T,{key:JSON.stringify(s.frame),image:s.frame,"is-art-builder":!0,useLoaderComponent:!0,class:"absolute inset-0 z-20",onError:s.handleError},null,8,["image","onError"])):h("",!0),s.image?(i(),p(T,{"data-image":"",key:JSON.stringify(s.image),image:s.image,width:672,height:896,"is-art-builder":!0,scale:s.scale,isLoadDependant:!0,useLoaderComponent:!0,class:"absolute inset-0 z-10",onError:s.handleError,onOnLoadingUpdate:s.handleDependancyLoading},null,8,["image","scale","onError","onOnLoadingUpdate"])):h("",!0)])])]),_:1},8,["images","overlayContainerStyle"])],6),[[v,!(s.isPassedThreshold&&l.isMobile)]]),l.selectedAttributes?(i(),d("div",Ue,[r("h1",ze,c(o.template.name),1),r("div",Fe,[w(r("div",Re,[r("span",He,[r("span",{"data-total":"",class:C(s.hasDiscount?"line-through text-gray-400 font-normal mr-2":"")},c(e.$filters.currency(s.selectedPrice)),3),s.hasDiscount?(i(),d("span",Ne,c(e.$filters.currency(s.selectedPrice*(s.hasDiscount?s.discountFactor:1))),1)):h("",!0)])],512),[[v,!(s.isPassedThreshold&&l.isMobile)]]),l.showCustomizeCallout?(i(),d("div",Be,[...t[7]||(t[7]=[z('<p class="font-bold p-2 w-2/3">Customize this print to fit your decor</p><div class="p-2 text-center"><div class="w-16 h-16 bg-gray-50"></div> Before </div><div class="p-2 text-center"><div class="w-16 h-16 bg-gray-50"></div> After </div>',3)])])):h("",!0),w(r("button",{"data-cta":"",disabled:l.disableSubmit||l.loading,class:"btn btn--primary flex order-2 flex-grow w-full text-base font-bold",onClick:t[2]||(t[2]=n=>s.handleAddToCart())},c(s.isModifying?e.$t("message.wordArt.save"):e.$t("message.wordArt.cta")),9,Ze),[[v,!(s.isPassedThreshold&&l.isMobile)]])]),s.personalizeAttributes.length?(i(),p(S,{key:0,class:"py-8 border-t border-gray-200"},{label:m(()=>[...t[8]||(t[8]=[r("h3",{class:"text-2xl font-bold pb-8"},"Personalize",-1)])]),default:m(()=>[r("div",We,[(i(!0),d(x,null,A(s.personalizeAttributes,([n,u],E)=>(i(),d("div",{key:n},[u.type===l.TEXT_INPUT?(i(),d("div",qe,[g(Z,{label:u.label,placeholder:u.placeholder,id:n,tabIndex:E+1,defaultValue:l.selectedAttributes[n],required:u.required,minLength:u.required?u.minLength:0,maxLength:u.maxLength,ref_for:!0,ref:n,focusSelectAll:!0,autoResize:!0,onInvalid:s.handleInputValidation,onDebouncedInput:a=>s.handleDebouncedInput(n,a),onFocus:t[3]||(t[3]=a=>s.toggleStickyPreview(!1)),onBlur:t[4]||(t[4]=a=>s.toggleStickyPreview(!0))},null,8,["label","placeholder","id","tabIndex","defaultValue","required","minLength","maxLength","onInvalid","onDebouncedInput"])])):h("",!0),u.type===l.DATE_INPUT?(i(),d("div",je,[r("label",{class:"text-lg font-bold",for:n},c(u.label),9,Ye),r("div",null,[r("input",{type:"date",id:n,name:n,defaultValue:u.defaultValue,onChange:a=>s.setDateAttributeValue(n,a),class:"form-control block w-full p-3 text-base font-normal bg-white bg-clip-padding border border-solid border-gray-300 rounded transition ease-in-out m-0 focus:bg-white focus:border-blue-600 focus:outline-none"},null,40,Xe)])])):h("",!0)]))),128))])]),_:1})):h("",!0),(i(!0),d(x,null,A(o.template.attributes,(n,u,E)=>(i(),d("div",Je,[n.type===l.SHUFFLE_INPUT?(i(),d("div",Ge,[g(W,{class:"flex order-2 flex-grow w-3/4 text-lg",label:n.label,secondary:!0,onClick:a=>s.handleRegenerate(u)},{default:m(()=>[(i(),d("svg",{class:C([{"animate-spin":l.loading},"w-6 h-6 mr-1"]),fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},[...t[9]||(t[9]=[r("path",{d:"M4 19.9981V14.9981H4.582M4.582 14.9981C5.24585 16.64 6.43568 18.0152 7.96503 18.9083C9.49438 19.8013 11.2768 20.1617 13.033 19.933C14.7891 19.7043 16.4198 18.8993 17.6694 17.6443C18.919 16.3894 19.7168 14.7553 19.938 12.9981M4.582 14.9981H9M20 3.99812V8.99812H19.419M19.419 8.99812C18.7542 7.35721 17.564 5.98307 16.0348 5.09083C14.5056 4.19858 12.7237 3.8386 10.9681 4.06724C9.21246 4.29589 7.5822 5.10025 6.33253 6.35439C5.08287 7.60854 4.28435 9.24167 4.062 10.9981M19.419 8.99812H1

15","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])],2))]),_:1},8,["label","onClick"])])):h("",!0),n.type===l.RADIO_INPUT&&n.label!=="Select a font:"?(i(),d("div",Qe,[g(I,{open:!0},{summary:m(()=>[r("div",Ke,[t[10]||(t[10]=r("h3",{class:"text-2xl font-bold"},"Size",-1)),r("span",$e,c(n.options[l.selectedAttributes[u]].label),1)])]),default:m(()=>[g(S,{modelValue:l.selectedAttributes[u],"onUpdate:modelValue":a=>s.setAttributeValue(u,a)},{default:m(()=>[r("div",et,[(i(!0),d(x,null,A(n.options,(a,_)=>(i(),p(k,{key:"current-"+_,value:_},{default:m(({active:P})=>[r("div",{class:C(["py-3 px-3 sm:px-4 block text-sm cursor-pointer bg-white rounded w-[105px] sm:w-[115px] md:w-[142px] text-center",P?"border-2 border-black shadow":"border border-gray-300"])},[a.label?(i(),d("p",tt,c(a.label),1)):(i(),d("p",st,c(a),1))],2)]),_:2},1032,["value"]))),128))])]),_:2},1032,["modelValue","onUpdate:modelValue"])]),_:2},1024)])):h("",!0),n.type===l.THEME_SELECT?(i(),d("div",rt,[g(I,{open:!0},{summary:m(()=>[r("div",lt,[t[11]||(t[11]=r("h3",{class:"text-2xl font-bold"},"Style",-1)),r("span",it,c(s.formatCamelCase(l.selectedAttributes[u])),1)])]),default:m(()=>[g(S,{modelValue:l.selectedAttributes[u],"onUpdate:modelValue":a=>{s.setDefaultText(u,n.options[a]),s.setAttributeValue(u,a)}},{default:m(()=>[r("div",ot,[(i(!0),d(x,null,A(s.orderDesc(n.options),a=>(i(),p(k,{key:a[0],value:a[0]},{default:m(({active:_})=>[r("div",at,[r("div",{class:C(["bg-white text-4xl lg:text-5xl",_?"border-2 border-black shadow":"border border-gray-300"])},[a[1].colors[0]?(i(),d("div",{key:0,class:"w-20 lg:w-[120px] aspect-square m-1 flex items-center justify-center",style:y({backgroundColor:a[1].colors[1]})},[a[1].colors[1]?(i(),d("div",{key:0,style:y({color:a[1].colors[0],fontFamily:"WordArtPrimary, serif"})},c(s.palettePreviewText),5)):h("",!0)],4)):h("",!0)],2)])]),_:2},1032,["value"]))),128))])]),_:2},1032,["modelValue","onUpdate:modelValue"])]),_:2},1024)])):h("",!0),n.type===l.IMAGE_SELECT?(i(),d("div",nt,[g(I,{open:!0},{summary:m(()=>{var a;return[r("div",dt,[t[12]||(t[12]=r("h3",{class:"text-2xl font-bold"},"Style",-1)),r("span",ct,c((a=n.options[l.selectedAttributes[u]])==null?void 0:a.label),1)])]}),default:m(()=>[g(S,{modelValue:l.selectedAttributes[u],"onUpdate:modelValue":a=>{s.setDefaultText(u,n.options[a]),s.setAttributeValue(u,a)}},{default:m(()=>[r("div",ut,[(i(!0),d(x,null,A(s.orderDesc(n.options),a=>(i(),p(k,{key:a[0],value:a[0],class:"w-1/4 md:w-1/5"},{default:m(({active:_})=>[r("div",{class:C(["py-2 px-3 rounded cursor-pointer",_?"border-2 border-black shadow":"border border-transparent"])},[r("img",{alt:a[1].label,src:a[1].url,onLoad:t[5]||(t[5]=(...P)=>s.updateAccordionHeight&&s.updateAccordionHeight(...P))},null,40,ht)],2)]),_:2},1032,["value"]))),128))])]),_:2},1032,["modelValue","onUpdate:modelValue"])]),_:2},1024)])):h("",!0)]))),256)),r("div",mt,[t[13]||(t[13]=r("h3",{class:"text-lg font-bold mb-2"},"Product Summary",-1)),r("ul",gt,[r("li",null,c(s.width)+'" x '+c(s.height)+'" '+c(o.template.name),1),l.selectedAttributes.palette?(i(),d("li",ft,"Style: "+c(s.formatCamelCase(l.selectedAttributes.palette)),1)):h("",!0)])]),r("div",bt,[r("div",pt,[r("div",Ct,[r("span",_t,[r("span",{"data-total":"",class:C(s.hasDiscount?"line-through text-gray-400 font-normal mr-2":"")},c(e.$filters.currency(s.selectedPrice)),3),s.hasDiscount?(i(),d("span",wt,c(e.$filters.currency(s.selectedPrice*(s.hasDiscount?s.discountFactor:1))),1)):h("",!0)])]),r("button",{"data-cta":"",disabled:l.disableSubmit||l.loading,class:"btn btn--primary flex order-2 flex-grow w-full text-base font-bold",onClick:t[6]||(t[6]=n=>s.handleAddToCart())},c(s.isModifying?e.$t("message.wordArt.save"):e.$t("message.wordArt.cta")),9,yt)])]),t[14]||(t[14]=z('<div class="flex gap-4 my-6 justify-between"><div class="flex flex-col items-center text-center gap-2"><svg width="36" height="32" viewBox="0 0 36 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.1875 1.8125C11.9375 0.0625 14.6875 0 16.5625 1.5625C16.9375 1.875 17.25 2.1875 17.5625 2.5625C17.6875 2.6875 17.8125 2.8125 18 2.9375C18.125 2.8125 18.25 2.6875 18.375 2.5625C18.6875 2.1875 19 1.875 19.375 1.5625C21.25 0 24 0.0625 25.75 1.8125C27.5625 3.6875 27.5625 6.75 25.75 8.5625L19.375 15.0625C19 15.4375 18.5 15.625 18 15.625C17.4375 15.625 16.9375 15.4375 16.5625 15.0625L10.1875 8.5625C8.37501 6.75 8.37501 3.6875 10.1875 1.8125ZM15.4375 3.25C14.375 2.1875 12.6875 2.1875 11.625 3.25C10.5625 4.3125 10.5625 6.125 11.625 7.1875L18 13.625L24.3125 7.1875C25.375 6.0625 25.375 4.3125 24.3125 3.25C23.25 2.1875 21.5625 2.1875 20.5 3.25L18.6875 5.0625C18.3125 5.5 17.625 5.5 17.25 5.0625L15.4375 3.25ZM9.43751 19.875C10.25 19.3125 11.1875 19 12.1875 19H21.5C23.375 19 25 20.625 25 22.5C25 23.0625 24.875 23.5625 24.625 24H25L30.875 20.5C31.4375 20.1875 32 20 32.625 20H32.6875C34.5 20 36 21.5 36 23.3125C36 24.375 35.4375 25.4375 34.5 26.0625L27 30.875C25.875 31.625 24.5625 32 23.1875 32H1.00001C0.437511 32 1.14441e-05 31.5625 1.14441e-05 31C1.14441e-05 30.5 0.437511 30 1.00001 30H23.1875C24.1875 30 25.125 29.75 25.9375 29.25L33.375 24.375C33.75 24.125 33.9375 23.75 33.9375 23.3125C33.9375 22.625 33.375 22 32.6875 22H32.625C32.375 22 32.125 22.125 31.9375 22.1875L25.75 25.875C25.625 26 25.4375 26 25.25 26H21.5H20H16C15.4375 26 15 25.5625 15 25C15 24.5 15.4375 24 16 24H20H21.5C22.3125 24 23 23.375 23 22.5C23 21.6875 22.3125 21 21.5 21H12.1875C11.5625 21 11 21.1875 10.5 21.5625L5.50001 24.875C5.37501 25 5.18751 25 5.00001 25H1.00001C0.437511 25 1.14441e-05 24.5625 1.14441e-05 24C1.14441e-05 23.5 0.437511 23 1.00001 23H4.68751L9.43751 19.875Z" fill="black"></path></svg><span> Handcrafted Since 2009 </span></div><div class="flex flex-col items-center text-center gap-2"><svg width="28" height="32" viewBox="0 0 28 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.00001 1V3.5L8.31251 1.9375C10.6875 1.375 13.1875 1.625 15.375 2.75C18.25 4.1875 21.6875 4.1875 24.5625 2.75L25.1875 2.4375C26.4375 1.75 28 2.6875 28 4.125V21.625C28 22.5 27.4375 23.1875 26.6875 23.5L24.5 24.3125C21.625 25.4375 18.4375 25.25 15.625 23.875C13.25 22.6875 10.5625 22.375 8.00001 23L2.00001 24.5V31C2.00001 31.5625 1.50001 32 1.00001 32C0.437508 32 7.62939e-06 31.5625 7.62939e-06 31V25V22.9375V4V1C7.62939e-06 0.5 0.437508 0 1.00001 0C1.50001 0 2.00001 0.5 2.00001 1ZM2.00001 19.6875V22.4375L7.50001 21.0625C10.5625 20.3125 13.75 20.6875 16.5625 22.0625C18.8125 23.1875 21.4375 23.3125 23.8125 22.4375L26 21.625V19.4375L25.375 19.625C22.5 20.5625 19.375 20.5 16.5625 19.375L14.9375 18.75C12.9375 18 10.75 17.8125 8.68751 18.25L2.00001 19.6875ZM2.00001 17.625L8.25001 16.3125C10.75 15.75 13.3125 16 15.6875 16.875L17.3125 17.5C19.6875 18.4375 22.3125 18.5 24.75 17.6875L26 17.3125V15.1875C22.75 16.4375 19.1875 16.3125 16 14.9375L15.125 14.5C13 13.5625 10.625 13.3125 8.37501 13.8125L2.00001 15.1875V17.625ZM2.00001 13.125L7.93751 11.875C8.62501 11.75 9.31251 11.625 10 11.625V3.6875C9.56251 3.75 9.18751 3.8125 8.75001 3.875L2.00001 5.5625V13.125ZM12 11.625C13.3125 11.8125 14.6875 12.125 15.9375 12.6875L16.8125 13.0625C19.5 14.25 22.5625 14.375 25.25 13.3125L26 13V10.1875C22.75 11.4375 19.1875 11.3125 16 9.9375L15.125 9.5C14.125 9.0625 13.0625 8.8125 12 8.6875V11.625ZM12 6.625C13.3125 6.75 14.6875 7.125 15.9375 7.6875L16.8125 8.0625C19.5 9.25 22.5625 9.375 25.25 8.3125L26 8V4.25L25.4375 4.5C22 6.25 17.9375 6.25 14.5 4.5C13.6875 4.125 12.8125 3.875 12 3.75V6.625ZM5.50001 7.5C5.50001 8.0625 5.00001 8.5 4.50001 8.5C3.93751 8.5 3.50001 8.0625 3.50001 7.5C3.50001 7 3.93751 6.5 4.50001 6.5C5.00001 6.5 5.50001 7 5.50001 7.5ZM7.50001 7.5C6.93751 7.5 6.50001 7.0625 6.50001 6.5C6.50001 6 6.93751 5.5 7.50001 5.5C8.00001 5.5 8.50001 6 8.50001 6.5C8.50001 7.0625 8.00001 7.5 7.50001 7.5ZM5.50001 10.5C5.50001 11.0625 5.00001 11.5 4.50001 11.5C3.93751 11.5 3.50001 11.0625 3.50001 10.5C3.50001 10 3.93751 9.5 4.50001 9.5C5.00001 9.5 5.50001 10 5.50001 10.5

1ZM7.50001 10.5C6.93751 10.5 6.50001 10.0625 6.50001 9.5C6.50001 9 6.93751 8.5 7.50001 8.5C8.00001 8.5 8.50001 9 8.50001 9.5C8.50001 10.0625 8.00001 10.5 7.50001 10.5Z" fill="black"></path></svg><span> Assembled in the USA </span></div><div class="flex flex-col items-center text-center gap-2"><svg width="32" height="28" viewBox="0 0 32 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.25 5.8125L14.5 5L14.1875 4.6875C12.5625 2.875 10.125 2 7.75 2.4375C4.375 3.0625 2 5.9375 2 9.3125V9.5625C2 11.5625 2.8125 13.5 4.3125 14.875L15.8125 25.5625C15.8125 25.625 15.875 25.625 16 25.625C16.0625 25.625 16.125 25.625 16.1875 25.5625L27.6875 14.875C29.125 13.5 30 11.5625 30 9.5625V9.3125C30 5.9375 27.5625 3.0625 24.25 2.4375C21.8125 2 19.375 2.875 17.75 4.6875L17.5 5L16.75 5.8125C16.5625 6 16.25 6.125 16 6.125C15.6875 6.125 15.4375 6 15.25 5.8125ZM17.375 2.25C19.4375 0.6875 22 0 24.5625 0.5C28.875 1.25 32 5 32 9.3125V9.5625C32 11.8125 31.125 13.9375 29.6875 15.625C29.5 15.875 29.25 16.125 29 16.3125L17.5 27.0625C17.4375 27.0625 17.4375 27.125 17.375 27.1875C16.9375 27.5 16.5 27.625 16 27.625C15.375 27.625 14.875 27.4375 14.4375 27.0625L2.9375 16.3125C2.6875 16.125 2.4375 15.875 2.25 15.625C0.8125 13.9375 0 11.8125 0 9.5625V9.3125C0 5 3.0625 1.25 7.375 0.5C9.9375 0 12.5 0.6875 14.5625 2.25C14.9375 2.5625 15.375 2.9375 15.6875 3.375L15.9375 3.625L16.25 3.375C16.5 3.0625 16.75 2.75 17.0625 2.5C17.1875 2.4375 17.3125 2.3125 17.375 2.25Z" fill="black"></path></svg><span> Delivered with Love </span></div></div>',1))])):h("",!0)],4),r("div",vt,null,512),r("div",xt,[g(j,{panels:1,width:s.width,height:s.height,"edge-dimension":.75,"edge-color":"","render-mode":!1,frame:0,gap:0,mat:0},{default:m(()=>[g(q,{panes:[{top:0,left:0,width:100,height:100,id:"pane_1"}],width:s.width,height:s.height,edge:.75,"edge-color":"",border:0,"border-color":"",images:l.paneImages,events:!1,"upload-later":!1,"render-mode":!1,"is-art":!1,"product-slug":"CPPLWACP","disable-collage-outer-border":!1},null,8,["width","height","images"])]),_:1},8,["width","height"])])])}const Ht=ge(Ae,[["render",At]]);export{Ht as default};