{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es.math.hypot.js","webpack:///./resources/js/src/app/components/item/EngravingImage.vue?f2c4","webpack:///resources/js/src/app/components/item/EngravingImage.vue","webpack:///./resources/js/src/app/components/item/EngravingImage.vue?6f8f","webpack:///./resources/js/src/app/components/item/EngravingImage.vue"],"names":["$","$hypot","Math","hypot","abs","sqrt","target","stat","forced","Infinity","NaN","value1","value2","arg","div","sum","i","aLen","arguments","length","larg","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","id","currentVariationId","viewBox","svgViewBox","width","svgWidth","height","svgHeight","xmlns","_l","configuratorImage","config","type","key","d","path","_e","_v","pathFrontend","getEngravingSettingByKey","values","x","y","image","url","staticStyle","opacity","href","getImageValuesById","filter","pathMobileEdit","on","touchstart","$event","touchHandler","pinchStart","touchmove","pinchMove","touchend","pinchEnd","class","font","split","join","getDefaultFont","style","fontSize","textSize","textAlign","startOffset","hasTextAlignLeft","fill","color","textColor","getSystemFontName","getFontStyle","getFontWeight","domProps","innerHTML","_f","value","_withStripped","component","options","__file"],"mappings":"8EAAA,IAAIA,EAAI,EAAQ,GAEZC,EAASC,KAAKC,MACdC,EAAMF,KAAKE,IACXC,EAAOH,KAAKG,KAQhBL,EAAE,CAAEM,OAAQ,OAAQC,MAAM,EAAMC,SAJlBP,GAAUA,EAAOQ,IAAUC,OAASD,KAID,CAC/CN,MAAO,SAAeQ,EAAQC,GAM5B,IALA,IAIIC,EAAKC,EAJLC,EAAM,EACNC,EAAI,EACJC,EAAOC,UAAUC,OACjBC,EAAO,EAEJJ,EAAIC,GAELG,GADJP,EAAMT,EAAIc,UAAUF,QAGlBD,EAAMA,GADND,EAAMM,EAAOP,GACKC,EAAM,EACxBM,EAAOP,GAGPE,GAFSF,EAAM,GACfC,EAAMD,EAAMO,GACCN,EACDD,EAEhB,OAAOO,IAASX,IAAWA,IAAWW,EAAOf,EAAKU,O,wCC9BtD,IAAIM,EAAS,WACX,IAAIC,EAAMC,KACNC,EAAKF,EAAIG,eACTC,EAAKJ,EAAIK,MAAMD,IAAMF,EACzB,OAAOE,EACL,MACA,CACEE,YAAa,iBACbC,MAAO,CACLC,GAAI,mBAAqBR,EAAIS,mBAC7BC,QAASV,EAAIW,WACbC,MAAOZ,EAAIa,SACXC,OAAQd,EAAIe,UACZC,MAAO,6BACP,cAAe,iCAGnB,CACEZ,EACE,OACA,CACEJ,EAAIiB,GAAGjB,EAAIkB,mBAAmB,SAASC,GACrC,MAAO,CACW,SAAhBA,EAAOC,KACHhB,EAAG,OAAQ,CACTG,MAAO,CACLC,GAAI,yBAA2BW,EAAOE,IACtCC,EAAGH,EAAOI,QAGdvB,EAAIwB,KACRxB,EAAIyB,GAAG,KACS,UAAhBN,EAAOC,KACHhB,EACE,WACA,CACEG,MAAO,CACLC,GAAI,0BAA4BR,EAAIS,qBAGxC,CACEL,EAAG,OAAQ,CACTG,MAAO,CACLe,EAAGH,EAAOO,aACNP,EAAOO,aACPP,EAAOI,UAKnBvB,EAAIwB,SAGZxB,EAAIyB,GAAG,MACNzB,EAAI2B,yBAAyB,YAC9B3B,EAAI2B,yBAAyB,oBACzBvB,EACE,SACA,CACEG,MAAO,CAAEC,GAAI,sBAAwBR,EAAIS,qBAE3C,CACEL,EAAG,gBAAiB,CAClBG,MAAO,CACLa,KAAM,SACNQ,OACE,2FAIR,GAEF5B,EAAIwB,MAEV,GAEFxB,EAAIyB,GAAG,KACPrB,EAAG,QAAS,CACVE,YAAa,mBACbC,MAAO,CACLsB,EAAG,IACHC,EAAG,IACHlB,MAAOZ,EAAIa,SACXC,OAAQd,EAAIe,UACZ,aAAcf,EAAI+B,MAAMC,OAG5BhC,EAAIyB,GAAG,KACPzB,EAAIiB,GAAGjB,EAAIkB,mBAAmB,SAASC,GACrC,MAAuB,UAAhBA,EAAOC,KACV,CACEhB,EAAG,QAAS,CACVE,YAAa,+BACb2B,YAAa,CAAEC,QAAS,KACxB3B,MAAO,CACLC,GAAI,2BAA6BR,EAAIS,mBACrC0B,KAAMnC,EAAIoC,mBAAmBjB,EAAOX,IAAIuB,MAAMC,IAC9CH,EAAG7B,EAAIoC,mBAAmBjB,EAAOX,IAAIuB,MAAMF,EAC3CC,EAAG9B,EAAIoC,mBAAmBjB,EAAOX,IAAIuB,MAAMD,EAC3ClB,MAAOZ,EAAIoC,mBAAmBjB,EAAOX,IAAIuB,MAAMnB,MAC/CE,OAAQd,EAAIoC,mBAAmBjB,EAAOX,IAAIuB,MAAMjB,UAGpDd,EAAIyB,GAAG,KACPrB,EAAG,QAAS,CACVG,MAAO,CACLC,GAAI,6BAA+BR,EAAIS,mBACvC,YACE,+BAEAT,EAAIS,mBACJ,IACF4B,QACGrC,EAAI2B,yBAAyB,YAC9B3B,EAAI2B,yBAAyB,oBACzB,2BAEA3B,EAAIS,mBACJ,IACA,GACN0B,KAAMnC,EAAIoC,mBAAmBjB,EAAOX,IAAIuB,MAAMC,IAC9CH,EAAG7B,EAAIoC,mBAAmBjB,EAAOX,IAAIuB,MAAMF,EAC3CC,EAAG9B,EAAIoC,mBAAmBjB,EAAOX,IAAIuB,MAAMD,EAC3ClB,MAAOZ,EAAIoC,mBAAmBjB,EAAOX,IAAIuB,MAAMnB,MAC/CE,OAAQd,EAAIoC,mBAAmBjB,EAAOX,IAAIuB,MAAMjB,UAGpDd,EAAIyB,GAAG,KACPrB,EAAG,OAAQ,CACTE,YAAa,4BACbC,MAAO,CACLe,EAAGH,EAAOmB,eACNnB,EAAOmB,eACPnB,EAAOI,KACX,eAAgB,KAElBgB,GAAI,CACFC,WAAY,SAASC,GACnBzC,EAAI0C,aAAa,GAAGD,GACpBzC,EAAI2C,WAAWF,IAEjBG,UAAW,SAASH,GAClBzC,EAAI0C,aAAa,GAAGD,GACpBzC,EAAI6C,UAAUJ,IAEhBK,SAAU,SAASL,GACjBzC,EAAI0C,aAAa,GAAGD,GACpBzC,EAAI+C,gBAKZ/C,EAAIwB,QAEVxB,EAAIyB,GAAG,KACPzB,EAAIiB,GAAGjB,EAAIkB,mBAAmB,SAASC,GACrC,MAAuB,SAAhBA,EAAOC,KACVhB,EAAG,OAAQ,CACTA,EAAG,WAAY,CACbE,YAAa,kBACb0C,MACEhD,EAAIoC,mBAAmBjB,EAAOX,IAAIW,EAAOE,MACzCrB,EAAIoC,mBAAmBjB,EAAOX,IAAIW,EAAOE,KAAK4B,KAC1CjD,EACGoC,mBAAmBjB,EAAOX,IAC1BW,EAAOE,KAAK4B,KAAKC,MAAM,KACvBC,KAAK,IACRnD,EAAIoD,iBACVC,MAAO,CAAC,CAAEC,SAAUnC,EAAOoC,SAAW,MAAQvD,EAAIwD,WAClDjD,MAAO,CACL,aAAc,0BAAiCY,EAAOE,IACtD,YAAa,WACbb,GAAI,0BAA4BW,EAAOE,IACvCoC,YAAazD,EAAI0D,iBAAmB,IAAM,MAC1CC,KACE3D,EAAIoC,mBAAmBjB,EAAOX,IAAIW,EAAOE,MACzCrB,EAAIoC,mBAAmBjB,EAAOX,IAAIW,EAAOE,KAAKuC,MAC1C5D,EAAIoC,mBAAmBjB,EAAOX,IAAIW,EAAOE,KAAKuC,MAC9CzC,EAAO0C,UACb,cAAe7D,EAAI8D,kBAAkB3C,GACrC,aAAcnB,EAAI+D,aAAa5C,GAC/B,cAAenB,EAAIgE,cAAc7C,GACjC,cAAenB,EAAI0D,iBAAmB,OAAS,UAEjDO,SAAU,CACRC,UAAWlE,EAAImE,GAAG,cAAPnE,CACTA,EAAIoC,mBAAmBjB,EAAOX,IAAIW,EAAOE,MACvCrB,EAAIoC,mBAAmBjB,EAAOX,IAAIW,EAAOE,KAAK+C,MAC5CpE,EAAIoC,mBAAmBjB,EAAOX,IAAIW,EAAOE,KAAK+C,MAC9C,SAKZpE,EAAIwB,SAGZ,IAIJzB,EAAOsE,eAAgB,E,8uBClHvB,ICvFsN,EDuFtN,CAEE,MAAF,CACI,mBAAJ,OACI,MAAJ,OACI,kBAAJ,MACI,mBAAJ,OACI,aAAJ,MACI,UAAJ,CACM,KAAN,QACM,SAAN,IAIE,KAdF,WAeI,MAAJ,CACM,qBAAN,KACM,MAAN,EACM,SAAN,IAIE,SAAF,SACA,aACI,2BAAJ,YAAM,OAAN,kCAEA,aACA,2BACA,wBANA,IAQI,SARJ,WAUM,IAAN,4CAEM,OAAN,qCAIA,OAHA,SAKI,UAlBJ,WAoBM,IAAN,6CAEM,OAAN,qCAIA,OAHA,SAKI,iBA5BJ,WA6BM,OAAN,6DAEI,UA/BJ,WAiCM,OAAN,sBACA,CACU,UAAV,QAIA,CACQ,UAAR,WAGI,WA3CJ,WA4CM,MAAN,2CAIE,QAAF,CACI,kBADJ,SACA,GAEM,IAAN,uCAEM,MAAN,YACA,6BAGA,6CAEI,eAXJ,WAaM,OAAN,yCACA,uDAGA,IAEI,gBAnBJ,SAmBA,GAEM,MAAN,sCACA,oBAEA,wBACA,aAEA,gCACA,UAEA,4BACA,SAEA,4BACA,mBAGA,4DACA,eAGA,GAEI,aA3CJ,SA2CA,GACM,MAAN,2FAEI,cA9CJ,SA8CA,GAEM,MACN,yEACA,uEACA,qEACA,kBAEI,WAtDJ,SAsDA,GACA,uBAEQ,KAAR,gCACA,sCACA,uCAGQ,SAAR,oEAGI,UAjEJ,SAiEA,GACM,GAAN,wDAEQ,IAAR,yDACA,aACA,sCACA,uCACA,0BAEA,mBACQ,GAAR,MACU,OAiBF,GAhBR,KACU,EAAV,WACA,EACY,EAAZ,EAEY,KAAZ,SAGU,EAAV,SACA,IACY,EAAZ,IAEY,KAAZ,SAIA,qCACU,IAAV,+EACA,GACY,GAAZ,wBACY,IAAZ,QACY,MAAZ,CACc,EAAd,sCACc,EAAd,wCACc,MAAd,sBACc,OAAd,uBACc,MAAd,aAIU,EAAV,+BACU,KAAV,sCACU,SAAV,qEAII,SAjHJ,WAkHM,KAAN,0BACM,KAAN,sBAGE,QAAF,CACI,YADJ,SACA,GACM,OAAN,+B,QE9QIC,EAAY,YACd,EACAvE,EH+LoB,IG7LpB,EACA,KACA,KACA,MAuBFuE,EAAUC,QAAQC,OAAS,0DACZ,UAAAF,E","file":"chunks/ceres-client-13.min.js","sourcesContent":["var $ = require('../internals/export');\n\nvar $hypot = Math.hypot;\nvar abs = Math.abs;\nvar sqrt = Math.sqrt;\n\n// Chrome 77 bug\n// https://bugs.chromium.org/p/v8/issues/detail?id=9546\nvar BUGGY = !!$hypot && $hypot(Infinity, NaN) !== Infinity;\n\n// `Math.hypot` method\n// https://tc39.github.io/ecma262/#sec-math.hypot\n$({ target: 'Math', stat: true, forced: BUGGY }, {\n  hypot: function hypot(value1, value2) { // eslint-disable-line no-unused-vars\n    var sum = 0;\n    var i = 0;\n    var aLen = arguments.length;\n    var larg = 0;\n    var arg, div;\n    while (i < aLen) {\n      arg = abs(arguments[i++]);\n      if (larg < arg) {\n        div = larg / arg;\n        sum = sum * div * div + 1;\n        larg = arg;\n      } else if (arg > 0) {\n        div = arg / larg;\n        sum += div * div;\n      } else sum += arg;\n    }\n    return larg === Infinity ? Infinity : larg * sqrt(sum);\n  }\n});\n","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"svg\",\n    {\n      staticClass: \"engraving__svg\",\n      attrs: {\n        id: \"engraving__svg--\" + _vm.currentVariationId,\n        viewBox: _vm.svgViewBox,\n        width: _vm.svgWidth,\n        height: _vm.svgHeight,\n        xmlns: \"http://www.w3.org/2000/svg\",\n        \"xmlns:xlink\": \"http://www.w3.org/1999/xlink\"\n      }\n    },\n    [\n      _c(\n        \"defs\",\n        [\n          _vm._l(_vm.configuratorImage, function(config) {\n            return [\n              config.type === \"text\"\n                ? _c(\"path\", {\n                    attrs: {\n                      id: \"engraving__text-path--\" + config.key,\n                      d: config.path\n                    }\n                  })\n                : _vm._e(),\n              _vm._v(\" \"),\n              config.type === \"image\"\n                ? _c(\n                    \"clipPath\",\n                    {\n                      attrs: {\n                        id: \"engraving__image-path--\" + _vm.currentVariationId\n                      }\n                    },\n                    [\n                      _c(\"path\", {\n                        attrs: {\n                          d: config.pathFrontend\n                            ? config.pathFrontend\n                            : config.path\n                        }\n                      })\n                    ]\n                  )\n                : _vm._e()\n            ]\n          }),\n          _vm._v(\" \"),\n          !_vm.getEngravingSettingByKey(\"plotter\") ||\n          _vm.getEngravingSettingByKey(\"plotterGrayImage\")\n            ? _c(\n                \"filter\",\n                {\n                  attrs: { id: \"engraving__filter--\" + _vm.currentVariationId }\n                },\n                [\n                  _c(\"feColorMatrix\", {\n                    attrs: {\n                      type: \"matrix\",\n                      values:\n                        \"0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\"\n                    }\n                  })\n                ],\n                1\n              )\n            : _vm._e()\n        ],\n        2\n      ),\n      _vm._v(\" \"),\n      _c(\"image\", {\n        staticClass: \"engraving__image\",\n        attrs: {\n          x: \"0\",\n          y: \"0\",\n          width: _vm.svgWidth,\n          height: _vm.svgHeight,\n          \"xlink:href\": _vm.image.url\n        }\n      }),\n      _vm._v(\" \"),\n      _vm._l(_vm.configuratorImage, function(config) {\n        return config.type === \"image\"\n          ? [\n              _c(\"image\", {\n                staticClass: \"engraving__image--transition\",\n                staticStyle: { opacity: \"0\" },\n                attrs: {\n                  id: \"engraving__image-ghost--\" + _vm.currentVariationId,\n                  href: _vm.getImageValuesById(config.id).image.url,\n                  x: _vm.getImageValuesById(config.id).image.x,\n                  y: _vm.getImageValuesById(config.id).image.y,\n                  width: _vm.getImageValuesById(config.id).image.width,\n                  height: _vm.getImageValuesById(config.id).image.height\n                }\n              }),\n              _vm._v(\" \"),\n              _c(\"image\", {\n                attrs: {\n                  id: \"engraving__image-display--\" + _vm.currentVariationId,\n                  \"clip-path\":\n                    \"url(#\" +\n                    \"engraving__image-path--\" +\n                    _vm.currentVariationId +\n                    \")\",\n                  filter:\n                    !_vm.getEngravingSettingByKey(\"plotter\") ||\n                    _vm.getEngravingSettingByKey(\"plotterGrayImage\")\n                      ? \"url(#\" +\n                        \"engraving__filter--\" +\n                        _vm.currentVariationId +\n                        \")\"\n                      : \"\",\n                  href: _vm.getImageValuesById(config.id).image.url,\n                  x: _vm.getImageValuesById(config.id).image.x,\n                  y: _vm.getImageValuesById(config.id).image.y,\n                  width: _vm.getImageValuesById(config.id).image.width,\n                  height: _vm.getImageValuesById(config.id).image.height\n                }\n              }),\n              _vm._v(\" \"),\n              _c(\"path\", {\n                staticClass: \"engraving__move d-lg-none\",\n                attrs: {\n                  d: config.pathMobileEdit\n                    ? config.pathMobileEdit\n                    : config.path,\n                  \"fill-opacity\": \"0\"\n                },\n                on: {\n                  touchstart: function($event) {\n                    _vm.touchHandler[0]($event)\n                    _vm.pinchStart($event)\n                  },\n                  touchmove: function($event) {\n                    _vm.touchHandler[1]($event)\n                    _vm.pinchMove($event)\n                  },\n                  touchend: function($event) {\n                    _vm.touchHandler[2]($event)\n                    _vm.pinchEnd()\n                  }\n                }\n              })\n            ]\n          : _vm._e()\n      }),\n      _vm._v(\" \"),\n      _vm._l(_vm.configuratorImage, function(config) {\n        return config.type === \"text\"\n          ? _c(\"text\", [\n              _c(\"textPath\", {\n                staticClass: \"engraving__text\",\n                class:\n                  _vm.getImageValuesById(config.id)[config.key] &&\n                  _vm.getImageValuesById(config.id)[config.key].font\n                    ? _vm\n                        .getImageValuesById(config.id)\n                        [config.key].font.split(\" \")\n                        .join(\"\")\n                    : _vm.getDefaultFont(),\n                style: [{ fontSize: config.textSize + \"px\" }, _vm.textAlign],\n                attrs: {\n                  \"xlink:href\": \"#\" + \"engraving__text-path--\" + config.key,\n                  \"xml:space\": \"preserve\",\n                  id: \"engraving__text-input--\" + config.key,\n                  startOffset: _vm.hasTextAlignLeft ? \"0\" : \"50%\",\n                  fill:\n                    _vm.getImageValuesById(config.id)[config.key] &&\n                    _vm.getImageValuesById(config.id)[config.key].color\n                      ? _vm.getImageValuesById(config.id)[config.key].color\n                      : config.textColor,\n                  \"font-family\": _vm.getSystemFontName(config),\n                  \"font-style\": _vm.getFontStyle(config),\n                  \"font-weight\": _vm.getFontWeight(config),\n                  \"text-anchor\": _vm.hasTextAlignLeft ? \"left\" : \"middle\"\n                },\n                domProps: {\n                  innerHTML: _vm._f(\"blancSpaces\")(\n                    _vm.getImageValuesById(config.id)[config.key] &&\n                      _vm.getImageValuesById(config.id)[config.key].value\n                      ? _vm.getImageValuesById(config.id)[config.key].value\n                      : \"\"\n                  )\n                }\n              })\n            ])\n          : _vm._e()\n      })\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <svg :id=\"'engraving__svg--' + currentVariationId\" class=\"engraving__svg\"\n         :viewBox=\"svgViewBox\"\n         :width=\"svgWidth\"\n         :height=\"svgHeight\"\n         xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n        <defs>\n            <template v-for=\"config in configuratorImage\">\n                <path v-if=\"config.type === 'text'\"\n                      :id=\"'engraving__text-path--' + config.key\"\n                      :d=\"config.path\">\n                </path>\n                <clipPath v-if=\"config.type === 'image'\"\n                          :id=\"'engraving__image-path--' + currentVariationId\">\n                    <path :d=\"config.pathFrontend ? config.pathFrontend : config.path\"></path>\n                </clipPath>\n            </template>\n            <filter v-if=\"!getEngravingSettingByKey('plotter') || getEngravingSettingByKey('plotterGrayImage')\"\n                    :id=\"'engraving__filter--' + currentVariationId\">\n                <feColorMatrix type=\"matrix\" values=\"0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\"></feColorMatrix>\n            </filter>\n        </defs>\n        <image class=\"engraving__image\" x=\"0\" y=\"0\" :width=\"svgWidth\" :height=\"svgHeight\" :xlink:href=\"image.url\"></image>\n        <template v-for=\"config in configuratorImage\"\n                  v-if=\"config.type === 'image'\">\n            <image :id=\"'engraving__image-ghost--' + currentVariationId\"\n                   style=\"opacity: 0;\"\n                   class=\"engraving__image--transition\"\n                   :href=\"getImageValuesById(config.id).image.url\"\n                   :x=\"getImageValuesById(config.id).image.x\"\n                   :y=\"getImageValuesById(config.id).image.y\"\n                   :width=\"getImageValuesById(config.id).image.width\"\n                   :height=\"getImageValuesById(config.id).image.height\"></image>\n            <image :id=\"'engraving__image-display--' + currentVariationId\"\n                   :clip-path=\"'url(#' + 'engraving__image-path--'  + currentVariationId + ')'\"\n                   :filter=\"!getEngravingSettingByKey('plotter') || getEngravingSettingByKey('plotterGrayImage') ? 'url(#' + 'engraving__filter--'  + currentVariationId + ')' : ''\"\n                   :href=\"getImageValuesById(config.id).image.url\"\n                   :x=\"getImageValuesById(config.id).image.x\"\n                   :y=\"getImageValuesById(config.id).image.y\"\n                   :width=\"getImageValuesById(config.id).image.width\"\n                   :height=\"getImageValuesById(config.id).image.height\"></image>\n            <path :d=\"config.pathMobileEdit ? config.pathMobileEdit : config.path\"\n                  fill-opacity=\"0\"\n                  @touchstart=\"touchHandler[0]($event); pinchStart($event)\"\n                  @touchmove=\"touchHandler[1]($event); pinchMove($event)\"\n                  @touchend=\"touchHandler[2]($event); pinchEnd()\"\n                  class=\"engraving__move d-lg-none\"></path>\n        </template>\n        <!-- text needs to be after images otherwise it is not visible -->\n        <text v-for=\"config in configuratorImage\"\n              v-if=\"config.type === 'text'\">\n            <!-- see commit 6bc32db2a8ad2278b604ff0274eb1c7bb5ca80d0 for task #8586 -->\n            <textPath :xlink:href=\"'#' + 'engraving__text-path--' + config.key\"\n                      xml:space=\"preserve\"\n                      :id=\"'engraving__text-input--' + config.key\"\n                      :startOffset=\"hasTextAlignLeft ? '0' : '50%'\"\n                      class=\"engraving__text\"\n                      :class=\"\n                           getImageValuesById(config.id)[config.key] && getImageValuesById(config.id)[config.key].font\n                           ? getImageValuesById(config.id)[config.key].font.split(' ').join('')\n                           : getDefaultFont()\n                      \"\n                      :style=\"[{fontSize: config.textSize + 'px'}, textAlign]\"\n                      :fill=\"\n                           getImageValuesById(config.id)[config.key] && getImageValuesById(config.id)[config.key].color\n                           ? getImageValuesById(config.id)[config.key].color\n                           : config.textColor\n                      \"\n                      :font-family=\"getSystemFontName(config)\"\n                      :font-style=\"getFontStyle(config)\"\n                      :font-weight=\"getFontWeight(config)\"\n                      :text-anchor=\"hasTextAlignLeft ? 'left' : 'middle'\"\n                      :inner-html.prop=\"\n                           (getImageValuesById(config.id)[config.key] && getImageValuesById(config.id)[config.key].value\n                           ? getImageValuesById(config.id)[config.key].value\n                           : '')\n                           | blancSpaces\n                      \">\n            </textPath>\n        </text>\n    </svg>\n</template>\n\n<script>\nimport { isNullOrUndefined, isUndefined } from \"ceres/app/helper/utils\";\nimport { mapState, mapGetters } from \"vuex\";\n\nexport default {\n\n    props: {\n        currentVariationId: Number,\n        image: Object,\n        configuratorImage: Array,\n        currentSwiperIndex: Number,\n        touchHandler: Array,\n        modalEdit: {\n            type: Boolean,\n            default: false\n        }\n    },\n\n    data() {\n        return {\n            configuratorPinching: null,\n            moved: 0,\n            movedEnd: 0\n        }\n    },\n\n    computed: {\n        ...mapState({\n            engravingConfiguratorFonts : state => state.engravingConfigurator.fonts\n        }),\n        ...mapGetters([\n            'getEngravingSettingByKey',\n            'getImageValuesById'\n        ]),\n        svgWidth() {\n\n            const width = this.getEngravingSettingByKey('svgWidth');\n\n            if(!isNullOrUndefined(width) && !isNullOrUndefined(width.value)) {\n                return width.value;\n            }\n\n            return '1000';\n        },\n        svgHeight() {\n\n            const height = this.getEngravingSettingByKey('svgHeight');\n\n            if(!isNullOrUndefined(height) && !isNullOrUndefined(height.value)) {\n                return height.value;\n            }\n\n            return '1000';\n        },\n        hasTextAlignLeft() {\n            return !isNullOrUndefined(this.getEngravingSettingByKey('textAlignLeft'));\n        },\n        textAlign() {\n\n            if(this.hasTextAlignLeft) {\n                return {\n                    textAlign: 'left'\n                }\n            }\n\n            return {\n                textAlign: 'center'\n            }\n        },\n        svgViewBox() {\n            return '0 0 ' + this.svgWidth + ' ' + this.svgHeight;\n        }\n    },\n\n    methods: {\n        getSystemFontName(config) {\n\n            const value = this.getImageValuesById(config.id)[config.key];\n\n            if(value.font !== '') {\n                return this.systemFontNames(value.font);\n            }\n\n            return this.systemFontNames(this.getDefaultFont());\n        },\n        getDefaultFont() {\n\n            if(this.engravingConfiguratorFonts.length > 0) {\n                return this.engravingConfiguratorFonts[0].split(' ').join('');\n            }\n\n            return '';\n        },\n        systemFontNames(font) {\n\n            if(font === 'Yanone Kaffeesatz RegularSilvit') {\n                return 'Yanone Kaffeesatz';\n            }\n            if(font === 'AlcubierreSilvity') {\n                return 'Alcubierre';\n            }\n            if(font === 'Georgia-BoldItalicSilvity') {\n                return 'Georgia';\n            }\n            if(font === 'Rondal-RegularSilvity') {\n                return 'Rondal';\n            }\n            if(font === 'StayClassySLDTSilvity') {\n                return 'Stay Classy SLDT';\n            }\n            //two classes because of plenty cache (rename prop)\n            if(font === 'RelationTwoBoldSilvity' || font === 'RelationTwo-BoldSilvity' ) {\n                return 'Relation Two';\n            }\n\n            return font;\n        },\n        getFontStyle(config) {\n            return this.getImageValuesById(config.id)[config.key].font === 'Georgia-BoldItalicSilvity' ? 'italic' : 'normal';\n        },\n        getFontWeight(config) {\n            //two cases because of plenty cache (rename prop)\n            return (\n                this.getImageValuesById(config.id)[config.key].font === 'Georgia-BoldItalicSilvity'\n                || this.getImageValuesById(config.id)[config.key].font === 'RelationTwo-BoldSilvity'\n                || this.getImageValuesById(config.id)[config.key].font === 'RelationTwoBoldSilvity'\n            ) ? 'bold' : 'regular';\n        },\n        pinchStart(event) {\n            if(event.touches.length === 2) {\n\n                this.configuratorPinching = Math.hypot(\n                    event.touches[0].pageX - event.touches[1].pageX,\n                    event.touches[0].pageY - event.touches[1].pageY\n                );\n\n                document.dispatchEvent(new CustomEvent('showEngravingConfiguratorShadow'));\n            }\n        },\n        pinchMove(event) {\n            if(event.touches.length === 2 && this.configuratorPinching !== null) {\n\n                let values = this.getImageValuesById(this.currentVariationId).image;\n                let moved  = Math.hypot(\n                    event.touches[0].pageX - event.touches[1].pageX,\n                    event.touches[0].pageY - event.touches[1].pageY\n                ) - this.configuratorPinching;\n\n                let move = moved += this.movedEnd;\n                if(move === 0) {\n                    return\n                }else if(move < 0) {\n                    move = 50 - (move*-.5);\n                    if(move < 0) {\n                        move = 0;\n                    }else {\n                        this.moved = moved;\n                    }\n                }else {\n                    move = 50 + (move*.5);\n                    if(move > 100) {\n                        move = 100;\n                    }else {\n                        this.moved = moved;\n                    }\n                }\n\n                if(!isUndefined(values.imageValues.svgWidth)) {\n                    let scale = values.imageValues.minScale + (move / 100) * (values.imageValues.maxScale - values.imageValues.minScale);\n                    let data = {\n                        id: this.currentVariationId,\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.moved,\n                        }\n                    };\n\n                    data.image = Object.assign(values, data.image);\n                    this.$store.commit('setImageValuesById', data);\n                    document.dispatchEvent(new CustomEvent('showEngravingConfiguratorShadow'));\n                }\n            }\n        },\n        pinchEnd() {\n            this.configuratorPinching = null;\n            this.movedEnd = this.moved;\n        },\n    },\n    filters: {\n        blancSpaces(value) {\n            return value.split(' ').join('&nbsp;');\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!./EngravingImage.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!./EngravingImage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EngravingImage.vue?vue&type=template&id=ead0ae08&\"\nimport script from \"./EngravingImage.vue?vue&type=script&lang=js&\"\nexport * from \"./EngravingImage.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('ead0ae08')) {\n      api.createRecord('ead0ae08', component.options)\n    } else {\n      api.reload('ead0ae08', component.options)\n    }\n    module.hot.accept(\"./EngravingImage.vue?vue&type=template&id=ead0ae08&\", function () {\n      api.rerender('ead0ae08', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/item/EngravingImage.vue\"\nexport default component.exports"],"sourceRoot":""}