https://www.pixartprinting.fr/js/featureInput.8319b779fb593781d242.js

1export const __webpack_esm_id__=6553;export const __webpack_esm_ids__=[6553];export const __webpack_esm_modules__={55764(e,t,s){s.d(t,{default:()=>L}),s.r(t);var i=s(41425);const o={key:0},a={class:"row"},n={class:"col-md-6"},l={class:"inner"},r={key:0,class:"input-group input-group-disabled"},u=["id","aria-describedby"],p=["id","aria-describedby","data-test"],d={key:0,class:"input-group-append"},c={key:0,class:"form-text text-danger"},h={key:1,class:"form-text text-danger"},g={key:2,class:"form-text text-danger"},m={key:0};s(74423);var _=s(82124),b=s(32574),f=s(92102),C=s(54851),x=s(41003),I=s(67020),V=s(18356),v=s(92610),y=s(90783),k=s(55250),E=s(25760);const F={name:"FeatureInput",props:["option","value","enabledOptions","label","canCollapse"],data(){return{prevInputValue:this.value,inputValue:this.value,isDisabled:!1,isInfoOpen:!1,hasError:!1,errorMessage:"",minRangeMessage:"",maxRangeMessage:"",originalValue:this.value,shouldCollapse:!1}},setup(){const e=(0,E.z)(),t=(0,E.n)(),s=(0,i.EW)(()=>[e.customStyle,...t]);return{uiSettings:e,headerClasses:s}},components:{TransitionExpand:b.A,InfoBox:f.A,FeatureHeader:C.A},computed:{shouldHideDisabledComponent(){return["Custom_Width___LOR","Custom_Height___LOR","Width___LOR","Height___LOR","Trim_Height___LOR","Trim_Width___LOR","Width_Type","Height_Type"].includes(this.option.name)&&this.isDisabled},displayLabel(){return this.getFeatureLabel(this.option)},infoBoxContent(){return this.getInfoFromSelection(this.option,null)},shouldShowInfo(){const e=this.contentExistsForFields(this.infoBoxContent,["description","gallery","videos"]),t=this.uiSettings.hideMoreOptionsInFeatureComponents;return e&&!t},isCollapsed(){return this.shouldCollapse&&this.canCollapse&&("start-collapsed"===this.option?.customSelections?.collapseMode||"start-expanded"===this.option?.customSelections?.collapseMode)},...(0,_.L8)("dictionary",["getDictionaryVoice","dictionaryVoiceExists"])},watch:{value(e,t){parseFloat(e)!==parseFloat(t)&&(this.prevInputValue=e,this.inputValue=e)},enabledOptions:{handler(){this.isLockedOption()},deep:!0}},methods:{contentExistsForFields:x.A,getInfoFromSelection:I.A,getFeatureLabel:V.A,isHiddenSingleNullValue:v.A,isValidRangesValue:y.A,getLimitsFromRanges:k.A,updateUserInput(){this.$store.dispatch("product/setInputFocused",!0)},updateInputBlur(e){this.prevInputValue===this.inputValue&&this.$store.dispatch("product/setInputFocused",!1),this.updateInput(e)},isLockedOption(){this.isDisabled=1===this.enabledOptions.length&&this.enabledOptions[0].minimum===this.enabledOptions[0].maximum&&parseFloat(this.enabledOptions[0].minimum)===parseFloat(this.inputValue)},isFeatureToHide(){return this.shouldHideDisabledComponent||this.isDisabled&&(0,v.A)(this.option)},getInputError(){const e=parseFloat(this.inputValue),t=!(0,y.A)(e,this.enabledOptions);if(this.errorMessage="",this.minRangeMessage="",this.maxRangeMessage="",t){const{minLimit:t,maxLimit:s}=(0,k.A)(this.enabledOptions);null!==t&&e<t&&this.dictionaryVoiceExists("product","errors-minimum-range")&&(this.minRangeMessage=this.getDictionaryVoice("product","errors-minimum-range").replace("#MIN#",t)),null!==s&&e>s&&this.dictionaryVoiceExists("product","errors-maximum-range")&&(this.maxRangeMessage=this.getDictionaryVoice("product","errors-maximum-range").replace("#MAX#",s)),this.dictionaryVoiceExists("product","errors-input-value")&&(this.errorMessage=this.getDictionaryVoice("product","errors-input-value").replace("#VALUE#",Number.isNaN(e)?this.originalValue:e))}this.hasError=t,this.$emit("updateInputError",this.hasError)},toggleInfo(){this.isInfoOpen=!this.isInfoOpen},onInfoCloseClick(){this.isInfoOpen=!1},formatInputValue(e){const t=e.target.value;let s;this.originalValue=t;const i=t.replace(/,/g,".").replace(/[^.\d]/g,"").split(/[.](.+)/);return i.length>1?(i[0]=i[0].replace(/\D+/g,""),i[1]=i[1].replace(/\D+/g,""),s=`${i[0]}.${i[1]}`,s=parseFloat(s).toFixed(2),s-Math.floor(s)===0&&(s=parseInt(s,10))):s=parseInt(i[0],10),s},updateInput(e){this.manageValueChange(e)},manageValueChange(e){const t=this.formatInputValue(e);t!==this.inputValue&&(this.inputValue=t),t!==this.prevInputValue&&(this.prevInputValue=t,this.getInputError(),this.hasError||this.$emit("featureChanged",this.label,this.inputValue),this.hasError&&(this.inputValue=this.originalValue))}

1,onToggleFeature(e){this.shouldCollapse=e}},created(){"start-collapsed"===this.option?.customSelections?.collapseMode&&(this.shouldCollapse=!0)}};const L=(0,s(66262).A)(F,[["render",function(e,t,s,_,b,f){const C=(0,i.g2)("feature-header"),x=(0,i.g2)("transition-expand"),I=(0,i.g2)("info-box");return(0,i.uX)(),(0,i.CE)("div",{class:(0,i.C4)(["form-group",[{"d-none":f.isFeatureToHide(),"text-danger":b.hasError},_.headerClasses]])},[(0,i.bF)(C,{option:s.option,"current-value":b.inputValue,"can-collapse":s.canCollapse,onToggleFeature:f.onToggleFeature},null,8,["option","current-value","can-collapse","onToggleFeature"]),(0,i.bF)(x,null,{default:(0,i.k6)(()=>[f.isCollapsed?(0,i.Q3)("",!0):((0,i.uX)(),(0,i.CE)("div",o,[(0,i.Lk)("div",a,[(0,i.Lk)("div",n,[(0,i.Lk)("div",l,[b.isDisabled?((0,i.uX)(),(0,i.CE)("div",r,[(0,i.bo)((0,i.Lk)("input",{type:"text",class:(0,i.C4)(["form-control",{"is-invalid":b.hasError,"text-danger":b.hasError}]),"onUpdate:modelValue":t[0]||(t[0]=e=>b.inputValue=e),id:s.option.name,"aria-describedby":f.displayLabel,disabled:""},null,10,u),[[i.Jo,b.inputValue]]),t[5]||(t[5]=(0,i.Lk)("div",{class:"input-group-append"},[(0,i.Lk)("span",{class:"input-group-text"},[(0,i.Lk)("i",{class:"icon icon-padlock-close_20px"})])],-1))])):((0,i.uX)(),(0,i.CE)("div",{key:1,class:(0,i.C4)(["input-group",{"input-group-error":b.hasError}])},[(0,i.bo)((0,i.Lk)("input",{type:"text",class:(0,i.C4)(["form-control",{"is-invalid text-danger":b.hasError}]),"onUpdate:modelValue":t[1]||(t[1]=e=>b.inputValue=e),id:s.option.name,"aria-describedby":f.displayLabel,onFocus:t[2]||(t[2]=(...e)=>f.updateUserInput&&f.updateUserInput(...e)),onBlur:t[3]||(t[3]=e=>f.updateInputBlur(e)),"data-test":`input-${s.label}-${s.option.label.en}`},null,42,p),[[i.Jo,b.inputValue]]),b.hasError?((0,i.uX)(),(0,i.CE)("div",d,[...t[6]||(t[6]=[(0,i.Lk)("span",{class:"input-group-text"},[(0,i.Lk)("i",{class:"icon icon-alert_20px"})],-1)])])):f.shouldShowInfo?((0,i.uX)(),(0,i.CE)("span",{key:1,class:"more-options-container",onClick:t[4]||(t[4]=(...e)=>f.toggleInfo&&f.toggleInfo(...e))},[...t[7]||(t[7]=[(0,i.Lk)("i",{class:"icon icon-c-info_16px"},null,-1)])])):(0,i.Q3)("",!0)],2))])])]),b.errorMessage?((0,i.uX)(),(0,i.CE)("small",c,(0,i.v_)(b.errorMessage),1)):(0,i.Q3)("",!0),b.minRangeMessage?((0,i.uX)(),(0,i.CE)("small",h,(0,i.v_)(b.minRangeMessage),1)):(0,i.Q3)("",!0),b.maxRangeMessage?((0,i.uX)(),(0,i.CE)("small",g,(0,i.v_)(b.maxRangeMessage),1)):(0,i.Q3)("",!0)]))]),_:1}),(0,i.bF)(x,null,{default:(0,i.k6)(()=>[b.isInfoOpen?((0,i.uX)(),(0,i.CE)("div",m,[(0,i.bF)(I,{content:f.infoBoxContent,"margin-type":"input",onInfoCloseClick:f.onInfoCloseClick},null,8,["content","onInfoCloseClick"])])):(0,i.Q3)("",!0)]),_:1})],2)}],["__scopeId","data-v-63f79e74"]])},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}},92610(e,t,s){s.d(t,{A:()=>n});s(74423);var i=s(52570),o=s(50716),a=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,a.A)(s)||(0,o.A)(s)}return t}}};