https://www.pixartprinting.co.uk/js/featureMultiArtworkSets.b39d98450d9e49030ce1.js

1export const __webpack_esm_id__=4457;export const __webpack_esm_ids__=[4457];export const __webpack_esm_modules__={18096(e,t,i){i.d(t,{default:()=>O}),i.r(t);var s=i(41425);const n={key:0,class:"d-flex align-items-center gap-1 custom-divider"},a={class:"d-flex flex-column"},r={class:"title"},o={class:"variants-selection text-start"},l={class:"new-badge badge d-inline-flex justify-content-center align-items-center px-2 py-2"},c={key:0,class:"mt-2 mb-0"},d={class:"variants-buttons-slider mt-4"},u=["onClick"],h={class:"outer-square d-flex align-items-center justify-content-center mx-auto"},g={class:"inner-square"},m={class:"my-2"},p={key:0,class:"form-text text-danger mb-1"},k={key:1,class:"form-text text-danger mb-1"},f={key:2,class:"form-text text-danger"};var S=i(82124),v=i(55250),y=i(22569),x=i(70332),w=i(67873),b=i(25760),L=i(11528);const C={name:"FeatureMultiArtworkSets",components:{KeenSlide:w.A,Keen:x.A},extends:y.A,props:["option","value","enabledOptions","label"],data:()=>({selectedOption:"",errorMessage:"",minRangeMessage:"",maxRangeMessage:"",isAtEndSlider:!1,hasOverflowSlides:!1,keenInitRafId:null}),emits:["featureChanged","hideErrorMessage"],setup:()=>({uiSettings:(0,b.z)()}),computed:{spacingInPx(){return this.hasLayoutPackaging?12:20},slideWidthInPx:()=>80,keenOptions(){return{loop:!1,breakpoints:{"(max-width: 480px)":{spacing:8}},spacing:this.spacingInPx,controls:!0}},maxRangeLimit(){const{maxLimit:e}=(0,v.A)(this.enabledOptions);return e},canDisplayFeature(){const{minLimit:e,maxLimit:t}=(0,v.A)(this.enabledOptions);return t>e},layoutClass(){return this.uiSettings.customStyle},showCustomArrows(){return this.hasLayoutStandard&&this.hasOverflowSlides&&!this.isMobileScreen},showNextArrow(){return this.showCustomArrows&&!this.isAtEndSlider},showPrevArrow(){return this.showCustomArrows&&this.isAtEndSlider},...(0,S.L8)("dictionary",["getDictionaryVoice","dictionaryVoiceExists"]),...(0,S.L8)("screen",["isMobileScreen"])},methods:{debounce:L.A,refreshSliderWithOptions(e){e&&e.refresh({...this.keenOptions,slidesPerView:this.slidesPerView(e.details().widthOrHeight)})},onSliderMounted(e){this.refreshSliderWithOptions(e),this.updateArrowState(e)},onSliderChanged(e){this.updateArrowState(e)},updateArrowState(e){if(!this.hasLayoutStandard||!e)return this.hasOverflowSlides=!1,void(this.isAtEndSlider=!1);const t=e.details(),i=this.slidesPerView(t.widthOrHeight),s=Math.max(0,Math.ceil(t.size-i));this.hasOverflowSlides=s>0,this.isAtEndSlider=this.hasOverflowSlides&&t.relativeSlide>=s},goToEndSlider(){const e=this.$refs.keen?.details();e&&(this.$refs.keen?.moveTo(e.size-1),this.isAtEndSlider=!0)},goToStartSlider(){this.$refs.keen?.moveTo(0),this.isAtEndSlider=!1},slidesPerView(e){return Math.floor(e/(this.slideWidthInPx+this.spacingInPx)*10)/10},isSelected(e){return this.selectedOption===e},updateSelection(e){this.clearErrors(),this.validateSelection(e),this.hasValidationError()||(this.selectedOption=e,this.$emit("featureChanged",this.label,e))},validateSelection(e){const{minLimit:t,maxLimit:i}=(0,v.A)(this.enabledOptions);this.clearErrors(),null!==t&&e<t&&this.dictionaryVoiceExists("product","errors-minimum-range")&&(this.minRangeMessage=this.getDictionaryVoice("product","errors-minimum-range").replace("#MIN#",t)),null!==i&&e>i&&this.dictionaryVoiceExists("product","errors-maximum-range")&&(this.maxRangeMessage=this.getDictionaryVoice("product","errors-maximum-range").replace("#MAX#",i)),(this.minRangeMessage||this.maxRangeMessage)&&this.dictionaryVoiceExists("product","errors-input-value")&&(this.errorMessage=this.getDictionaryVoice("product","errors-input-value").replace("#VALUE#",Number.isNaN(e)?this.originalValue:e))},hasValidationError(){return!!(this.errorMessage||this.minRangeMessage||this.maxRangeMessage)},clearErrors(){this.errorMessage="",this.minRangeMessage="",this.maxRangeMessage=""},initKeenSlider(){this.$refs.keen?.destroy(),this.$nextTick(()=>{this.$refs.keen?.init()})}},watch:{maxRangeLimit(){this.initKeenSlider()},canDisplayFeature(e){e&&this.initKeenSlider()}},created(){this.unsubscribe=this.$store.subscribeAction((0,L.A)(e=>{if("screen/updateWidth"===e.type&&this.$refs.keen){const e=this.$refs.keen.details();if(!e)return;const t=e.widthOrHeight;this.$refs.keen.refresh({...this.keenOptions,slidesPerView:this.slidesPerView(t)}),this.updateArrowState(this.$refs.keen.slider)}},75))},mounted(){this.selectedOption=this.value,this.$emit("hideErrorMessage"),this.initKeenSlider()},beforeUnmount(){this.unsubscribe()}};

1const O=(0,i(66262).A)(C,[["render",function(e,t,i,S,v,y){const x=(0,s.g2)("keen-slide"),w=(0,s.g2)("keen");return(0,s.uX)(),(0,s.Wv)(s.Im,{defer:"",to:"#multiartwork-feature-dropzone",disabled:!e.hasLayoutPackaging},[y.canDisplayFeature?((0,s.uX)(),(0,s.CE)("div",{key:0,class:(0,s.C4)(["multi-artwork-variants",[y.layoutClass]])},[e.hasLayoutPackaging?(0,s.Q3)("",!0):((0,s.uX)(),(0,s.CE)("div",n,[t[2]||(t[2]=(0,s.Lk)("div",{class:"icon icon-multi-artworks_32px"},null,-1)),(0,s.Lk)("div",a,[(0,s.Lk)("span",r,(0,s.v_)(e.getDictionaryVoice("multi-artworks","title-section")),1)])])),(0,s.Lk)("div",o,[(0,s.Lk)("div",{class:(0,s.C4)(["variants-question d-flex align-items-center",[{"mt-3":!e.hasLayoutPackaging}]])},[(0,s.Lk)("span",null,(0,s.v_)(e.getDictionaryVoice("multi-artworks","title")),1),(0,s.Lk)("span",l,(0,s.v_)(e.getDictionaryVoice("multi-artworks","new-badge")),1)],2),e.hasLayoutPackaging&&e.dictionaryVoiceExists("multi-artworks","subtitle")?((0,s.uX)(),(0,s.CE)("p",c,(0,s.v_)(e.getDictionaryVoice("multi-artworks","subtitle")),1)):(0,s.Q3)("",!0),(0,s.Lk)("div",d,[y.showPrevArrow?((0,s.uX)(),(0,s.CE)("div",{key:0,class:"keen-slider-arrow prev",onClick:t[0]||(t[0]=(...e)=>

1y.goToStartSlider&&y.goToStartSlider(...e))},[...t[3]||(t[3]=[(0,s.Lk)("i",{class:"icon icon-d-chevron-left_20px"},null,-1)])])):(0,s.Q3)("",!0),(0,s.bF)(w,{options:y.keenOptions,"hide-arrows":!0,ref:"keen",class:"scrollable",onMounted:y.onSliderMounted,onSlideChanged:y.onSliderChanged},{default:(0,s.k6)(()=>[((0,s.uX)(!0),(0,s.CE)(s.FK,null,(0,s.pI)(y.maxRangeLimit,t=>((0,s.uX)(),(0,s.Wv)(x,{key:t},{default:(0,s.k6)(()=>[(0,s.Lk)("div",{class:(0,s.C4)(["variant-button-wrapper d-flex flex-column",{active:y.isSelected(t)}])},[(0,s.Lk)("button",{class:(0,s.C4)(["variant-button",{active:y.isSelected(t)}]),onClick:e=>y.updateSelection(t)},[(0,s.Lk)("div",h,[(0,s.Lk)("div",g,(0,s.v_)(t),1)])],10,u),(0,s.Lk)("div",{class:(0,s.C4)(["variant-label w-100 text-nowrap",{"text-center":!e.hasLayoutPackaging}])},(0,s.v_)(t)+" "+(0,s.v_)(1===t?e.getDictionaryVoice("multi-artworks","feature-variant-number-single"):e.getDictionaryVoice("multi-artworks","feature-variant-number-plural")),3)],2)]),_:2},1024))),128))]),_:1},8,["options","onMounted","onSlideChanged"]),y.showNextArrow?((0,s.uX)(),(0,s.CE)("div",{key:1,class:"keen-slider-arrow next",onClick:t[1]||(t[1]=(...e)=>y.goToEndSlider&&y.goToEndSlider(...e))},[...t[4]||(t[4]=[(0,s.Lk)("i",{class:"icon icon-d-chevron-right_20px"},null,-1)])])):(0,s.Q3)("",!0)]),(0,s.Lk)("div",m,[v.errorMessage?((0,s.uX)(),(0,s.CE)("small",p,(0,s.v_)(v.errorMessage),1)):(0,s.Q3)("",!0),v.minRangeMessage?((0,s.uX)(),(0,s.CE)("small",k,(0,s.v_)(v.minRangeMessage),1)):(0,s.Q3)("",!0),v.maxRangeMessage?((0,s.uX)(),(0,s.CE)("small",f,(0,s.v_)(v.maxRangeMessage),1)):(0,s.Q3)("",!0)])])],2)):(0,s.Q3)("",!0)],8,["disabled"])}],["__scopeId","data-v-5fe2ef18"]])},22569(e,t,i){i.d(t,{A:()=>o});var s=i(82124),n=i(67020),a=i(40519),r=i(25760);const o={name:"GalleryBaseComponent",data:()=>({isOptionInfoOpen:!1,prevOptionKey:null,optionInfo:{},optionChunkIndex:!1,arrowLeftOffset:0,boxLeftOffset:0,isFeatureInfoOpen:!1,numColsDesktop:5,isGalleryCollapsed:!0}),setup:()=>({uiSettings:(0,r.z)()}),computed:{slidesPerRow(){let e;return e=this.screenIs("xs")?2:5,e},hasLayoutPanoramic(){return"layout-panoramic"===this.uiSettings.customStyle},hasLayoutPackaging(){return"layout-packaging"===this.uiSettings.customStyle},hasLayoutStandard(){return"layout-standard"===this.uiSettings.customStyle},...(0,s.L8)("screen",["screenIs","isMobileScreen"])},watch:{value(e){this.selectedOption=e}},methods:{getInfoFromSelection:n.A,getFlagLabelsFromSelection:a.A,getOptionInfo(e){return this.getInfoFromSelection(this.option,e)},flagLabels(e){return this.getFlagLabelsFromSelection(e)},hasFlagLabels(e){return this.flagLabels(e).length>0},isOptionOpenInChunk(e){return this.optionChunkIndex===e&&this.isOptionInfoOpen},onInfoCloseClick(){this.isOptionInfoOpen=!1},toggleCollapsedGallery(){this.isGalleryCollapsed=!this.isGalleryCollapsed}}}},40519(e,t,i){i.d(t,{A:()=>s});i(98992),i(81454);const s=e=>{const t=e?.customSelections?.flagName??[];return Object.keys(t).map(e=>t[e].voice)}},67020(e,t,i){i.d(t,{A:()=>n});i(69479),i(98992),i(81454);var s=i(41003);const n=(e,t)=>{let i={};const n=t?.customSelections?.dictionaryTranslations?.info??{};if(Object.keys(n).length>0&&(0,s.A)(n,["description","gallery","videos"])){n?.title||(n.title=t?.customSelections?.dictionaryTranslations?.voice??""),i=n;const e=t?.customSelections?.flagName??[];i.flags=Object.keys(e).map(t=>e[t].voice)}return i}}};