https://www.pixartprinting.co.uk/js/featureColorPalette.a1b7444fa3000ae885c7.js

1export const __webpack_esm_id__=4077;export const __webpack_esm_ids__=[4077];export const __webpack_esm_modules__={11790(e,t,s){s.d(t,{A:()=>c});var i=s(41425);const o=["data-srcset"],l=["data-srcset"],n=["data-src","src","alt","width","height"];var a=s(33147);const r={name:"ResponsiveSourceImage",props:{source:{type:String,required:!0},fallbackSource:{type:String,required:!1,default:a.A},width:{type:[String,Number],required:!1},height:{type:[String,Number],required:!1},alt:{type:String,required:!1,default:""}}};const c=(0,s(66262).A)(r,[["render",function(e,t,s,a,r,c){return(0,i.uX)(),(0,i.CE)("picture",null,[(0,i.Lk)("source",{"data-srcset":`${s.source}?fm=avif`,type:"image/avif"},null,8,o),(0,i.Lk)("source",{"data-srcset":`${s.source}?fm=webp`,type:"image/webp"},null,8,l),(0,i.Lk)("img",{"data-src":s.source,src:s.fallbackSource,class:"img-fluid lazyload",alt:s.alt,width:s.width,height:s.height},null,8,n)])}]])},13110(e,t,s){s.d(t,{A:()=>i});s(98992),s(8872);const i=(e,t)=>e.reduce((e,s,i)=>i%t===0?[...e,[s]]:[...e.slice(0,-1),[...e.slice(-1)[0],s]],[])},17362(e,t,s){s.d(t,{default:()=>x}),s.r(t);var i=s(41425);const o={class:"color-label"},l={class:"title"},n={class:"color-name"},a={key:0},r={class:"gallery-container expand-container"},c={class:"row"},u=["onClick","data-test","id"],d={class:"inner"},p={class:"details"},h={key:0,class:"info-container feature-info"};s(98992),s(72577),s(3949);var g=s(82124),f=s(42153),b=s(55017),y=s(22569),m=s(79555),A=s(92102),C=s(63473),v=s(32574),S=s(19137),k=s(43167),I=s(13110),O=s(36740),L=s(25760);const w={name:"FeatureColorPalette",props:{option:{type:Object,required:!0},value:{type:String,required:!0},enabledOptions:{type:Object,required:!0},label:{type:String,required:!0}},extends:y.A,mixins:[m.A],components:{BTooltip:f.u,FeatureMoreOptions:b.A,TransitionExpand:v.A,InfoBox:A.A,FlagLabel:C.A,GalleryImage:S.A},data:()=>({selectedOption:"",shouldCollapse:!1}),setup:()=>({uiSettings:(0,L.z)()}),computed:{slidesPerRow:()=>8,selectionsChunks(){return this.screenIs("mobile")?[this.validSelections]:(0,I.A)(this.validSelections,this.slidesPerRow)},componentRoot(){return this.$refs["component-root"]},isCollapsed(){return this.shouldCollapse&&("start-collapsed"===this.option?.customSelections?.collapseMode||"start-expanded"===this.option?.customSelections?.collapseMode)},selectedColorName(){return this.optionDisplayLabel(this.selections.find(e=>this.isSelected(e)))},layoutClass(){return this.uiSettings.customStyle},...(0,g.L8)("dictionary",["getDictionaryVoice"])},watch:{selectionsChunks(){this.$nextTick(()=>{const{rowContainer:e}=this.$refs;Array.isArray(e)&&this.galleryLabelsEqualHeight(e)})},enabledOptions(e){if(1===e.length){const t=this.selections.findIndex(t=>t.key.toString()===e[0].toString());this.isSelected(this.selections[t])||this.updateSelection(this.selections[t])}}},methods:{equalHeight:k.A,removeSpaces:O.A,getSource:e=>e?.customSelections?.optionImage?.url??"",galleryLabelsEqualHeight(e){e&&Array.isArray(e)&&e.forEach(e=>{const t=e.querySelectorAll("p");t.forEach(e=>{e.style.height="auto",this.$nextTick(()=>{this.equalHeight(t)})})})},updateSelection(e,t,s){this.isOptionInfoOpen&&(void 0!==s&&(this.optionChunkIndex=s),this.optionInfo=this.getOptionInfo(e),""!==this.optionInfo?void 0!==t&&this.updateArrowOffset(t):this.isOptionInfoOpen=!1),this.prevOptionKey=e.key,this.isSelected(e)||this.$emit("featureChanged",this.label,e.key)},equalHeightGallery(){const{rowContainer:e,rowContainerGrouped:t}=this.$refs;this.galleryLabelsEqualHeight(e),this.galleryLabelsEqualHeight(t)},updateArrowOffset(e){if(this.isOptionInfoOpen){const t=this.componentRoot.querySelector(".item-block").offsetWidth;this.arrowLeftOffset=t*e}},toggleOptionInfo(e,t,s){e.key===this.prevOptionKey?this.isOptionInfoOpen=!this.isOptionInfoOpen:this.isOptionInfoOpen=!0,this.isOptionInfoOpen&&!1!==s&&(this.optionChunkIndex=s),this.prevOptionKey=e.key,this.updateArrowOffset(t),this.optionInfo=this.getOptionInfo(e)}},created(){"start-collapsed"===this.option?.customSelections?.collapseMode&&(this.shouldCollapse=!0)},mounted(){this.selectedOption=this.value,this.equalHeightGallery()}};const F=(0,s(66262).A)(w,[["render",function(e,t,s,g,f,b){const y=(0,i.g2)("gallery-image"),m=(0,i.g2)("flag-label"),A=(0,i.g2)("feature-more-options"),C=(0,i.g2)("b-tooltip"),v=(0,i.g2)("info-box"),S=(0,i.g2)("transition-expand");return(0,i.uX)(),(0,i.CE)("div",{class:(0,i.C4)(["gallery",[{"d-none":e.isFeatureToHide},b.layoutClass]]),ref:"component-root"},[(0,i.Lk)("div",o,[(0,i.Lk)("div",l,(0,i.v_)(e.getFeatureLabel(s.option)),1),(0,i.Lk)("div",n,(0,i.v_)(b.selectedColorName),1)]),(0,i.bF)(S,null,{default:(0,i.k6)(()=>[b.isCollapsed?(0,i.Q3)("",!0):((0,i.uX)(),(0,i.CE)("div",a,[(0,i.Lk)("div",r,[((0,i.uX)(!0),(0,i.CE)(i.FK,null,(0,i.pI)(b.selectionsChunks,(o,l)=>((0,i.uX)(),(0,i.CE)("div",{key:l,class:"row-container",ref_for:!0,ref:"rowContainer"},[(0,i.Lk)("div",c,[((0,i.uX)(!0),(0,i.CE)(i.FK,null,(0,i.pI)(o,(o,n)=>((0,i.uX)(),(0,i.CE)("div",{class:"item-block",key:b.removeSpaces(o.key)},[(0,i.Lk)("div",{class:(0,i.C4)(["gallery-item",{active:e.isSelected(o)}])},[(0,i.Lk)("div",{onClick:e=>b.updateSelection(o,n,l),class:"picture-box","data-test":`select-${s.label}-${o.key}`,id:`tooltip-target-${o.key}`},[(0,i.Lk)("div",d,[((0,i.uX)(),(0,i.Wv)(y,{key:b.removeSpaces(o.key),"accepts-format-parameter":!0,source:b.getSource(o)},null,8,["source"])),t[0]||(t[0]=(0,i.Lk)("div",{class:"grey-layer"},null,-1))]),e.hasFlagLabels(o)?((0,i.uX)(),(0,i.Wv)(m,{key:0,flags:e.flagLabels(o),variant:"gallery"},null,8,["flags"])):(0,i.Q3)("",!0)],8,u),(0,i.Lk)("div",p,[g.uiSett

1ings.hideMoreOptionsInFeatureComponents?(0,i.Q3)("",!0):((0,i.uX)(),(0,i.Wv)(A,{key:0,selection:o,"chunk-index":l,"sel-index":n,onToggleOptionsInfo:e=>b.toggleOptionInfo(o,n,l)},null,8,["selection","chunk-index","sel-index","onToggleOptionsInfo"]))])],2)]))),128)),((0,i.uX)(!0),(0,i.CE)(i.FK,null,(0,i.pI)(o,t=>((0,i.uX)(),(0,i.CE)("div",{key:t},[(0,i.bF)(C,{boundary:"viewport",target:`tooltip-target-${t.key}`,variant:"light",placement:"bottom",title:e.optionDisplayLabel(t)},null,8,["target","title"])]))),128))]),(0,i.bF)(S,null,{default:(0,i.k6)(()=>[e.isOptionOpenInChunk(l)?((0,i.uX)(),(0,i.CE)("div",h,[(0,i.bF)(v,{content:e.optionInfo,"arrow-pos":e.arrowLeftOffset,"margin-type":"gallery",onInfoCloseClick:e.onInfoCloseClick},null,8,["content","arrow-pos","onInfoCloseClick"])])):(0,i.Q3)("",!0)]),_:2},1024)]))),128))])]))]),_:1})],2)}],["__scopeId","data-v-92796154"]]),x=F},19137(e,t,s){s.d(t,{A:()=>r});var i=s(41425);const o=["data-src","src"];var l=s(11790),n=s(33147);const a={name:"GalleryImage",props:{acceptsFormatParameter:{type:Boolean,required:!1},source:{type:String,required:!0}},components:{ResponsiveSourceImage:l.A},data:()=>({transparentSquare:n.A}),computed:{canShowImage(){return this.source&&""!==this.source}}};const r=(0,s(66262).A)(a,[["render",function(e,t,s,l,n,a){const r=(0,i.g2)("responsive-source-image");return s.acceptsFormatParameter&&a.canShowImage?((0,i.uX)(),(0,i.Wv)(r,{key:0,source:s.source,alt:"option image",width:"300",height:"300"},null,8,["source"])):a.canShowImage?((0,i.uX)(),(0,i.CE)("img",{key:1,"data-src":s.source,src:n.transparentSquare,class:"img-fluid lazyload",alt:"option image",width:"300",height:"300"},null,8,o)):(0,i.Q3)("",!0)}],["__scopeId","data-v-74f74d76"]])},22569(e,t,s){s.d(t,{A:()=>a});var i=s(82124),o=s(67020),l=s(40519),n=s(25760);const a={name:"GalleryBaseComponent",data:()=>({isOptionInfoOpen:!1,prevOptionKey:null,optionInfo:{},optionChunkIndex:!1,arrowLeftOffset:0,boxLeftOffset:0,isFeatureInfoOpen:!1,numColsDesktop:5,isGalleryCollapsed:!0}),setup:()=>({uiSettings:(0,n.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,i.L8)("screen",["screenIs","isMobileScreen"])},watch:{value(e){this.selectedOption=e}},methods:{getInfoFromSelection:o.A,getFlagLabelsFromSelection:l.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}}}},33147(e,t,s){s.d(t,{A:()=>i});const i="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAEElEQVR42mNkwAEYRyXQAQAIygAN1jcmhQAAAABJRU5ErkJggg=="},40519(e,t,s){s.d(t,{A:()=>i});s(98992),s(81454);const i=e=>{const t=e?.customSelections?.flagName??[];return Object.keys(t).map(e=>t[e].voice)}},43167(e,t,s){s.d(t,{A:()=>o});s(98992),s(3949);var i=s(84408);function o(e){let t=0;e.forEach(e=>{const s=(0,i.A)(e);s>t&&(t=s)}),t>0&&e.forEach(e=>{e.style.height=`${t}px`})}},55017(e,t,s){s.d(t,{A:()=>c});var i=s(41425);const o={key:0,class:"icon icon-c-info_16px"},l={key:1,class:"icon icon-leaf_20px"};s(74423),s(69479);var n=s(41003),a=s(67020);const r={name:"FeatureMoreOptions",props:{selection:{type:Object,required:!0},selIndex:{required:!0},chunkIndex:{required:!0}},computed:{isSustainable(){return!!this.selection?.customSelections?.dictionaryTranslations?.info?.flags&&this.selection.customSelections.dictionaryTranslations.info.flags.includes("Sustainable")}},methods:{contentExistsForFields:n.A,getInfoFromSelection:a.A,shouldShowInfo(e){const t=this.getInfoFromSelection("",e);return this.contentExistsForFields(t,["description","gallery","videos"])},toggleOptionInfo(){this.$emit("toggle-options-info")}}};const c=(0,s(66262).A)(r,[["render",function(e,t,s,n,a,r){return(0,i.uX)(),(0,i.CE)("div",{class:"icons-container d-flex",onClick:t[0]||(t[0]=e=>r.toggleOptionInfo())},[r.shouldShowInfo(s.selection)?((0,i.uX)(),(0,i.CE)("span",o)):(0,i.Q3)("",!0),r.isSustainable?((0,i.uX)(),(0,i.CE)("span",l)):(0,i.Q3)("",!0)])}],["__scopeId","data-v-63b7171d"]])},63473(e,t,s){s.d(t,{A:()=>u});var i=s(41425);const o={key:1};s(69479);var l=s(82124),n=s(25760),a=s(85922),r=s(85575);const c={name:"FlagLabel",props:["flags","variant"],setup:()=>

1({uiSettings:(0,n.z)()}),computed:{...(0,l.L8)("dictionary",["getDictionaryVoice","dictionaryVoiceExists"]),useAttributesLabels(){return this.uiSettings.useAttributesLabels},shouldShowFlag(){if(this.useAttributesLabels)return this.flags&&this.flags.length>0&&""!==this.labelClass;if(!this.labelClass)return!1;const e=this.dictionaryVoiceExists("product",this.labelClass);return e||r.A.log("Missing label. Page: product / Key: ",this.labelClass),e},visibleLabel(){return this.useAttributesLabels?this.labelConfig&&this.labelConfig.voice?this.getDictionaryVoice("labels",this.labelConfig.voice):this.flags[0]:this.getDictionaryVoice("product",this.labelClass)},labelKey(){return this.flags&&this.flags[0]?this.flags[0].toLowerCase().trim().replaceAll(" ","_"):""},labelConfig(){return this.useAttributesLabels&&a.A[this.labelKey]||null},labelClass(){return this.useAttributesLabels?this.labelConfig?this.labelConfig.cssClass:"":this.flags[0].toLowerCase().trim().replaceAll(" ","-")},labelIcon(){return this.useAttributesLabels&&this.labelConfig?this.labelConfig.icon:""},labelClasses(){const e=this.variant&&""!==this.variant?this.variant:"default";return`${this.labelClass} ${e}-variant${this.useAttributesLabels?" d-inline-flex align-items-center gap-1 label":""}`}}};const u=(0,s(66262).A)(c,[["render",function(e,t,s,l,n,a){return a.shouldShowFlag?((0,i.uX)(),(0,i.CE)("label",{key:0,class:(0,i.C4)(a.labelClasses)},[a.useAttributesLabels&&a.labelIcon?((0,i.uX)(),(0,i.CE)("i",{key:0,class:(0,i.C4)(["icon",a.labelIcon])},null,2)):(0,i.Q3)("",!0),a.useAttributesLabels?((0,i.uX)(),(0,i.CE)("span",o,(0,i.v_)(a.visibleLabel),1)):((0,i.uX)(),(0,i.CE)(i.FK,{key:2},[(0,i.eW)((0,i.v_)(a.visibleLabel),1)],64))],2)):(0,i.Q3)("",!0)}],["__scopeId","data-v-b65dd7e6"]])},67020(e,t,s){s.d(t,{A:()=>o});s(69479),s(98992),s(81454);var i=s(41003);const o=(e,t)=>{let s={};const o=t?.customSelections?.dictionaryTranslations?.info??{};if(Object.keys(o).length>0&&(0,i.A)(o,["description","gallery","videos"])){o?.title||(o.title=t?.customSelections?.dictionaryTranslations?.voice??""),s=o;const e=t?.customSelections?.flagName??[];s.flags=Object.keys(e).map(t=>e[t].voice)}return s}},79555(e,t,s){s.d(t,{A:()=>c});s(98992),s(54520),s(81454);var i=s(3486),o=s(52570),l=s(34499),n=s(32515),a=s(18356),r=s(92610);const c={name:"FeatureCommon",methods:{isHidden:i.A,getValueFromOption:o.A,getSortedKeysByValue:l.A,getOptionLabel:n.A,getFeatureLabel:a.A,isDisabled(e){return-1===this.enabledOptions.indexOf(e.key)},optionDisplayLabel(e){return this.getOptionLabel(e)},isSelected(e){return this.selectedOption===e.label.en},onFeatureChangedFromModal(e){this.$emit("featureChanged",this.label,e)}},computed:{selections(){return this.option.value.value},validSelections(){return this.getSortedKeysByValue(this.selections,["customSelections","sortIndex"]).filter(e=>!1===this.isHidden(this.selections[e])&&!1===this.isDisabled(this.selections[e])).map(e=>this.selections[e])},isFeatureToHide(){return 1===this.enabledOptions.length&&(0,r.A)(this.option)}}}},84408(e,t,s){s.d(t,{A:()=>i});const i=e=>e?parseFloat(getComputedStyle(e,null).height.replace("px","")):0},85922(e,t,s){s.d(t,{A:()=>i});const i={best_seller:{voice:"best-seller",cssClass:"label-ice-blue-light"},best_price:{voice:"best-price",cssClass:"label-red"},promo:{voice:"promo",cssClass:"label-orange-light"},new:{voice:"new",cssClass:"label-ice-blue"},sustainable:{voice:"sustainable",cssClass:"label-pistachio-light",icon:"icon-leaf_12px"}}},92610(e,t,s){s.d(t,{A:()=>n});s(74423);var i=s(52570),o=s(50716),l=s(70203);const n=e=>{let t=!1;if(e?.customSelections?.hideSingleNullValue){const s=(0,i.A)(e),n=["None","No","undefined"];t=0===parseFloat(s)||n.includes(s)||(0,l.A)(s)||(0,o.A)(s)}return t}}};