{"version":3,"sources":["webpack:///./resources/js/src/app/components/item/EngravingConfigurator.vue?aba8","webpack:///resources/js/src/app/components/item/EngravingConfigurator.vue","webpack:///./resources/js/src/app/components/item/EngravingConfigurator.vue?6b46","webpack:///./resources/js/src/app/components/item/EngravingConfigurator.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","config","length","key","ref","staticClass","attrs","id","role","_l","field","index","class","active","href","_v","_s","name","type","refInFor","imageFrontendLoading","on","change","$event","setImage","click","showEngravingImage","for","imageName","imageSizeError","imageTypeError","imageDimensionError","imageExifError","maxFileSize","errorName","imageFormats","imageDimensions","minWidth","minHeight","_e","directives","rawName","value","scaleModel","expression","min","max","step","domProps","input","updateScale","__r","target","showEngravingModal","texts","getImageValuesById","font","fonts","split","join","setTextSelect","textLength","selected","disabled","text","placeholder","maxlength","setTextInput","inputFocused","blurInput","icons","icon","addIcon","checked","setFont","getEngravingSettingByKey","xmlns","width","height","fill","viewBox","d","color","textColor","setColor","_withStripped","component","options","__file"],"mappings":"kGAAA,IAAIA,EAAS,WACX,IAAIC,EAAMC,KACNC,EAAKF,EAAIG,eACTC,EAAKJ,EAAIK,MAAMD,IAAMF,EACzB,OAAOF,EAAIM,OAAOC,OAAS,EACvBH,EAAG,MAAO,CAAEI,IAAK,sBAAwB,CACvCJ,EAAG,MAAO,CAAEK,IAAK,UAAWC,YAAa,aAAe,CACtDN,EAAG,MAAO,CAAEM,YAAa,0BAA4B,CACnDN,EACE,KACA,CACEM,YACE,mFACFC,MAAO,CAAEC,GAAI,gBAAiBC,KAAM,YAEtCb,EAAIc,GAAGd,EAAIM,QAAQ,SAASS,EAAOC,GACjC,OAAOZ,EACL,KACA,CAAEM,YAAa,mCACf,CACEN,EACE,IACA,CACEM,YAAa,WACbO,MAAO,CAAEC,OAAkB,IAAVF,GACjBL,MAAO,CACLC,GAAI,sBAAwBG,EAAMP,IAClCW,KAAM,oBAAsBJ,EAAMP,IAClC,cAAe,MACfK,KAAM,MACN,gBAAiB,sBAAwBE,EAAMP,IAC/C,gBAA2B,IAAVQ,EAAc,OAAS,UAG5C,CACEhB,EAAIoB,GACF,6BACEpB,EAAIqB,GAAGN,EAAMO,MACb,iCAOd,GAEFtB,EAAIoB,GAAG,KACPhB,EACE,MACA,CAAEM,YAAa,eACfV,EAAIc,GAAGd,EAAIM,QAAQ,SAASS,EAAOC,GACjC,OAAOZ,EACL,MACA,CACEM,YAAa,uCACbO,MAAO,CAAE,cAAyB,IAAVD,GACxBL,MAAO,CACLC,GAAI,mBAAqBG,EAAMP,IAC/BK,KAAM,WACN,kBAAmB,sBAAwBE,EAAMP,MAGrD,CACiB,UAAfO,EAAMQ,KACF,CACEnB,EAAG,OAAQ,CAAEM,YAAa,oBAAsB,CAC9CV,EAAIoB,GACF,kFAGJpB,EAAIoB,GAAG,KACPhB,EACE,MACA,CAAEM,YAAa,eACf,CACEN,EACE,MACA,CACEM,YACE,yCAEJ,CACEN,EAAG,QAAS,CACVK,IAAK,cACLe,UAAU,EACVd,YACE,iEACFO,MAAO,CACL,eAAgBjB,EAAIyB,sBAEtBd,MAAO,CACLY,KAAM,OACND,KAAM,cACNV,GAAI,mBAENc,GAAI,CACFC,OAAQ,SAASC,GACf,OAAO5B,EAAI6B,SAASb,IAEtBc,MAAO9B,EAAI+B,sBAGf/B,EAAIoB,GAAG,KACPhB,EACE,QACA,CACEM,YACE,4CACFO,MAAO,CACL,eAAgBjB,EAAIyB,sBAEtBd,MAAO,CAAEqB,IAAK,oBAEhB,CACEhC,EAAIoB,GACF,yCACEpB,EAAIqB,GACgB,KAAlBrB,EAAIiC,UACAjC,EAAIiC,UACJ,kBAEN,wCAIRjC,EAAIoB,GAAG,KACPhB,EAAG,MAAO,CACRM,YAAa,oBACbO,MAAO,CACL,4BACEjB,EAAIyB,0BAKdzB,EAAIoB,GAAG,KACPhB,EAAG,aAAc,CAAEO,MAAO,CAAEW,KAAM,SAAY,CAC5CtB,EAAIkC,gBACJlC,EAAImC,gBACJnC,EAAIoC,qBACJpC,EAAIqC,eACAjC,EACE,MACA,CACEI,IAAK,0BACLE,YAAa,oBAEf,CACEV,EAAIoB,GACF,yCACEpB,EAAIqB,GACFrB,EAAIkC,eACA,mCACElC,EAAIsC,YACJ,gBACAtC,EAAIuC,UACJ,uBACAvC,EAAIkC,eACJ,OACF,IAEN,yCACAlC,EAAIqB,GACFrB,EAAImC,eACA,+BACEnC,EAAIwC,aACJ,cACAxC,EAAIuC,UACJ,mBACAvC,EAAImC,eACJ,KACF,IAEN,yCACAnC,EAAIqB,GACFrB,EAAIoC,oBACA,4CACEpC,EAAIyC,gBACDC,SACH,IACA1C,EAAIyC,gBACDE,UACH,yBACA3C,EAAIuC,UACJ,sBACAvC,EAAIoC,oBACJ,IACF,IAEN,yCACApC,EAAIqB,GACFrB,EAAIqC,eACArC,EAAIqC,eACJ,IAEN,wCAIRrC,EAAI4C,QAGZ,GAEF5C,EAAIoB,GAAG,KACPhB,EACE,MACA,CACEM,YAAa,qCACbO,MAAO,CACL,mCACoB,KAAlBjB,EAAIiC,YAGV,CACE7B,EACE,QACA,CACEM,YACE,qCACFC,MAAO,CAAEqB,IAAK,qBAEhB,CACEhC,EAAIoB,GACF,yFAINpB,EAAIoB,GAAG,KACPhB,EAAG,QAAS,CACVyC,WAAY,CACV,CACEvB,KAAM,QACNwB,QAAS,UACTC,MAAO/C,EAAIgD,WACXC,WAAY,eAGhBvC,YACE,kDACFO,MAAO,CACL,eAAgBjB,EAAIyB,sBAEtBd,MAAO,CACLY,KAAM,QACNX,GAAI,mBACJsC,IAAK,IACLC,IAAK,MACLC,KAAM,KAERC,SAAU,CAAEN,MAAO/C,EAAIgD,YACvBtB,GAAI,CACF4B,MAAOtD,EAAIuD,YACX5B,OAAQ3B,EAAIuD,YACZzB,MAAO9B,EAAI+B,mBACXyB,IAAK,SAAS5B,GACZ5B,EAAIgD,WAAapB,EAAO6B,OAAOV,UAIrC/C,EAAIoB,GAAG,KACPpB,EAAIiC,UACA7B,EACE,SACA,CACEM,YACE,kCACFgB,GAAI,CAAEI,MAAO9B,EAAI0D,qBAEnB,CACE1D,EAAIoB,GACF,qFAINpB,EAAI4C,QAId,CACE5C,EAAI2D,MAAMpD,OAAS,EACfH,EACE,MACA,CAAEM,YAAa,yBACf,CACEN,EACE,QACA,CACEM,YAAa,mBACbC,MAAO,CACLqB,IACE,0BAA4BjB,EAAMP,MAGxC,CACER,EAAIoB,GACF,0FAINpB,EAAIoB,GAAG,KACPhB,EACE,SACA,CACEK,IAAK,eACLe,UAAU,EACVd,YACE,kCACFO,MAGa,KAFXjB,EAAI4D,mBAAmB7C,EAAMH,IAC3BG,EAAMP,KACNqD,KACE7D,EAAI8D,MAAM,GAAGC,MAAM,KAAKC,KAAK,IAC7BhE,EACG4D,mBAAmB7C,EAAMH,IACzBG,EAAMP,KAAKqD,KAAKE,MAAM,KACtBC,KAAK,IACdrD,MAAO,CACLC,GACE,0BAA4BG,EAAMP,KAEtCkB,GAAI,CACFC,OAAQ,SAASC,GACf,OAAO5B,EAAIiE,cACTrC,EACAb,EAAMP,IACNO,EAAMmD,WACNlD,MAKR,CACEZ,EACE,SACA,CACEO,MAAO,CACLwD,SAAU,GACVC,SAAU,GACVrB,MAAO,SAGX,CACE/C,EAAIoB,GACF,0FAINpB,EAAIoB,GAAG,KACPpB,EAAIc,GAAGd,EAAI2D,OAAO,SAASU,GACzB,OAAOjE,EACL,SACA,CAAEiD,SAAU,CAAEN,MAAOsB,IACrB,CACErE,EAAIoB,GACF,yCACEpB,EAAIqB,GAAGgD,GACP,2CAKVrE,EAAIoB,GAAG,KACPhB,EACE,SACA,CACEK,IAAK,2BACLe,UAAU,EACVd,YAAa,SACbC,MAAO,CACLyD,SAAU,GACVrB,MAAO,WAGX,CACE/C,EAAIoB,GACF,iGAKR,KAINpB,EAAI4C,KACR5C,EAAIoB,GAAG,KACPhB,EACE,MACA,CAAEM,YAAa,yBACf,CACEN,EACE,QACA,CACEM,YAAa,mBACbC,MAAO,CACLqB,IAAK,yBAA2BjB,EAAMP,MAG1C,CACER,EAAIoB,GACF,wDACEpB,EAAIqB,GACFrB,EAAI2D,MAAMpD,OAAS,EACf,cACA,IAEN,oCAIRP,EAAIoB,GAAG,KACPhB,EAAG,QAAS,CACVK,IAAK,cACLe,UAAU,EACVd,YACE,wCACFO,MAEc,KADZjB,EAAI4D,mBAAmB7C,EAAMH,IAAIG,EAAMP,KACpCqD,KACC7D,EAAI8D,MAAM,GAAGC,MAAM,KAAKC,KAAK,IAC7BhE,EACG4D,mBAAmB7C,EAAMH,IACzBG,EAAMP,KAAKqD,KAAKE,MAAM,KACtBC,KAAK,IACdrD,MAAO,CACLC,GAAI,yBAA2BG,EAAMP,IACrCe,KAAM,OACN+C,YAAa,aACbC,UAAWxD,EAAMmD,YAEnBxC,GAAI,CACF4B,MAAO,SAAS1B,GACd,OAAO5B,EAAIwE,aACT5C,EACAb,EAAMP,IACNO,EAAMmD,WACNlD,IAGJc,MAAO9B,EAAI+B,sBAGf/B,EAAIoB,GAAG,KACPhB,EACE,OACA,CAAEM,YAAa,4BACf,CACEV,EAAIoB,GACF,qCACEpB,EAAIqB,GACFrB,EAAI4D,mBAAmB7C,EAAMH,IAC3BG,EAAMP,KAEJR,EAAI4D,mBAAmB7C,EAAMH,IAC3BG,EAAMP,KACNuC,MAAMxC,OACR,GAEN,IACAP,EAAIqB,GAAGN,EAAMmD,YACb,oCAIRlE,EAAIoB,GAAG,KACPhB,EAAG,aAAc,CAAEO,MAAO,CAAEW,KAAM,SAAY,CAC5CtB,EAAIyE,aACArE,EACE,OACA,CACEI,IAAK,yBACLE,YACE,4BACFgB,GAAI,CAAEI,MAAO9B,EAAI0E,YAEnB,CACE1E,EAAIoB,GACF,gGAINpB,EAAI4C,QAGZ,GAEF5C,EAAIoB,GAAG,KACPhB,EACE,MACA,CAAEM,YAAa,iCACf,CACEN,EACE,MACA,CAAEM,YAAa,2BACf,CACEN,EACE,KACA,CACEM,YAAa,uBACbO,MAGa,KAFXjB,EAAI4D,mBAAmB7C,EAAMH,IAC3BG,EAAMP,KACNqD,KACE7D,EAAI8D,MAAM,GAAGC,MAAM,KAAKC,KAAK,IAC7BhE,EACG4D,mBAAmB7C,EAAMH,IACzBG,EAAMP,KAAKqD,KAAKE,MAAM,KACtBC,KAAK,KAEhBhE,EAAIc,GAAGd,EAAI2E,OAAO,SAASC,GACzB,OAAOxE,EACL,KACA,CACEM,YAAa,uBACbgB,GAAI,CACFI,MAAO,SAASF,GACd,OAAO5B,EAAI6E,QAAQD,EAAM5D,MAI/B,CACEhB,EAAIoB,GACF,6CACEpB,EAAIqB,GAAGuD,GACP,+CAKV,OAMV5E,EAAIoB,GAAG,KACPhB,EACE,MACA,CAAEM,YAAa,oBACf,CACEN,EACE,OACA,CACEM,YACE,2CAEJ,CACEV,EAAIoB,GACF,uFAINpB,EAAIoB,GAAG,KACPpB,EAAIc,GAAGd,EAAI8D,OAAO,SAASD,EAAM7C,GAC/B,OAAOZ,EACL,QACA,CAAEM,YAAa,0BACf,CACEN,EAAG,QAAS,CACVM,YAAa,yBACbC,MAAO,CACLW,KAAM,eAAiBP,EAAMP,IAC7Be,KAAM,SAER8B,SAAU,CACRN,MAAOc,EACPiB,QAGa,KAFX9E,EAAI4D,mBAAmB7C,EAAMH,IAC3BG,EAAMP,KACNqD,KACY,IAAV7C,EACAhB,EAAI4D,mBAAmB7C,EAAMH,IAC3BG,EAAMP,KACNqD,OAASA,GAEnBnC,GAAI,CACFC,OAAQ,SAASC,GACf,OAAO5B,EAAI+E,QAAQnD,EAAQb,EAAMP,SAIvCR,EAAIoB,GAAG,KACPhB,EACE,OACA,CACEM,YAAa,oBACbO,MAAO4C,EAAKE,MAAM,KAAKC,KAAK,KAE9B,CACEhE,EAAIoB,GACF,uFAQd,GAEFpB,EAAIoB,GAAG,KACPpB,EAAIgF,yBAAyB,eACzB5E,EAAG,MAAO,CAAEM,YAAa,oBAAsB,CAC7CN,EACE,OACA,CACEM,YACE,4CAEJ,CACEV,EAAIoB,GACF,yFAINpB,EAAIoB,GAAG,KACPhB,EACE,QACA,CACEM,YACE,kEAEJ,CACEN,EACE,MACA,CACEM,YAAa,gBACbC,MAAO,CACLsE,MAAO,6BACPC,MAAO,KACPC,OAAQ,KACRC,KAAM,eACNC,QAAS,cAGb,CACEjF,EAAG,OAAQ,CACTO,MAAO,CACL2E,EACE,6KAGNtF,EAAIoB,GAAG,KACPhB,EAAG,OAAQ,CACTO,MAAO,CACL2E,EACE,0dAKVtF,EAAIoB,GAAG,KACPhB,EAAG,OAAQ,CACTJ,EAAIoB,GACF,4FAGJpB,EAAIoB,GAAG,KACPhB,EAAG,QAAS,CACVM,YAAa,yBACbC,MAAO,CAAEY,KAAM,SACf8B,SAAU,CACRN,MACE/C,EAAI4D,mBAAmB7C,EAAMH,IAC3BG,EAAMP,MAERR,EAAI4D,mBAAmB7C,EAAMH,IAC3BG,EAAMP,KACN+E,MACEvF,EAAI4D,mBAAmB7C,EAAMH,IAC3BG,EAAMP,KACN+E,MACFxE,EAAMyE,WAEd9D,GAAI,CACF4B,MAAO,SAAS1B,GACd,OAAO5B,EAAIyF,SAAS7D,EAAQb,EAAMP,aAO9CR,EAAI4C,OAGhB,MAGJ,SAKR5C,EAAI4C,MAGV7C,EAAO2F,eAAgB,E,+yBC9fvB,IC7L6N,ED6L7N,CACE,KADF,WAEI,MAAJ,CACM,MAAN,qEACA,oFACA,oFACA,yCAEM,UAAN,GACM,WAAN,GACM,UAAN,GACM,UAAN,GACM,gBAAN,EACM,gBAAN,EACM,qBAAN,EACM,gBAAN,EACM,YAAN,GACM,UAAN,CACA,CACQ,KAAR,MACQ,KAAR,cACA,CACQ,KAAR,MACQ,KAAR,cAGM,uBAAN,CACQ,SAAR,IACQ,SAAR,IACQ,UAAR,IACQ,UAAR,KAEM,uBAAN,CACQ,SAAR,IACQ,SAAR,IACQ,UAAR,IACQ,UAAR,KAEM,UAAN,KACM,KAAN,KACM,cAAN,EACM,QAAN,KACM,aAAN,KACM,YAAN,IAGE,OAAF,CACI,OAAJ,CACM,QAAN,OAGE,SAAF,SACA,aACI,OAAJ,YAAM,OAAN,gCACI,SAAJ,YAAM,OAAN,kCACI,MAAJ,YAAM,OAAN,+BACI,MAAJ,YAAM,OAAN,+BACI,SAAJ,YAAM,OAAN,kCACI,OAAJ,YAAM,OAAN,UACI,qBAAJ,YAAM,OAAN,iDAEA,aACA,qBACA,cACA,2BACA,6BAdA,IAgBI,iBAhBJ,WAiBM,OAAN,6FAEI,oBAnBJ,WAoBM,OAAN,qGAEI,aAtBJ,WA0BM,IAFA,IAAN,KAEA,gCACQ,GAAR,2DAGM,OAAN,GAEI,gBAhCJ,WAkCM,OAAN,sDAIA,4BAHA,+BAME,MAAF,CACI,iBADJ,SACA,KAAM,IAEN,EAFA,QAIA,gEACQ,KAAR,yCAGM,KAAN,sBACQ,EAAR,mBAIE,QA1GF,WA0GI,IAAJ,OAEI,KAAJ,kCACI,KAAJ,8BAEI,SAAJ,+DACM,EAAN,oBAEI,EAAJ,iDAEM,IAAN,gBAEM,IAAN,2BAEQ,IAAR,uBAEU,GAAV,iDAEY,EAAZ,cACc,YAAd,wBACc,aAAd,QACc,YAAd,iBACc,SAAd,MAGY,UAUR,EAAJ,iDACA,wFACQ,EAAR,kCACQ,EAAR,8DACQ,EAAR,uBAIE,QAAF,CACI,cADJ,SACA,SAEA,0BACA,qBAEM,KAAN,0DAEM,KAAN,qBACM,KAAN,kBAEI,aAXJ,SAWA,SAEA,gFACQ,KAAR,qCACQ,KAAR,8DAGM,KAAN,kBAEI,QApBJ,SAoBA,SAEM,KAAN,iDAEM,IAAN,+DAEA,uDAEA,eACU,EAAV,yBAEU,EAAV,CACY,GAAZ,mCACY,IAAZ,IAEA,IACY,MAAZ,eACY,KAAZ,cACY,MAAZ,2CAIQ,KAAR,uCAIA,0BACA,iBAGM,IACN,uDACA,gEACA,CACQ,IAAR,iFAEQ,IAAR,gBAEU,IAAV,4BAEA,gGACA,iBACY,EAAZ,yDAEU,EAAV,uCAEU,KAAV,4BACY,KAAZ,SACY,IAAZ,oBACY,MAAZ,CACc,SAAd,QACc,UAAd,SACc,MAAd,IACc,MAAd,IACc,UAAd,QACc,WAAd,SACc,UAAd,gCAMI,QAlFJ,SAkFA,KAEM,IAAN,8DAEM,KAAN,qBAGA,eACQ,EAAR,wBAEQ,EAAR,CACU,GAAV,mCACU,IAAV,IAEA,IACU,MAAV,GACU,KAAV,eACU,MAAV,2CAIM,KAAN,uCAGI,SA1GJ,SA0GA,KAAM,IAAN,OAEA,2BACQ,aAAR,cAGM,KAAN,+BAEQ,IAAR,wDAEQ,EAAR,qBAIQ,IAAR,8BACU,EAAV,UACA,oBAGA,eACc,EAAd,yBAEc,EAAd,CACgB,GAAhB,gCACgB,IAAhB,IAEA,IACgB,MAAhB,GACgB,KAAhB,WACgB,MAAhB,iBAMQ,EAAR,sCACQ,EAAR,eAEA,KAEI,QAlJJ,SAkJA,KAEM,IACN,4BAEM,KAAN,qBAEA,6BAGA,mEAEU,EAAV,QAEA,iCACA,QAEA,sFAEU,EAAV,4CACA,EACA,iDAGU,EAAV,QAGQ,KAAR,yDAGI,SAhLJ,SAgLA,GAEM,IAUN,EAVA,KAIM,IAFA,KAAN,6CAEA,mDAEQ,KAAR,kBACQ,KAAR,kBACQ,KAAR,mBAIA,8EAEU,KAAV,gCAEU,IAAV,OACA,YACA,+BAEU,EAAV,kBACY,EAAZ,uBAGU,GAAV,EACU,EAAV,MAIA,GACQ,KAAR,6CAGI,YAnNJ,SAmNA,OAAM,IAAN,OAEA,yEACQ,KAAR,qDACA,kBAEU,IAAV,IAEU,UAAV,kCACY,QAAZ,gBAYc,EAAd,gBACc,EAAd,oCACc,EAAd,yBAdA,CAEc,IAAd,oBACA,uCAEc,EAAd,yCACgB,EAAhB,gBACgB,EAAhB,wBACgB,EAAhB,oCACgB,EAAhB,+BASA,mBACU,EAAV,iBACU,EAAV,+CAGQ,KAAR,6CAGI,aAtPJ,SAsPA,SAAM,IAAN,OAEA,IACA,IAEA,IACQ,EAAR,EACQ,EAAR,GAGM,IACN,EADA,+EACA,wBACA,qIAEM,KAAN,cACM,KAAN,uBACM,KAAN,kDAEM,IAAN,oCACA,qDAEA,8BAEA,wBACA,yBAEA,4CAIQ,EAHR,qCAGA,IAFA,kBAKM,KAAN,oCACQ,GAAR,mCACQ,IAAR,QACQ,MAAR,CACU,IAAV,eACU,EAAV,QACU,EAAV,QACU,MAAV,IACU,OAAV,IACU,MAAV,gBACU,UAAV,mCACU,cAAV,eACU,YAAV,CACY,SAAZ,EACY,SAAZ,EACY,MAAZ,EACY,OAAZ,EACY,SAAZ,QACY,UAAZ,SACY,MAAZ,IACY,MAAZ,IACY,UAAZ,QACY,WAAZ,SACY,UAAZ,UACY,SAAZ,MAKM,KAAN,oBACM,KAAN,qBAAQ,OAAR,oDAAM,IAEF,YAvTJ,WAyTM,IAAN,oEAEM,IAAN,qCAEQ,IAAR,6FACA,GACU,GAAV,mCACU,IAAV,QACU,MAAV,CACY,EAAZ,sCACY,EAAZ,wCACY,MAAZ,sBACY,OAAZ,uBACY,MAAZ,kBAIQ,EAAR,+BAEQ,KAAR,sCACQ,KAAR,mBAGI,YAhVJ,SAgVA,SAEM,IAAN,MAEM,GAAN,sDACQ,OAAR,EAOM,GAHN,UACQ,EAAR,QAEA,SACQ,IAAR,SACA,MACU,EAAV,GAIM,OAAN,GAEI,YArWJ,WAyWM,IAFA,IAAN,qDAEA,mBAOQ,GALR,qBACU,EAAV,YACU,EAAV,sCAGA,mBACU,IAEE,EAAZ,YAEA,aACc,EAAd,eACc,EAAd,gBAEA,UAIM,KAAN,aACM,KAAN,cACM,KAAN,yBAGI,eAlYJ,SAkYA,GAAM,IAAN,OAEM,EAAN,qBAEM,SAAN,iGACM,KAAN,qBAAQ,OAAR,0GAAM,IAEF,UAzYJ,SAyYA,GAEM,IAAN,uBAEM,QAAN,YAEQ,KAAR,uCACQ,KAAR,kBAEA,IAKI,UAvZJ,SAuZA,GAEM,OAAN,6CAAQ,OAAR,sBAIM,KAAN,oCACM,KAAN,kBAEA,IAEI,eAlaJ,SAkaA,OAEM,OACN,kCACA,oCAOM,KAAN,4BACM,KAAN,kBAEA,IAEI,UAlbJ,SAkbA,KACM,OAAN,2BACQ,KAAR,sBAEU,IAAV,kCACA,kCAEA,iCACA,aACc,EAAd,uEAIU,EAAV,wCAII,WAncJ,SAmcA,KAEM,IAAN,mCACA,qBAWM,OARN,UACQ,EAAR,eACQ,EAAR,iBAEQ,EAAR,cACQ,EAAR,iBAGA,GAEQ,KAAR,EAAU,EAAV,sCAAU,MAGF,KAAR,EAAU,EAAV,+BAAU,MAEF,KAAR,EAAU,EAAV,8BAMM,OAFA,EAAN,iBAEA,GAEI,kBAheJ,SAgeA,KAEM,IAAN,OAEM,OAAN,yBACQ,EAAR,oBACU,EAAV,6BACA,OAGI,aA1eJ,SA0eA,GAEA,gBACQ,KAAR,qCAGM,KAAN,aAEI,SAlfJ,SAkfA,OAAM,IAEN,EAFA,mBAIM,OAAN,WAEQ,IAAR,IAAY,EAAZ,EAOA,QAEQ,aAAR,GACQ,EAAR,YARA,WACU,EAAV,KACA,kBAMA,GACA,kBAGI,mBAtgBJ,WAugBM,SAAN,sDAEI,mBAzgBJ,WA0gBA,sBACQ,SAAR,sDAGI,UA9gBJ,WA+gBM,KAAN,mB,QE11BIC,EAAY,YACd,EACA5F,EHirBoB,IG/qBpB,EACA,KACA,KACA,MAuBF4F,EAAUC,QAAQC,OAAS,iEACZ,UAAAF,E","file":"chunks/ceres-client-38.min.js","sourcesContent":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _vm.config.length > 0\n    ? _c(\"div\", { key: \"transition--config\" }, [\n        _c(\"div\", { ref: \"wrapper\", staticClass: \"od-config\" }, [\n          _c(\"div\", { staticClass: \"od-config__top-wrapper\" }, [\n            _c(\n              \"ul\",\n              {\n                staticClass:\n                  \"nav nav-tabs category-overview__categories category-overview__categories--config\",\n                attrs: { id: \"od-config-tab\", role: \"tablist\" }\n              },\n              _vm._l(_vm.config, function(field, index) {\n                return _c(\n                  \"li\",\n                  { staticClass: \"category-overview__cat nav-item\" },\n                  [\n                    _c(\n                      \"a\",\n                      {\n                        staticClass: \"nav-link\",\n                        class: { active: index === 0 },\n                        attrs: {\n                          id: \"od-config__tabnav--\" + field.key,\n                          href: \"#od-config__tab--\" + field.key,\n                          \"data-toggle\": \"tab\",\n                          role: \"tab\",\n                          \"aria-controls\": \"od-config__tabnav--\" + field.key,\n                          \"aria-selected\": index === 0 ? \"true\" : \"false\"\n                        }\n                      },\n                      [\n                        _vm._v(\n                          \"\\n                        \" +\n                            _vm._s(field.name) +\n                            \"\\n                    \"\n                        )\n                      ]\n                    )\n                  ]\n                )\n              }),\n              0\n            ),\n            _vm._v(\" \"),\n            _c(\n              \"div\",\n              { staticClass: \"tab-content\" },\n              _vm._l(_vm.config, function(field, index) {\n                return _c(\n                  \"div\",\n                  {\n                    staticClass: \"od-config__tab-content tab-pane fade\",\n                    class: { \"show active\": index === 0 },\n                    attrs: {\n                      id: \"od-config__tab--\" + field.key,\n                      role: \"tabpanel\",\n                      \"aria-labelledby\": \"od-config__tabnav--\" + field.key\n                    }\n                  },\n                  [\n                    field.type === \"image\"\n                      ? [\n                          _c(\"span\", { staticClass: \"od-config__label\" }, [\n                            _vm._v(\n                              \"\\n                            Wunschbild Hochladen\\n                        \"\n                            )\n                          ]),\n                          _vm._v(\" \"),\n                          _c(\n                            \"div\",\n                            { staticClass: \"input-group\" },\n                            [\n                              _c(\n                                \"div\",\n                                {\n                                  staticClass:\n                                    \"od-config__upload-wrapper custom-file\"\n                                },\n                                [\n                                  _c(\"input\", {\n                                    ref: \"configInput\",\n                                    refInFor: true,\n                                    staticClass:\n                                      \"od-config__upload-input custom-file-input js--od-config__input\",\n                                    class: {\n                                      \"od--disabled\": _vm.imageFrontendLoading\n                                    },\n                                    attrs: {\n                                      type: \"file\",\n                                      name: \"file-upload\",\n                                      id: \"id--file-upload\"\n                                    },\n                                    on: {\n                                      change: function($event) {\n                                        return _vm.setImage(index)\n                                      },\n                                      click: _vm.showEngravingImage\n                                    }\n                                  }),\n                                  _vm._v(\" \"),\n                                  _c(\n                                    \"label\",\n                                    {\n                                      staticClass:\n                                        \"od-config__upload-label custom-file-label\",\n                                      class: {\n                                        \"od--disabled\": _vm.imageFrontendLoading\n                                      },\n                                      attrs: { for: \"id--file-upload\" }\n                                    },\n                                    [\n                                      _vm._v(\n                                        \"\\n                                    \" +\n                                          _vm._s(\n                                            _vm.imageName !== \"\"\n                                              ? _vm.imageName\n                                              : \"Bild hochladen\"\n                                          ) +\n                                          \"\\n                                \"\n                                      )\n                                    ]\n                                  ),\n                                  _vm._v(\" \"),\n                                  _c(\"div\", {\n                                    staticClass: \"od-config__loader\",\n                                    class: {\n                                      \"od-config__loader--active\":\n                                        _vm.imageFrontendLoading\n                                    }\n                                  })\n                                ]\n                              ),\n                              _vm._v(\" \"),\n                              _c(\"transition\", { attrs: { name: \"fade\" } }, [\n                                _vm.imageSizeError ||\n                                _vm.imageTypeError ||\n                                _vm.imageDimensionError ||\n                                _vm.imageExifError\n                                  ? _c(\n                                      \"div\",\n                                      {\n                                        key: \"transition--config-text\",\n                                        staticClass: \"od-config__error\"\n                                      },\n                                      [\n                                        _vm._v(\n                                          \"\\n                                    \" +\n                                            _vm._s(\n                                              _vm.imageSizeError\n                                                ? \"Die maximale Dateigröße beträgt \" +\n                                                    _vm.maxFileSize +\n                                                    \"MB. Das Bild \" +\n                                                    _vm.errorName +\n                                                    \" hat folgende Größe \" +\n                                                    _vm.imageSizeError +\n                                                    \"MB. \"\n                                                : \"\"\n                                            ) +\n                                            \"\\n                                    \" +\n                                            _vm._s(\n                                              _vm.imageTypeError\n                                                ? \"Die zulässigen Formate sind \" +\n                                                    _vm.imageFormats +\n                                                    \". Das Bild \" +\n                                                    _vm.errorName +\n                                                    \" hat das Format \" +\n                                                    _vm.imageTypeError +\n                                                    \". \"\n                                                : \"\"\n                                            ) +\n                                            \"\\n                                    \" +\n                                            _vm._s(\n                                              _vm.imageDimensionError\n                                                ? \"Die Auflösung des Bildes muss mindestens \" +\n                                                    _vm.imageDimensions\n                                                      .minWidth +\n                                                    \"x\" +\n                                                    _vm.imageDimensions\n                                                      .minHeight +\n                                                    \" Pixel sein. Das Bild \" +\n                                                    _vm.errorName +\n                                                    \" hat die Auflösung \" +\n                                                    _vm.imageDimensionError +\n                                                    \".\"\n                                                : \"\"\n                                            ) +\n                                            \"\\n                                    \" +\n                                            _vm._s(\n                                              _vm.imageExifError\n                                                ? _vm.imageExifError\n                                                : \"\"\n                                            ) +\n                                            \"\\n                                \"\n                                        )\n                                      ]\n                                    )\n                                  : _vm._e()\n                              ])\n                            ],\n                            1\n                          ),\n                          _vm._v(\" \"),\n                          _c(\n                            \"div\",\n                            {\n                              staticClass: \"input-group od-config__input-group\",\n                              class: {\n                                \"od-config__input-group--inactive\":\n                                  _vm.imageName === \"\"\n                              }\n                            },\n                            [\n                              _c(\n                                \"label\",\n                                {\n                                  staticClass:\n                                    \"od-config__label d-none d-lg-block\",\n                                  attrs: { for: \"id--imgSizeRange\" }\n                                },\n                                [\n                                  _vm._v(\n                                    \"\\n                                Bildgröße festlegen\\n                            \"\n                                  )\n                                ]\n                              ),\n                              _vm._v(\" \"),\n                              _c(\"input\", {\n                                directives: [\n                                  {\n                                    name: \"model\",\n                                    rawName: \"v-model\",\n                                    value: _vm.scaleModel,\n                                    expression: \"scaleModel\"\n                                  }\n                                ],\n                                staticClass:\n                                  \"od-config__range custom-range d-none d-lg-block\",\n                                class: {\n                                  \"od--disabled\": _vm.imageFrontendLoading\n                                },\n                                attrs: {\n                                  type: \"range\",\n                                  id: \"id--imgSizeRange\",\n                                  min: \"0\",\n                                  max: \"100\",\n                                  step: \"1\"\n                                },\n                                domProps: { value: _vm.scaleModel },\n                                on: {\n                                  input: _vm.updateScale,\n                                  change: _vm.updateScale,\n                                  click: _vm.showEngravingImage,\n                                  __r: function($event) {\n                                    _vm.scaleModel = $event.target.value\n                                  }\n                                }\n                              }),\n                              _vm._v(\" \"),\n                              _vm.imageName\n                                ? _c(\n                                    \"button\",\n                                    {\n                                      staticClass:\n                                        \"btn btn-primary d-lg-none w-100\",\n                                      on: { click: _vm.showEngravingModal }\n                                    },\n                                    [\n                                      _vm._v(\n                                        \"\\n                                Bild bearbeiten\\n                            \"\n                                      )\n                                    ]\n                                  )\n                                : _vm._e()\n                            ]\n                          )\n                        ]\n                      : [\n                          _vm.texts.length > 0\n                            ? _c(\n                                \"div\",\n                                { staticClass: \"od-config__text-input\" },\n                                [\n                                  _c(\n                                    \"label\",\n                                    {\n                                      staticClass: \"od-config__label\",\n                                      attrs: {\n                                        for:\n                                          \"id--od-config__select--\" + field.key\n                                      }\n                                    },\n                                    [\n                                      _vm._v(\n                                        \"\\n                                Wunschtext auswählen\\n                            \"\n                                      )\n                                    ]\n                                  ),\n                                  _vm._v(\" \"),\n                                  _c(\n                                    \"select\",\n                                    {\n                                      ref: \"configSelect\",\n                                      refInFor: true,\n                                      staticClass:\n                                        \"od-config__select custom-select\",\n                                      class:\n                                        _vm.getImageValuesById(field.id)[\n                                          field.key\n                                        ].font === \"\"\n                                          ? _vm.fonts[0].split(\" \").join(\"\")\n                                          : _vm\n                                              .getImageValuesById(field.id)\n                                              [field.key].font.split(\" \")\n                                              .join(\"\"),\n                                      attrs: {\n                                        id:\n                                          \"id--od-config__select--\" + field.key\n                                      },\n                                      on: {\n                                        change: function($event) {\n                                          return _vm.setTextSelect(\n                                            $event,\n                                            field.key,\n                                            field.textLength,\n                                            index\n                                          )\n                                        }\n                                      }\n                                    },\n                                    [\n                                      _c(\n                                        \"option\",\n                                        {\n                                          attrs: {\n                                            selected: \"\",\n                                            disabled: \"\",\n                                            value: \"null\"\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            \"\\n                                    Bitte wählen\\n                                \"\n                                          )\n                                        ]\n                                      ),\n                                      _vm._v(\" \"),\n                                      _vm._l(_vm.texts, function(text) {\n                                        return _c(\n                                          \"option\",\n                                          { domProps: { value: text } },\n                                          [\n                                            _vm._v(\n                                              \"\\n                                    \" +\n                                                _vm._s(text) +\n                                                \"\\n                                \"\n                                            )\n                                          ]\n                                        )\n                                      }),\n                                      _vm._v(\" \"),\n                                      _c(\n                                        \"option\",\n                                        {\n                                          ref: \"configSelectCustomOption\",\n                                          refInFor: true,\n                                          staticClass: \"d-none\",\n                                          attrs: {\n                                            disabled: \"\",\n                                            value: \"custom\"\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            \"\\n                                    individueller Text\\n                                \"\n                                          )\n                                        ]\n                                      )\n                                    ],\n                                    2\n                                  )\n                                ]\n                              )\n                            : _vm._e(),\n                          _vm._v(\" \"),\n                          _c(\n                            \"div\",\n                            { staticClass: \"od-config__text-input\" },\n                            [\n                              _c(\n                                \"label\",\n                                {\n                                  staticClass: \"od-config__label\",\n                                  attrs: {\n                                    for: \"id--od-config__input--\" + field.key\n                                  }\n                                },\n                                [\n                                  _vm._v(\n                                    \"\\n                                Wunschtext eingeben\" +\n                                      _vm._s(\n                                        _vm.texts.length > 0\n                                          ? \"/bearbeiten\"\n                                          : \"\"\n                                      ) +\n                                      \"\\n                            \"\n                                  )\n                                ]\n                              ),\n                              _vm._v(\" \"),\n                              _c(\"input\", {\n                                ref: \"configInput\",\n                                refInFor: true,\n                                staticClass:\n                                  \"od-config__input js--od-config__input\",\n                                class:\n                                  _vm.getImageValuesById(field.id)[field.key]\n                                    .font === \"\"\n                                    ? _vm.fonts[0].split(\" \").join(\"\")\n                                    : _vm\n                                        .getImageValuesById(field.id)\n                                        [field.key].font.split(\" \")\n                                        .join(\"\"),\n                                attrs: {\n                                  id: \"id--od-config__input--\" + field.key,\n                                  type: \"text\",\n                                  placeholder: \"Gravurtext\",\n                                  maxlength: field.textLength\n                                },\n                                on: {\n                                  input: function($event) {\n                                    return _vm.setTextInput(\n                                      $event,\n                                      field.key,\n                                      field.textLength,\n                                      index\n                                    )\n                                  },\n                                  click: _vm.showEngravingImage\n                                }\n                              }),\n                              _vm._v(\" \"),\n                              _c(\n                                \"span\",\n                                { staticClass: \"od-config__input-counter\" },\n                                [\n                                  _vm._v(\n                                    \"\\n                                \" +\n                                      _vm._s(\n                                        _vm.getImageValuesById(field.id)[\n                                          field.key\n                                        ]\n                                          ? _vm.getImageValuesById(field.id)[\n                                              field.key\n                                            ].value.length\n                                          : 0\n                                      ) +\n                                      \"/\" +\n                                      _vm._s(field.textLength) +\n                                      \"\\n                            \"\n                                  )\n                                ]\n                              ),\n                              _vm._v(\" \"),\n                              _c(\"transition\", { attrs: { name: \"fade\" } }, [\n                                _vm.inputFocused\n                                  ? _c(\n                                      \"span\",\n                                      {\n                                        key: \"transition--config-key\",\n                                        staticClass:\n                                          \"od-config__close-keyboard\",\n                                        on: { click: _vm.blurInput }\n                                      },\n                                      [\n                                        _vm._v(\n                                          \"\\n                                    Tastatur schließen\\n                                \"\n                                        )\n                                      ]\n                                    )\n                                  : _vm._e()\n                              ])\n                            ],\n                            1\n                          ),\n                          _vm._v(\" \"),\n                          _c(\n                            \"div\",\n                            { staticClass: \"od-config__icon-outer-wrapper\" },\n                            [\n                              _c(\n                                \"div\",\n                                { staticClass: \"od-config__icon-wrapper\" },\n                                [\n                                  _c(\n                                    \"ul\",\n                                    {\n                                      staticClass: \"od-config__icon-list\",\n                                      class:\n                                        _vm.getImageValuesById(field.id)[\n                                          field.key\n                                        ].font === \"\"\n                                          ? _vm.fonts[0].split(\" \").join(\"\")\n                                          : _vm\n                                              .getImageValuesById(field.id)\n                                              [field.key].font.split(\" \")\n                                              .join(\"\")\n                                    },\n                                    _vm._l(_vm.icons, function(icon) {\n                                      return _c(\n                                        \"li\",\n                                        {\n                                          staticClass: \"od-config__icon-item\",\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.addIcon(icon, index)\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            \"\\n                                        \" +\n                                              _vm._s(icon) +\n                                              \"\\n                                    \"\n                                          )\n                                        ]\n                                      )\n                                    }),\n                                    0\n                                  )\n                                ]\n                              )\n                            ]\n                          ),\n                          _vm._v(\" \"),\n                          _c(\n                            \"div\",\n                            { staticClass: \"od-config__radio\" },\n                            [\n                              _c(\n                                \"span\",\n                                {\n                                  staticClass:\n                                    \"od-config__label od-config__label--font\"\n                                },\n                                [\n                                  _vm._v(\n                                    \"\\n                                Schriftart wählen\\n                            \"\n                                  )\n                                ]\n                              ),\n                              _vm._v(\" \"),\n                              _vm._l(_vm.fonts, function(font, index) {\n                                return _c(\n                                  \"label\",\n                                  { staticClass: \"od-config__radio-label\" },\n                                  [\n                                    _c(\"input\", {\n                                      staticClass: \"od-config__radio-input\",\n                                      attrs: {\n                                        name: \"radio-font--\" + field.key,\n                                        type: \"radio\"\n                                      },\n                                      domProps: {\n                                        value: font,\n                                        checked:\n                                          _vm.getImageValuesById(field.id)[\n                                            field.key\n                                          ].font === \"\"\n                                            ? index === 0\n                                            : _vm.getImageValuesById(field.id)[\n                                                field.key\n                                              ].font === font\n                                      },\n                                      on: {\n                                        change: function($event) {\n                                          return _vm.setFont($event, field.key)\n                                        }\n                                      }\n                                    }),\n                                    _vm._v(\" \"),\n                                    _c(\n                                      \"span\",\n                                      {\n                                        staticClass: \"od-config__font-1\",\n                                        class: font.split(\" \").join(\"\")\n                                      },\n                                      [\n                                        _vm._v(\n                                          \"\\n                                    abc\\n                                \"\n                                        )\n                                      ]\n                                    )\n                                  ]\n                                )\n                              })\n                            ],\n                            2\n                          ),\n                          _vm._v(\" \"),\n                          _vm.getEngravingSettingByKey(\"colorPicker\")\n                            ? _c(\"div\", { staticClass: \"od-config__radio\" }, [\n                                _c(\n                                  \"span\",\n                                  {\n                                    staticClass:\n                                      \"od-config__label od-config__label--color\"\n                                  },\n                                  [\n                                    _vm._v(\n                                      \"\\n                                Schriftfarbe wählen\\n                            \"\n                                    )\n                                  ]\n                                ),\n                                _vm._v(\" \"),\n                                _c(\n                                  \"label\",\n                                  {\n                                    staticClass:\n                                      \"od-config__radio-label od-config__radio-label--color text-left\"\n                                  },\n                                  [\n                                    _c(\n                                      \"svg\",\n                                      {\n                                        staticClass: \"bi bi-palette\",\n                                        attrs: {\n                                          xmlns: \"http://www.w3.org/2000/svg\",\n                                          width: \"20\",\n                                          height: \"20\",\n                                          fill: \"currentColor\",\n                                          viewBox: \"0 0 16 16\"\n                                        }\n                                      },\n                                      [\n                                        _c(\"path\", {\n                                          attrs: {\n                                            d:\n                                              \"M8 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm4 3a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM5.5 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm.5 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z\"\n                                          }\n                                        }),\n                                        _vm._v(\" \"),\n                                        _c(\"path\", {\n                                          attrs: {\n                                            d:\n                                              \"M16 8c0 3.15-1.866 2.585-3.567 2.07C11.42 9.763 10.465 9.473 10 10c-.603.683-.475 1.819-.351 2.92C9.826 14.495 9.996 16 8 16a8 8 0 1 1 8-8zm-8 7c.611 0 .654-.171.655-.176.078-.146.124-.464.07-1.119-.014-.168-.037-.37-.061-.591-.052-.464-.112-1.005-.118-1.462-.01-.707.083-1.61.704-2.314.369-.417.845-.578 1.272-.618.404-.038.812.026 1.16.104.343.077.702.186 1.025.284l.028.008c.346.105.658.199.953.266.653.148.904.083.991.024C14.717 9.38 15 9.161 15 8a7 7 0 1 0-7 7z\"\n                                          }\n                                        })\n                                      ]\n                                    ),\n                                    _vm._v(\" \"),\n                                    _c(\"span\", [\n                                      _vm._v(\n                                        \"\\n                                    Farbe anpassen\\n                                \"\n                                      )\n                                    ]),\n                                    _vm._v(\" \"),\n                                    _c(\"input\", {\n                                      staticClass: \"od-config__color-input\",\n                                      attrs: { type: \"color\" },\n                                      domProps: {\n                                        value:\n                                          _vm.getImageValuesById(field.id)[\n                                            field.key\n                                          ] &&\n                                          _vm.getImageValuesById(field.id)[\n                                            field.key\n                                          ].color\n                                            ? _vm.getImageValuesById(field.id)[\n                                                field.key\n                                              ].color\n                                            : field.textColor\n                                      },\n                                      on: {\n                                        input: function($event) {\n                                          return _vm.setColor($event, field.key)\n                                        }\n                                      }\n                                    })\n                                  ]\n                                )\n                              ])\n                            : _vm._e()\n                        ]\n                  ],\n                  2\n                )\n              }),\n              0\n            )\n          ])\n        ])\n      ])\n    : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div v-if=\"config.length > 0\" key=\"transition--config\">\n        <div class=\"od-config\" ref=\"wrapper\">\n            <div class=\"od-config__top-wrapper\">\n                <ul class=\"nav nav-tabs category-overview__categories category-overview__categories--config\" id=\"od-config-tab\" role=\"tablist\">\n                    <li v-for=\"(field, index) in config\"\n                        class=\"category-overview__cat nav-item\">\n                        <a :id=\"'od-config__tabnav--' + field.key\"\n                           class=\"nav-link\"\n                           :class=\"{'active': index === 0}\"\n                           :href=\"'#od-config__tab--' + field.key\"\n                           data-toggle=\"tab\"\n                           role=\"tab\"\n                           :aria-controls=\"'od-config__tabnav--' + field.key\"\n                           :aria-selected=\"index === 0 ? 'true' : 'false'\">\n                            {{ field.name }}\n                        </a>\n                    </li>\n                </ul>\n                <div class=\"tab-content\">\n                    <div v-for=\"(field, index) in config\"\n                         :id=\"'od-config__tab--' + field.key\"\n                         class=\"od-config__tab-content tab-pane fade\"\n                         :class=\"{'show active': index === 0}\"\n                         role=\"tabpanel\"\n                         :aria-labelledby=\"'od-config__tabnav--' + field.key\">\n                        <template v-if=\"field.type === 'image'\">\n                            <span class=\"od-config__label\">\n                                Wunschbild Hochladen\n                            </span>\n                            <div class=\"input-group\">\n                                <div class=\"od-config__upload-wrapper custom-file\">\n                                    <input type=\"file\"\n                                           name=\"file-upload\"\n                                           id=\"id--file-upload\"\n                                           class=\"od-config__upload-input custom-file-input js--od-config__input\"\n                                           :class=\"{'od--disabled': imageFrontendLoading}\"\n                                           ref=\"configInput\"\n                                           @change=\"setImage(index)\"\n                                           @click=\"showEngravingImage\" />\n                                    <label class=\"od-config__upload-label custom-file-label\"\n                                           :class=\"{'od--disabled': imageFrontendLoading}\"\n                                           for=\"id--file-upload\">\n                                        {{ imageName !== '' ? imageName : 'Bild hochladen' }}\n                                    </label>\n                                    <div class=\"od-config__loader\"\n                                         :class=\"{'od-config__loader--active': imageFrontendLoading}\">\n                                    </div>\n                                </div>\n                                <transition name=\"fade\">\n                                    <div v-if=\"imageSizeError || imageTypeError || imageDimensionError || imageExifError\"\n                                         class=\"od-config__error\"\n                                         key=\"transition--config-text\">\n                                        {{ imageSizeError ? 'Die maximale Dateigröße beträgt '+maxFileSize+'MB. Das Bild '+errorName+' hat folgende Größe '+imageSizeError+'MB. ' : '' }}\n                                        {{ imageTypeError ? 'Die zulässigen Formate sind '+imageFormats+'. Das Bild '+errorName+' hat das Format '+imageTypeError+'. ' : '' }}\n                                        {{ imageDimensionError ? 'Die Auflösung des Bildes muss mindestens '+imageDimensions.minWidth+'x'+imageDimensions.minHeight+' Pixel sein. Das Bild '+errorName+' hat die Auflösung ' + imageDimensionError + '.': '' }}\n                                        {{ imageExifError ? imageExifError : '' }}\n                                    </div>\n                                </transition>\n                            </div>\n                            <div class=\"input-group od-config__input-group\"\n                                 :class=\"{'od-config__input-group--inactive': imageName === ''}\">\n                                <label class=\"od-config__label d-none d-lg-block\" for=\"id--imgSizeRange\">\n                                    Bildgröße festlegen\n                                </label>\n                                <input type=\"range\"\n                                       class=\"od-config__range custom-range d-none d-lg-block\"\n                                       :class=\"{'od--disabled': imageFrontendLoading}\"\n                                       id=\"id--imgSizeRange\"\n                                       @input=\"updateScale\"\n                                       @change=\"updateScale\"\n                                       @click=\"showEngravingImage\"\n                                       v-model=\"scaleModel\" min=\"0\" max=\"100\" step=\"1\">\n                                <button v-if=\"imageName\" class=\"btn btn-primary d-lg-none w-100\" @click=\"showEngravingModal\">\n                                    Bild bearbeiten\n                                </button>\n                            </div>\n                        </template>\n                        <template v-else>\n                            <div v-if=\"texts.length > 0\"\n                                 class=\"od-config__text-input\">\n                                <label class=\"od-config__label\"\n                                       :for=\"'id--od-config__select--' + field.key\">\n                                    Wunschtext auswählen\n                                </label>\n                                <select class=\"od-config__select custom-select\"\n                                        :class=\"getImageValuesById(field.id)[field.key].font === '' ? fonts[0].split(' ').join('') : getImageValuesById(field.id)[field.key].font.split(' ').join('')\"\n                                        :id=\"'id--od-config__select--' + field.key\"\n                                        @change=\"setTextSelect($event, field.key, field.textLength, index)\"\n                                        ref=\"configSelect\">\n                                    <option selected disabled value=\"null\">\n                                        Bitte wählen\n                                    </option>\n                                    <option v-for=\"text in texts\" :value=\"text\">\n                                        {{ text }}\n                                    </option>\n                                    <option disabled value=\"custom\" class=\"d-none\" ref=\"configSelectCustomOption\">\n                                        individueller Text\n                                    </option>\n                                </select>\n                            </div>\n                            <div class=\"od-config__text-input\">\n                                <label class=\"od-config__label\"\n                                       :for=\"'id--od-config__input--' + field.key\">\n                                    Wunschtext eingeben{{ texts.length > 0 ? '/bearbeiten' : '' }}\n                                </label>\n                                <input class=\"od-config__input js--od-config__input\"\n                                       :class=\"getImageValuesById(field.id)[field.key].font === '' ? fonts[0].split(' ').join('') : getImageValuesById(field.id)[field.key].font.split(' ').join('')\"\n                                       :id=\"'id--od-config__input--' + field.key\"\n                                       type=\"text\"\n                                       placeholder=\"Gravurtext\"\n                                       @input=\"setTextInput($event, field.key, field.textLength, index)\"\n                                       :maxlength=\"field.textLength\"\n                                       ref=\"configInput\"\n                                       @click=\"showEngravingImage\">\n                                <span class=\"od-config__input-counter\">\n                                    {{ getImageValuesById(field.id)[field.key] ?  getImageValuesById(field.id)[field.key].value.length : 0 }}/{{ field.textLength }}\n                                </span>\n                                <transition name=\"fade\">\n                                    <span v-if=\"inputFocused\"\n                                          @click=\"blurInput\"\n                                          class=\"od-config__close-keyboard\"\n                                          key=\"transition--config-key\">\n                                        Tastatur schließen\n                                    </span>\n                                </transition>\n                            </div>\n                            <div class=\"od-config__icon-outer-wrapper\">\n                                <div class=\"od-config__icon-wrapper\">\n                                    <ul class=\"od-config__icon-list\"\n                                        :class=\"getImageValuesById(field.id)[field.key].font === '' ? fonts[0].split(' ').join('') : getImageValuesById(field.id)[field.key].font.split(' ').join('')\">\n                                        <li v-for=\"icon in icons\" class=\"od-config__icon-item\" @click=\"addIcon(icon, index)\">\n                                            {{ icon }}\n                                        </li>\n                                    </ul>\n                                </div>\n                            </div>\n                            <div class=\"od-config__radio\">\n                                <span class=\"od-config__label od-config__label--font\">\n                                    Schriftart wählen\n                                </span>\n                                <label class=\"od-config__radio-label\" v-for=\"(font, index) in fonts\">\n                                    <input class=\"od-config__radio-input\"\n                                           :name=\"'radio-font--' + field.key\"\n                                           type=\"radio\"\n                                           :value=\"font\"\n                                           :checked=\"getImageValuesById(field.id)[field.key].font === '' ? index === 0 : getImageValuesById(field.id)[field.key].font === font\"\n                                           @change=\"setFont($event, field.key)\">\n                                    <span class=\"od-config__font-1\"\n                                          :class=\"font.split(' ').join('')\">\n                                        abc\n                                    </span>\n                                </label>\n                            </div>\n                            <div  v-if=\"getEngravingSettingByKey('colorPicker')\" class=\"od-config__radio\">\n                                <span class=\"od-config__label od-config__label--color\">\n                                    Schriftfarbe wählen\n                                </span>\n                                <label class=\"od-config__radio-label od-config__radio-label--color text-left\">\n                                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" class=\"bi bi-palette\" viewBox=\"0 0 16 16\">\n                                        <path d=\"M8 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm4 3a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM5.5 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm.5 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z\"/>\n                                        <path d=\"M16 8c0 3.15-1.866 2.585-3.567 2.07C11.42 9.763 10.465 9.473 10 10c-.603.683-.475 1.819-.351 2.92C9.826 14.495 9.996 16 8 16a8 8 0 1 1 8-8zm-8 7c.611 0 .654-.171.655-.176.078-.146.124-.464.07-1.119-.014-.168-.037-.37-.061-.591-.052-.464-.112-1.005-.118-1.462-.01-.707.083-1.61.704-2.314.369-.417.845-.578 1.272-.618.404-.038.812.026 1.16.104.343.077.702.186 1.025.284l.028.008c.346.105.658.199.953.266.653.148.904.083.991.024C14.717 9.38 15 9.161 15 8a7 7 0 1 0-7 7z\"/>\n                                    </svg>\n                                    <span>\n                                        Farbe anpassen\n                                    </span>\n                                    <input class=\"od-config__color-input\"\n                                           type=\"color\"\n                                           :value=\"\n                                                getImageValuesById(field.id)[field.key] && getImageValuesById(field.id)[field.key].color\n                                                ? getImageValuesById(field.id)[field.key].color\n                                                : field.textColor\"\n                                           @input=\"setColor($event, field.key)\">\n                                </label>\n                            </div>\n                        </template>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { get } from \"ceres/app/helper/get\";\nimport { isUndefined, isNullOrUndefined } from \"ceres/app/helper/utils\";\nimport { mapState, mapGetters } from 'vuex';\nimport ApiService from 'ceres/app/services/ApiService';\n\nexport default {\n    data() {\n        return {\n            icons               : ['ƕ', 'Ɩ', 'Ɨ', 'Ƙ', 'ƙ', 'ƚ', 'ƛ', 'Ɯ', 'Ɲ', 'ƞ', 'Ɵ', 'Ơ', 'ơ', 'Ƣ', 'ƣ', 'Ƥ', 'ƥ',\n                'Ʀ', 'Ƨ', 'ƨ', 'Ʃ', 'ƪ', 'ƫ', 'Ƭ', 'ƭ', 'Ʈ', 'Ư', 'ư', 'Ʊ', 'Ʋ', 'Ƴ', 'ƴ', 'Ƶ', 'ƶ', 'Ʒ', 'Ƹ', 'ƹ', 'ƺ',\n                'ƻ', 'Ƽ', 'ƽ', 'ƾ', 'ƿ', 'ǀ', 'ǁ', 'ǂ', 'ǃ', 'DŽ', 'Dž', 'dž', 'LJ', 'Lj', 'lj', 'NJ', 'Nj', 'nj', 'Ǎ', 'ǎ', 'Ǐ',\n                'ǐ', 'Ǒ', 'ǒ', 'Ǔ', 'ǔ', 'Ǖ', 'ǖ', 'Ǘ', 'ǘ', 'Ǚ'\n            ],\n            imageName           : '',\n            scaleModel          : 50,\n            fontModel           : '',\n            errorName           : '',\n            imageSizeError      : false,\n            imageTypeError      : false,\n            imageDimensionError : false,\n            imageExifError      : false,\n            maxFileSize         : 10,\n            fileTypes           : [\n                {\n                    name: 'jpg',\n                    type: 'image/jpeg'\n                }, {\n                    name: 'png',\n                    type: 'image/png'\n                }\n            ],\n            imageDimensionsDefault: {\n                minWidth  : 500,\n                maxWidth  : 4000,\n                minHeight : 500,\n                maxHeight : 4000\n            },\n            imageDimensionsPlotter: {\n                minWidth  : 1000,\n                maxWidth  : 6000,\n                minHeight : 1000,\n                maxHeight : 6000\n            },\n            objectUrl     : null,\n            _URL          : null,\n            inputFocused  : false,\n            timeout       : null,\n            shopResponse  : null,\n            windowWidth: 0\n        }\n    },\n    inject: {\n        itemId: {\n            default: null\n        }\n    },\n    computed: {\n        ...mapState({\n            config   : state => state.engravingConfigurator.config,\n            settings : state => state.engravingConfigurator.settings,\n            fonts    : state => state.engravingConfigurator.fonts,\n            texts    : state => state.engravingConfigurator.texts,\n            response : state => state.engravingConfigurator.response,\n            basket   : state => state.basket,\n            imageFrontendLoading : state => state.engravingConfigurator.imageFrontendLoading,\n        }),\n        ...mapGetters([\n            'getImageValuesById',\n            'getDefaults',\n            'getEngravingSettingByKey',\n            'getEngravingConfigByKey'\n        ]),\n        currentVariation() {\n            return get(this.$store.state, `items[${this.itemId}].variation.documents[0].data`);\n        },\n        isVariationSelected() {\n            return get(this.$store.state, `items[${this.itemId}].variationSelect.isVariationSelected`);\n        },\n        imageFormats() {\n\n            let formats = '';\n\n            for(let i = 0; i < this.fileTypes.length; i++) {\n                formats += this.fileTypes[i].name + (i < (this.fileTypes.length-1) ? ', ' : '');\n            }\n\n            return formats;\n        },\n        imageDimensions() {\n\n            if(!isNullOrUndefined(this.getEngravingSettingByKey('plotter'))) {\n                return this.imageDimensionsPlotter;\n            }\n\n            return this.imageDimensionsDefault;\n        }\n    },\n    watch: {\n        currentVariation(newValue, oldValue) {\n\n            let values;\n\n            if((values = this.getImageValuesById(oldValue.variation.id)) && !isNullOrUndefined(values.id)) {\n                this.$store.commit('removeImageValuesById', values);\n            }\n\n            this.$nextTick(() => {\n              this.clearInputs();\n            })\n        }\n    },\n    mounted() {\n\n        this._URL = window.URL || window.webkitURL;\n        this.windowWidth = window.innerWidth;\n\n        document.addEventListener('showEngravingConfiguratorShadow', () => {\n            this.showShadowById();\n        });\n        ApiService.listen('AfterBasketItemAdd', data => {\n\n            let basketItems = data.basketItems;\n\n            if(!isUndefined(basketItems) && this.response) {\n\n                for(let i = 0; i < basketItems.length; i++) {\n\n                    if(parseInt(this.response['item_id']) === basketItems[i].variationId) {\n\n                        this.shopResponse = {\n                            engravingId  : parseInt(this.response['id']),\n                            basketItemId : basketItems[i].id,\n                            variationId  : basketItems[i].variationId,\n                            basketId     : null\n                        };\n\n                        break;\n                    }\n                }\n            }\n        });\n        /**\n         * plenty changed basket logic and basket id is only available after the following element\n         * basket_id and basket_item_id are required for displaying in basket and is need for DB engraving delete\n         * order process uses the engraving id in the order prop value\n         */\n        ApiService.listen('AfterBasketChanged', data => {\n            if(!isNullOrUndefined(this.shopResponse) && !isNullOrUndefined(data.basket.id) && Number.isInteger(data.basket.id)) {\n                this.shopResponse.basketId = data.basket.id;\n                this.$store.dispatch('updateEngravingBasketItemId', this.shopResponse);\n                this.shopResponse = null;\n            }\n        });\n    },\n    methods: {\n        setTextSelect(event, key, maxTextLength, index) {\n\n            let input = this.$refs.configInput[index];\n            input.value = event.target.value;\n\n            this.$refs.configSelectCustomOption[index].classList.add('d-none');\n\n            this.showEngravingImage();\n            this.setText(event, key, maxTextLength, index);\n        },\n        setTextInput(event, key, maxTextLength, index) {\n\n            if(!isNullOrUndefined(this.$refs.configSelect) && !isNullOrUndefined(this.$refs.configSelect[index])) {\n                this.$refs.configSelect[index].value = 'custom';\n                this.$refs.configSelectCustomOption[index].classList.remove('d-none');\n            }\n\n            this.setText(event, key, maxTextLength, index);\n        },\n        setText(event, key, maxTextLength, index) {\n\n            this.$store.commit('setHasInput', event.target.value !== \"\");\n\n            let values = this.getImageValuesById(this.currentVariation.variation.id);\n\n            if(!isNullOrUndefined(event.target.value) && event.target.value.length <= maxTextLength) {\n                //if font is set user has tipped text\n                if(values[key].font !== '') {\n                    values[key].value = event.target.value\n                }else {\n                    values = {\n                        id  : this.currentVariation.variation.id,\n                        key : key\n                    };\n                    values[key] = {\n                        value : event.target.value,\n                        font  : this.fonts[0],\n                        color : this.getEngravingConfigByKey(key).textColor\n                    };\n                }\n\n                this.$store.commit('setImageValuesById', values);\n\n            //fix for old mobile devices software\n            }else {\n                let input = this.$refs.configInput[index];\n                input.value = values[key].value;\n            }\n\n            if(\n                !isNullOrUndefined(this.getEngravingSettingByKey('plotter'))\n                && isNullOrUndefined(this.getEngravingSettingByKey('fallbackSvgValues'))\n            ) {\n                let svg = document.getElementById('engraving__svg--' + this.currentVariation.variation.id);\n\n                if(!isNullOrUndefined(svg)) {\n\n                    let svgBox   = svg.getBoundingClientRect();\n\n                    let clipPath = document.querySelector('#engraving__image-path--' + this.currentVariation.variation.id + ' path');\n                    if(isNullOrUndefined(clipPath)) {\n                        clipPath = document.querySelector('#engraving__text-path--text-0');\n                    }\n                    clipPath = Snap.path.getBBox(clipPath.getAttribute('d'));\n\n                    this.$store.commit('addSetting', {\n                        type  : 'object',\n                        key   : 'fallbackSvgValues',\n                        value : {\n                            svgWidth   : svgBox.width,\n                            svgHeight  : svgBox.height,\n                            maskX      : clipPath.x,\n                            maskY      : clipPath.y,\n                            maskWidth  : clipPath.width,\n                            maskHeight : clipPath.height,\n                            maskScale  : svg.getBBox().width / svgBox.width,\n                        }\n                    })\n                }\n            }\n        },\n        setFont($event, key) {\n\n            let values = this.getImageValuesById(this.currentVariation.variation.id);\n\n            this.showEngravingImage();\n\n            //update font only if is set\n            if(values[key].font !== '') {\n                values[key].font = $event.target.value;\n            }else {\n                values = {\n                    id  : this.currentVariation.variation.id,\n                    key : key\n                };\n                values[key] = {\n                    value : '',\n                    font  : $event.target.value,\n                    color : this.getEngravingConfigByKey(key).textColor\n                };\n            }\n\n            this.$store.commit('setImageValuesById', values);\n\n        },\n        setColor($event, key) {\n\n            if(!isNullOrUndefined(this.timeout)) {\n                clearTimeout(this.timeout);\n            }\n\n            this.timeout = setTimeout(() => {\n\n                let values = this.getImageValuesById(this.currentVariation.variation.id);\n\n                this.showEngravingImage();\n\n                //color is set for every text engraving same because external api supports only 1 color (24032021)\n                //if font can be set for every engraving just remove the next three lines\n                for(let i = 0; i < this.config.length; i++) {\n                    key = 'text-'+i;\n                    if(!isNullOrUndefined(values[key])) {\n\n                        //update color only if font is set\n                        if(values[key].font !== '') {\n                            values[key].color = $event.target.value;\n                        } else {\n                            values = {\n                                id: this.currentVariation.variation.id,\n                                key: key\n                            };\n                            values[key] = {\n                                value: '',\n                                font: this.fonts[0],\n                                color: $event.target.value\n                            };\n                        }\n                    }\n                }\n\n                this.$store.commit('setImageValuesById', values);\n                this.timeout = null;\n\n            }, 10)\n        },\n        addIcon(icon, index) {\n\n            let sel;\n            let input = this.$refs.configInput[index];\n\n            this.showEngravingImage();\n\n            if(input.value.length < input.maxLength) {\n\n                //IE\n                if(document.selection && !isUndefined(this.$refs.configInput[index].value)) {\n\n                    input.focus();\n\n                    sel      = document.selection.createRange();\n                    sel.text = icon;\n\n                }else if(input.selectionStart || input.selectionStart === 0 && !isUndefined(this.$refs.configInput[index].value)) {\n\n                    input.value = input.value.substring(0, input.selectionStart)\n                        + icon\n                        + input.value.substring(input.selectionEnd, input.value.length);\n\n                }else {\n                    input.value = icon;\n                }\n\n                this.$refs.configInput[index].dispatchEvent(new Event('input'));\n            }\n        },\n        setImage(index) {\n\n            let newImage = false;\n\n            this.$store.commit('setImageFrontendLoading', true);\n\n            if(!isUndefined(this.$refs.configInput[index].files[0])) {\n\n                this.imageSizeError = false;\n                this.imageTypeError = false;\n                this.imageExifError = false;\n\n                let file;\n\n                if ((file = this.$refs.configInput[index].files[0]) && this.validSize(file) && this.validType(file)) {\n\n                    this.$store.commit('setHasInput', true);\n\n                    let that = this;\n                    let img  = new Image();\n                    let src  = this._URL.createObjectURL(file);\n\n                    img.onload = function () {\n                        that.imageLoaded(this, index, src);\n                    };\n\n                    newImage = true;\n                    img.src  = src\n                }\n            }\n\n            if(!newImage) {\n                this.$store.commit('setImageFrontendLoading', false);\n            }\n        },\n        imageLoaded(image, index, fallbackSrc) {\n\n            if(this.validDimension(this.$refs.configInput[index].files[0], image.width, image.height)) {\n                this.checkExif(image, this.$refs.configInput[index].files[0].name)\n                    .then((orientation) => {\n\n                        let that = this;\n\n                        Modernizr.on('exiforientation', function(result) {\n                            if(typeof orientation !== 'undefined' && orientation !== 1 && !result) {\n\n                                let canvas = that.makeCanvas(image, orientation);\n                                let type   = that.$refs.configInput[index].files[0].type;\n\n                                that.toCanvasObjectUrl(canvas, type).then((url) => {\n                                    that.setObjectUrl(url);\n                                    that._URL.revokeObjectURL(fallbackSrc);\n                                    that.setImageData(index, image.width, image.height, true);\n                                    that.showEngravingModal();\n                                });\n                            }else {\n                                that.setObjectUrl(fallbackSrc);\n                                that.setImageData(index, image.width, image.height, false);\n                                that.showEngravingModal();\n                            }\n                        });\n                    })\n                    .catch((errorMsg) => {\n                        this.imageExifError = errorMsg;\n                        this.$store.commit('setImageFrontendLoading', false);\n                    });\n            }else {\n                this.$store.commit('setImageFrontendLoading', false);\n            }\n        },\n        setImageData(index, _width, _height, isCanvas) {\n\n            let width  = _width;\n            let height = _height;\n\n            if(isCanvas) {\n                width  = _height;\n                height = _width;\n            }\n\n            let svg      = document.getElementById('engraving__svg--' + this.currentVariation.variation.id);\n            let svgBox   = svg.getBoundingClientRect();\n            let clipPath = Snap.path.getBBox(document.querySelector('#engraving__image-path--' + this.currentVariation.variation.id + ' path').getAttribute('d'));\n\n            this.scaleModel          = 50;\n            this.imageDimensionError = false;\n            this.imageName           = this.$refs.configInput[index].files[0].name;\n\n            let minScale = Math.min((clipPath.width / width), (clipPath.height / height)) * 0.5;\n            let maxScale = Math.max(minScale, this.getMaxScale(clipPath.width, clipPath.height, width, height));\n\n            let scale    = minScale + (this.scaleModel/100) * (maxScale - minScale);\n\n            let centerX  = (clipPath.x + clipPath.width / 2 - width / 2) + width / 2;\n            let centerY  = (clipPath.y + clipPath.height / 2 - height / 2) + height / 2;\n\n            let svgWidth = this.getEngravingSettingByKey('svgWidth');\n            if(!isNullOrUndefined(svgWidth) && !isNullOrUndefined(svgWidth.value)) {\n                svgWidth = parseInt(svgWidth.value);\n            }else {\n                svgWidth = 1000;\n            }\n\n            this.$store.commit('setImageValuesById', {\n                id     : this.currentVariation.variation.id,\n                key    : 'image',\n                image  : {\n                    url    : this.objectUrl,\n                    x      : centerX - width * scale / 2,\n                    y      : centerY - height * scale / 2,\n                    width  : width * scale,\n                    height : height * scale,\n                    scale  : this.scaleModel,\n                    inputFile     : this.$refs.configInput[index].files[0],\n                    inputFileName : this.imageName,\n                    imageValues    : {\n                        minScale   : minScale,\n                        maxScale   : maxScale,\n                        width      : width,\n                        height     : height,\n                        svgWidth   : svgBox.width,\n                        svgHeight  : svgBox.height,\n                        maskX      : clipPath.x,\n                        maskY      : clipPath.y,\n                        maskWidth  : clipPath.width,\n                        maskHeight : clipPath.height,\n                        maskScale  : svgWidth / svgBox.width,\n                        isCanvas   : isCanvas\n                    }\n                }\n            });\n\n            this.showShadowById(1000);\n            this.debounce(() => this.$store.commit('setImageFrontendLoading', false), 1000)();\n        },\n        updateScale() {\n\n            let values = this.getImageValuesById(this.currentVariation.variation.id).image;\n\n            if(!isUndefined(values.imageValues.svgWidth)) {\n\n                let scale = values.imageValues.minScale + (this.scaleModel/100) * (values.imageValues.maxScale - values.imageValues.minScale);\n                let data  = {\n                    id    : this.currentVariation.variation.id,\n                    key   : 'image',\n                    image : {\n                        x      : (values.x + values.width / 2) - values.imageValues.width * scale / 2,\n                        y      : (values.y + values.height / 2) - values.imageValues.height * scale / 2,\n                        width  : values.imageValues.width * scale,\n                        height : values.imageValues.height * scale,\n                        scale  : this.scaleModel,\n                    }\n                };\n\n                data.image = Object.assign(values, data.image);\n\n                this.$store.commit('setImageValuesById', data);\n                this.showShadowById();\n            }\n        },\n        getMaxScale(clipWidth, clipHeight, width, height) {\n\n            let max = 1.2;\n\n            if(isNullOrUndefined(this.getEngravingSettingByKey('plotter'))) {\n                return max;\n            }\n\n            //make scale range little bit bigger\n            if(clipWidth * 1.1 > width) {\n                max = clipWidth / width + 0.5;\n            }\n            if(clipHeight * 1.1 > height) {\n                const tmp = clipHeight / height + 0.5;\n                if(tmp > max) {\n                    max = tmp;\n                }\n            }\n\n            return max;\n        },\n        clearInputs() {\n\n            let inputs = document.querySelectorAll('.js--od-config__input');\n\n            for(let i = 0; i < inputs.length; i++) {\n\n                if(inputs[i].type === 'text') {\n                    inputs[i].value = '';\n                    inputs[i].dispatchEvent(new Event('input'));\n                }\n\n                if(inputs[i].type === 'file') {\n                    try {\n\n                        inputs[i].value = '';\n\n                        if(inputs[i].value) {\n                            inputs[i].type = 'text';\n                            inputs[i].type = 'file';\n                        }\n                    }catch(e) {}\n                }\n            }\n\n            this.imageName  = '';\n            this.scaleModel = 50;\n            this.fontModel  = this.fonts[0];\n\n        },\n        showShadowById(timeout) {\n\n            timeout = isUndefined(timeout) ? 750 : timeout;\n\n            document.getElementById('engraving__image-ghost--' + this.currentVariation.variation.id).style.opacity = '.2';\n            this.debounce(() => document.getElementById('engraving__image-ghost--' + this.currentVariation.variation.id).style.opacity = '0', timeout)();\n        },\n        validSize(file) {\n\n            let sizeBytes = this.maxFileSize * 1000000;\n\n            if(file.size > sizeBytes) {\n\n                this.imageSizeError = (file.size / 1000000).toFixed(2);\n                this.errorName      = file.name;\n\n                return false;\n            }\n\n            return true;\n        },\n        validType(file) {\n\n            if(!isUndefined(this.fileTypes.find(type => type.type === file.type))) {\n                return true;\n            }\n\n            this.imageTypeError = file.type.split('/')[1];\n            this.errorName      = file.name;\n\n            return false;\n        },\n        validDimension(file, width, height) {\n\n            if(\n                width >= this.imageDimensions.minWidth &&\n                height >= this.imageDimensions.minHeight\n                // && width <= this.imageDimensions.maxWidth &&\n                // height <= this.imageDimensions.maxHeight\n            ) {\n                return true;\n            }\n\n            this.imageDimensionError = width + 'x' + height;\n            this.errorName           = file.name;\n\n            return false;\n        },\n        checkExif(image, name) {\n            return new Promise((resolve, reject) => {\n                Exif.getData(image, function() {\n\n                    const xDpi = Exif.getTag(this, 'XResolution');\n                    const yDpi = Exif.getTag(this, 'YResolution');\n\n                    if(!isUndefined(xDpi) && !isUndefined(yDpi)) {\n                        if(xDpi < 72 || yDpi < 72) {\n                            reject('Das Bild muss mindestens 72 DPI haben. Das Bild '+name+' hat '+xDpi+' DPI');\n                        }\n                    }\n\n                    resolve(Exif.getTag(this, 'Orientation'));\n                });\n            })\n        },\n        makeCanvas(image, orientation) {\n\n            let canvas = document.createElement('canvas');\n            let ctx    = canvas.getContext(\"2d\");\n\n            // set proper canvas dimensions before transform & export\n            if (4 < orientation && orientation < 9) {\n                canvas.width  = image.height;\n                canvas.height = image.width;\n            } else {\n                canvas.width  = image.width;\n                canvas.height = image.height;\n            }\n\n            switch (orientation) {\n                // case 2: ctx.transform(-1, 0, 0, 1, image.width, 0); break;\n                case 3: ctx.transform(-1, 0, 0, -1, image.width, image.height); break;\n                // case 4: ctx.transform(1, 0, 0, -1, 0, image.height); break;\n                // case 5: ctx.transform(0, 1, 1, 0, 0, 0); break;\n                case 6: ctx.transform(0, 1, -1, 0, image.height, 0); break;\n                // case 7: ctx.transform(0, -1, -1, 0, image.height, image.width); break;\n                case 8: ctx.transform(0, -1, 1, 0, 0, image.width); break;\n                default: break;\n            }\n\n            ctx.drawImage(image, 0, 0);\n\n            return canvas;\n        },\n        toCanvasObjectUrl(canvas, type) {\n\n            let that = this;\n\n            return new Promise((resolve) => {\n                canvas.toBlob(function(blob) {\n                    resolve(that._URL.createObjectURL(blob))\n                }, type);\n            })\n        },\n        setObjectUrl(url) {\n\n            if(this.objectUrl) {\n                this._URL.revokeObjectURL(this.objectUrl);\n            }\n\n            this.objectUrl = url;\n        },\n        debounce(func, wait, immediate) {\n\n            let timeout;\n\n            return () => {\n\n                let context = this, args = arguments;\n\n                let later = () => {\n                    timeout = null;\n                    if (!immediate) func.apply(context, args);\n                };\n\n                let callNow = immediate && !timeout;\n\n                clearTimeout(timeout);\n                timeout = setTimeout(later, wait);\n                if (callNow) func.apply(context, args);\n            };\n        },\n        showEngravingImage() {\n            document.dispatchEvent(new CustomEvent('showEngravingImage'));\n        },\n        showEngravingModal() {\n            if (this.windowWidth < 992) {\n                document.dispatchEvent(new CustomEvent('showEngravingModal'));\n            }\n        },\n        blurInput() {\n            this.inputFocused = false;\n        }\n    }\n}\n</script>\n","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EngravingConfigurator.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EngravingConfigurator.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EngravingConfigurator.vue?vue&type=template&id=59e03ca4&\"\nimport script from \"./EngravingConfigurator.vue?vue&type=script&lang=js&\"\nexport * from \"./EngravingConfigurator.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/Users/fhartwig/Sites/pp-heySilvity/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('59e03ca4')) {\n      api.createRecord('59e03ca4', component.options)\n    } else {\n      api.reload('59e03ca4', component.options)\n    }\n    module.hot.accept(\"./EngravingConfigurator.vue?vue&type=template&id=59e03ca4&\", function () {\n      api.rerender('59e03ca4', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/item/EngravingConfigurator.vue\"\nexport default component.exports"],"sourceRoot":""}