{"version":3,"sources":["webpack:///./src/components/InputImage.vue","webpack:///src/components/InputImage.vue","webpack:///./src/components/InputImage.vue?b6cf","webpack:///./src/components/InputImage.vue?d7e1","webpack:///../../../src/components/VGrid/VRow.ts","webpack:///./src/forms/creative/BannerEditor.preview.vue","webpack:///src/forms/creative/BannerEditor.preview.vue","webpack:///./src/forms/creative/BannerEditor.preview.vue?1148","webpack:///./src/forms/creative/BannerEditor.preview.vue?d381","webpack:///../../../src/components/VGrid/VCol.ts","webpack:///./src/components/InputImage.vue?579b","webpack:///./src/forms/creative/BannerEditor.preview.vue?61ef","webpack:///../../../src/components/VTextarea/VTextarea.ts","webpack:///../../../src/directives/touch/index.ts","webpack:///../../../src/components/VWindow/VWindowItem.ts","webpack:///../../../src/components/VTabs/VTabItem.ts","webpack:///./src/forms/creative/BannerEditor.html.vue?00ac","webpack:///./src/forms/creative/BannerEditor.html.vue","webpack:///src/forms/creative/BannerEditor.html.vue","webpack:///./src/forms/creative/BannerEditor.html.vue?0c34","webpack:///./src/forms/creative/BannerEditor.html.vue?3f8a"],"names":["render","_vm","this","_c","_self","staticClass","on","$event","$refs","img_input","click","ref","staticStyle","attrs","handleFiles","$slots","default","_t","loading","_v","_s","$t","isImages","stopPropagation","removeImages","apply","arguments","_e","key","keyImg","onlyTitle","Object","keys","images","length","$getImgSrc","staticRenderFns","_createFileReader","fr","reject","resolve","name","result","_fileLimit","_fileRegex","_readFiles","files","multi","promises","_createImage","image","_getImgSize","width","height","size","_createCanvases","formats","canvas","context","dx","dy","resize","canvases","components","Loading","data","originalImage","originalSize","innerFormats","props","value","type","required","keepOriginal","keepOriginalName","randomName","timestampName","debug","watch","computed","mounted","methods","p","imgName","component","VBtn","VIcon","breakpoints","ALIGNMENT","makeProps","prefix","def","reduce","val","upperFirst","alignValidator","str","includes","alignProps","String","validator","justifyValidator","justifyProps","alignContentValidator","alignContentProps","propMap","align","justify","alignContent","classMap","breakpointClass","prop","className","breakpoint","replace","toLowerCase","cache","Map","Vue","extend","functional","tag","dense","Boolean","noGutters","h","children","cacheKey","classList","get","forEach","push","set","mergeData","class","values","iframeUpdate","style","iframeStyle","ratio","ratio_width","ratio_height","image_formats","macrosInHtml","handler","deep","fillData","compileHtml","content","compileStyle","compileScript","generateIframe","file","URL","iframe","handleImage","breakpointProps","Number","offsetProps","orderProps","col","offset","order","cols","alignSelf","parent","hasColClasses","some","startsWith","baseMixins","mixins","VTextField","autoGrow","noResize","rowHeight","v","isNaN","parseFloat","rows","parseInt","classes","noResizeHandle","options","call","$nextTick","calculateInputHeight","input","_this$$refs$input","removeProperty","lazyValue","setTimeout","scrollHeight","minHeight","Math","max","genInput","onInput","e","onKeyDown","isFocused","keyCode","$emit","handleGesture","wrapper","touchstartX","touchendX","touchstartY","touchendY","dirRatio","minDistance","offsetX","offsetY","abs","left","right","up","down","touchstart","event","touch","changedTouches","clientX","clientY","start","assign","touchend","end","touchmove","touchmoveX","touchmoveY","move","createHandlers","inserted","el","binding","vnode","target","parentElement","passive","handlers","_touchHandlers","_uid","eventName","addEventListener","unbind","removeEventListener","Touch","Bootable","GroupableFactory","directives","disabled","reverseTransition","undefined","transition","isActive","inTransition","groupClasses","computedTransition","windowGroup","internalReverse","genDefaultSlot","genWindowItem","$createElement","$listeners","onAfterTransition","transitionCount","transitionHeight","onBeforeTransition","convertToUnit","$el","clientHeight","onTransitionCancelled","onEnter","beforeEnter","afterEnter","enterCancelled","beforeLeave","afterLeave","leaveCancelled","enter","showLazyContent","VWindowItem","id","item","domProps","model","callback","$$v","$set","expression","putExampleData","tab","$rules","html","script","_l","macro","i","transform","overflow","htmlExample","styleExample","BannerEditorPreview","InputImage","created","params","$test","$image","console","attribValues","VChip","VCol","VDivider","VRow","VSpacer","VTab","VTabItem","VTabs","VTabsItems","VTextarea"],"mappings":"+NAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,cAAcC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAON,EAAIO,MAAMC,UAAUC,WAAW,CAACP,EAAG,QAAQ,CAACQ,IAAI,YAAYC,YAAY,CAAC,QAAU,QAAQC,MAAM,CAAC,KAAO,OAAO,OAAS,WAAWP,GAAG,CAAC,OAASL,EAAIa,eAAgBZ,KAAKa,OAAOC,QAAS,CAACf,EAAIgB,GAAG,YAAY,CAACd,EAAG,WAAW,CAACE,YAAY,wDAAwD,CAACF,EAAG,UAAU,CAACU,MAAM,CAAC,MAAQZ,EAAIiB,WAAWf,EAAG,SAAS,CAACE,YAAY,2BAA2B,CAACJ,EAAIkB,GAAGlB,EAAImB,GAAGnB,EAAIoB,GAAG,mBAAoBpB,EAAIqB,SAAUnB,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,QAAQ,CAACU,MAAM,CAAC,IAAM,GAAG,UAAU,GAAG,UAAY,GAAG,MAAQ,SAASP,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOgB,kBAAyBtB,EAAIuB,aAAaC,MAAM,KAAMC,cAAc,CAACvB,EAAG,SAAS,CAACF,EAAIkB,GAAG,gBAAgB,IAAI,GAAGlB,EAAI0B,KAAKxB,EAAG,MAAM,CAACyB,IAAI3B,EAAI4B,QAAQ,CAAE5B,EAAI6B,UAAW3B,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,QAAQ,CAACF,EAAIkB,GAAGlB,EAAImB,GAAIW,OAAOC,KAAK/B,EAAIgC,QAAU,IAAIC,OAAS,EAAI,UAAY,0BAA2B/B,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACF,EAAG,MAAM,CAACyB,IAAI3B,EAAI4B,OAAOxB,YAAY,UAAUQ,MAAM,CAAC,IAAMZ,EAAIkC,WAAWlC,EAAIgC,OAAQ,EAAG,wBAAwB,MAAQ,eAAe,KAAK,IAEhvCG,EAAkB,G,wBCgJtB,MAAMC,EAAoB,GAA1B,oBACA,uBACAC,mBACA,aACAA,gCACAA,iCACAC,oDAEA,OACAD,gCACAA,iCACAE,GAAAC,YAAAC,mBAEAJ,6BACAA,gCAGMK,EAAa,SACbC,EAAa,mDACbC,EAAa,CAACC,EAAOC,GAAQ,KACnC,WACA,oCACA,aACA,0BAMA,+DALA,eAIA,6DAHA,oBAEA,kEADAC,aAKA,uBAGMC,EAAe,GAArB,oBACA,kBACAC,kBACAA,kBACAA,UAGMC,EAAc,IACpB,SACAC,6CACAC,kDAGA,OADAC,yBACA,GAGMC,EAAkB,CAACL,EAAOM,EAAU,MAC1C,aACA,KACA,gCACA,aACA,mCACAC,2DACAA,8DACAA,WACAA,qCACA,sDACAA,+BACA,2BACAC,kCACAA,wCACA,SAAAC,KAAAC,MACA,OACA,mBACAC,sCACAA,yBACAA,2BAEAA,kCACAA,yBACAA,4BAGA,mBACAA,kCACAA,yBACAA,6BAEAA,sCACAA,yBACAA,0BAIAH,YACAR,EACAW,KACAA,KACAA,QACAA,UAEAC,UAEA,UAWe,OACfrB,kBACAsB,YACAC,sBAEAC,WACAxB,YACAyB,qBACAC,oBACAlC,cACAmC,gBACAvC,SACAX,aAEAmD,OACAC,OACAC,qBACAC,aAEAhB,SACAe,oBACAC,aAEAC,cACAF,aACAC,YACAxD,YAEA0D,kBACAH,aACAC,YACAxD,YAEA2D,YACAJ,aACAC,YACAxD,YAEA4D,eACAL,aACAC,YACAxD,YAEA6D,OACAN,aACAC,YACAxD,YAEAc,WACAyC,aACAC,YACAxD,aAIA8D,OACAR,SACA,iDACA,gBAIAS,UACAzD,WACA,0DAIA0D,UACA,yCACA,kDACA,2BACAvC,gBACAW,aACAC,gBAGA,wCACA,eAGA4B,SAEAzD,eACA,iBACA,8BACA,cACA,gCACA,kCAGAV,eAEA+B,2BACAI,wBACA,+BACA,+CACAa,kBACA,eACA,oCACAoB,iEACA,mCACA,mCAGA,8BACA,oBACA,sBACAC,OACA,kBACAA,oFAEA,qBACAA,mBAEAA,wCAEA,wEACA,cACA,gCACA,0CCtXoV,I,qECQhVC,EAAY,eACd,EACApF,EACAoC,GACA,EACA,KACA,KACA,MAIa,aAAAgD,EAAiB,QAMhC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,QAAA,Q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","file":"js/chunk-0308a30f.396031ac.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"input-image\",on:{\"click\":function($event){return _vm.$refs.img_input.click()}}},[_c('input',{ref:\"img_input\",staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"file\",\"accept\":\"image/*\"},on:{\"change\":_vm.handleFiles}}),(this.$slots.default)?[_vm._t(\"default\")]:[_c('fieldset',{staticClass:\"input-image rounded d-flex flex-column align-stretch\"},[_c('Loading',{attrs:{\"value\":_vm.loading}}),_c('legend',{staticClass:\"v-label v-label--active\"},[_vm._v(_vm._s(_vm.$t('INPUT.IMAGE')))]),(_vm.isImages)?_c('div',{staticClass:\"input-image-remove\"},[_c('v-btn',{attrs:{\"fab\":\"\",\"x-small\":\"\",\"depressed\":\"\",\"color\":\"white\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.removeImages.apply(null, arguments)}}},[_c('v-icon',[_vm._v(\"mdi-close\")])],1)],1):_vm._e(),_c('div',{key:_vm.keyImg},[(_vm.onlyTitle)?_c('div',{staticClass:\"text-ellipsis text-nowrap ma-2\"},[_c('small',[_vm._v(_vm._s((Object.keys(_vm.images || {}).length > 0 ? '1 image' : 'Click to download')))])]):_c('div',{staticClass:\"pr-2 pl-2 input-image-upload-area\"},[_c('img',{key:_vm.keyImg,staticClass:\"rounded\",attrs:{\"src\":_vm.$getImgSrc(_vm.images, 0, '/img/empty-image.png'),\"width\":\"100%\"}})])])],1)]],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"input-image\" @click=\"$refs.img_input.click()\">\n    <input\n      ref=\"img_input\"\n      type=\"file\"\n      style=\"display: none\"\n      accept=\"image/*\"\n      @change=\"handleFiles\"\n    >\n    <template v-if=\"this.$slots.default\">\n      <slot/>\n    </template>\n    <template v-else>\n      <fieldset class=\"input-image rounded d-flex flex-column align-stretch\">\n        <Loading :value=\"loading\" />\n        <legend class=\"v-label v-label--active\">{{ $t('INPUT.IMAGE') }}</legend>\n        <div class=\"input-image-remove\" v-if=\"isImages\">\n          <v-btn\n            fab\n            x-small\n            depressed\n            color=\"white\"\n            @click.stop=\"removeImages\"\n          >\n            <v-icon>mdi-close</v-icon>\n          </v-btn>\n        </div>\n\n        <div :key=\"keyImg\">\n          <div v-if=\"onlyTitle\" class=\"text-ellipsis text-nowrap ma-2\">\n            <small>{{ (Object.keys(images || {}).length > 0 ? '1 image' : 'Click to download') }}</small>\n          </div>\n          <div v-else class=\"pr-2 pl-2 input-image-upload-area\" >\n            <img\n              :key=\"keyImg\"\n              :src=\"$getImgSrc(images, 0, '/img/empty-image.png')\"\n              width=\"100%\"\n              class=\"rounded\"\n            >\n          </div>\n        </div>\n      </fieldset>\n    </template>\n  </div>\n\n  <!--\n  <v-row class=\"ma-0 height-100\">\n    <v-col cols=\"3\" class=\"pa-0 height-100 d-flex\">\n      <div class=\"pa-2 input-image-thumbnail d-flex align-center\">\n      </div>\n      <v-divider vertical />\n    </v-col>\n    <v-col cols=\"9\" class=\"align-stretch pa-0\">\n      <input\n      ref=\"img_input\"\n      type=\"file\"\n      style=\"display: none\"\n      accept=\"image/*\"\n      @change=\"handleFiles\"\n      >\n      <div class=\"d-flex pr-2 pl-4 pa-2\">\n        <div class=\"grey--text pt-1\">\n          <strong>{{$t('UPLOAD.UPLOAD_FILE_LIST')}}</strong>\n          <small class=\"ml-2\">{{$tc('UPLOAD.UPLOAD_FORMAT', innerFormats.length)}}</small>\n        </div>\n        <v-spacer />\n        <v-btn rounded small class=\"custom\" color=\"grey lighten-2\" @click=\"$refs.img_input.click()\">\n          <v-icon class=\"mr-2\" size=\"20\">mdi-upload</v-icon>{{$t('UPLOAD.UPLOAD_FILE')}}\n        </v-btn>\n      </div>\n      <v-divider />\n      <div class=\"files-list mt-2\" :key=\"keyImg\">\n        <div v-for=\"(format,i) in innerFormats\" :key=\"'form'+i\" class=\"pl-4\">\n          <v-icon size=\"18\" class=\"mr-2\">mdi-file-image-outline</v-icon>\n          <small>\n            <strong class=\"text-capitalize\">{{format.name}}:</strong>\n            <span> {{ images[format.name] ? images[format.name] : $t('FILE_UPLOAD_NO_IMAGE') }}</span>\n          </small>\n        </div>\n      </div>\n    </v-col>\n    <v-col cols=\"12\" v-if=\"debug\" class=\"pa-0 grey lighten-3\">\n      <v-divider />\n      <div ref=\"canvases\" class=\"input-image-canvases pa-4\"></div>\n    </v-col>\n  </v-row>\n  -->\n\n</template>\n\n<style lang=\"scss\">\n\nfieldset.input-image:hover {\n  border: solid 1px rgba(23, 22, 37, 0.675);\n  color: solid 1px rgba(23, 22, 37, 0.675);\n}\n\nfieldset.input-image {\n  height: 100%;\n  min-height: 36px;\n  position: relative;\n  margin-top: -22px;\n  border: solid 1px rgba(0, 0, 0, 0.38);\n  color: solid 1px rgba(0, 0, 0, 0.38);\n  transition: all 0.3s;\n}\n\n.select-image-input {\n  fieldset.input-image {\n    min-height: 89px;\n  }\n}\n\n\nfieldset.input-image legend {\n  transform: scale(0.75);\n  margin-left: 5px;\n  font-size: 16px;\n  padding: 2px;\n}\n\n.input-image-canvases canvas {\n  max-width: 100%;\n}\n\n.input-image-upload-area {\n  cursor: pointer;\n}\n\n.select-image-input {\n  .input-image-upload-area {\n    display: flex;\n    height: 68px;\n    align-items: center;\n  }\n}\n\n.input-image-remove {\n  position: absolute;\n  top:-8px;\n  right: 0;\n}\n\n</style>\n\n<script>\nconst _createFileReader = (file) => new Promise((resolve, reject) => {\n  const fr = new FileReader()\n  fr.readAsDataURL(file)\n  const onerror = () => {\n    fr.removeEventListener('load', onload)\n    fr.removeEventListener('error', onerror)\n    reject(new Error(`File can not be loaded: ${  file.name  }.`))\n  }\n  const onload = () => {\n    fr.removeEventListener('load', onload)\n    fr.removeEventListener('error', onerror)\n    resolve({name: file.name, result: fr.result})\n  }\n  fr.addEventListener('load', onload)\n  fr.addEventListener('error', onerror)\n})\n\nconst _fileLimit = 20 * 1024 * 1024 // 5mo\nconst _fileRegex = /image\\/(jpg|jpeg|png|svg|bmp|vnd.microsoft.icon)/\nconst _readFiles = (files, multi = false) => {\n  const promises = []\n  for (let i = 0, len = multi ? files.length : 1; i < len; i++) {\n    const file = files[i]\n    if (typeof file !== 'undefined') {\n      if (file.size < _fileLimit) {\n        if (file.type.match(_fileRegex)) {\n          promises.push(_createFileReader(file))\n        } else return Promise.reject(new Error(`Invalid file type: ${  file.name  }.`))\n      } else return Promise.reject(new Error(`File too big: ${  file.name  }.`))\n    } else return Promise.reject(new Error('Invalid file as undefined.'))\n  }\n  return Promise.all(promises)\n}\n\nconst _createImage = (src) => new Promise((resolve, reject) => {\n  const image = new Image()\n  image.onload = () => resolve(image)\n  image.onerror = (e) => reject(e)\n  image.src = src\n})\n\nconst _getImgSize = (image) => {\n  const size = {\n    width: image.naturalWidth || image.clientWidth || image.width,\n    height: image.naturalHeight || image.clientHeight || image.height,\n  }\n  size.ratio = size.width / size.height\n  return size\n}\n\nconst _createCanvases = (image, formats = []) => {\n  const size = _getImgSize(image)\n  const canvases = []\n  for (let i = 0, len = formats.length; i < len; i++) {\n    const format = formats[i]\n    const canvas = document.createElement('canvas')\n    canvas.width  = format.width  === 'auto' ? size.width  : (format.width  || (format.height * size.ratio))\n    canvas.height = format.height === 'auto' ? size.height : (format.height || (format.width  / size.ratio))\n    canvas.format = format\n    canvas.format.encoding = format.encoding || 'jpeg'\n    if (canvas.format.encoding === 'jpg') canvas.format.encoding = 'jpeg'\n    canvas.format.quality = format.quality || 0.6\n    const context = canvas.getContext('2d')\n    context.clearRect(0, 0, canvas.width, canvas.height)\n    context.globalCompositeOperation = 'source-out'\n    const resize = {dx:0, dy:0}\n    if (format.crop) {\n      if (canvas.height <= canvas.width) {\n        resize.height = size.height * (canvas.height / size.height)\n        resize.width = resize.height * size.ratio\n        resize.dx = (canvas.width - resize.width) / 2\n      } else {\n        resize.width = size.width * (canvas.width / size.width)\n        resize.height = resize.width / size.ratio\n        resize.dy = (canvas.height - resize.height) / 2\n      }\n    } else {\n      if (canvas.height <= canvas.width) {\n        resize.width = size.width * (canvas.width / size.width)\n        resize.height = resize.width / size.ratio\n        resize.dy = (canvas.height - resize.height) / 2\n      } else {\n        resize.height = size.height * (canvas.height / size.height)\n        resize.width = resize.height * size.ratio\n        resize.dx = (canvas.width - resize.width) / 2\n      }\n    }\n\n    context.drawImage(\n      image,\n      resize.dx,\n      resize.dy,\n      resize.width,\n      resize.height\n    )\n    canvases.push(canvas)\n  }\n  return canvases\n}\n\nimport Loading from '@/components/Loading'\n\nconst _uploadSimulation = () => new Promise((resolve) => {\n  setTimeout(() => {\n    resolve()\n  },2000)\n})\n\nexport default {\n  name: 'InputImage',\n  components: {\n    Loading\n  },\n  data: () => ({\n    name: undefined,\n    originalImage: undefined,\n    originalSize: undefined,\n    images: undefined,\n    innerFormats: [],\n    keyImg: 0,\n    loading: false,\n  }),\n  props: {\n    value: {\n      type: [String, Object],\n      required: false\n    },\n    formats: {\n      type: [Array, Object],\n      required: false,\n    },\n    keepOriginal: {\n      type: Boolean,\n      required: false,\n      default: false\n    },\n    keepOriginalName: {\n      type: Boolean,\n      required: false,\n      default: false\n    },\n    randomName: {\n      type: Boolean,\n      required: false,\n      default: false\n    },\n    timestampName: {\n      type: Boolean,\n      required: false,\n      default: false\n    },\n    debug: {\n      type: Boolean,\n      required: false,\n      default: false\n    },\n    onlyTitle: {\n      type: Boolean,\n      required: false,\n      default: false\n    },\n  },\n\n  watch: {\n    value (n) {\n      this.images = Object.assign(this.images || {}, n || {})\n      this.keyImg++\n    },\n  },\n\n  computed: {\n    isImages() {\n      return !(!this.value || Object.keys(this.value).length == 0)\n    }\n  },\n\n  mounted () {\n    this.innerFormats = [...(this.formats || [])]\n    if (this.innerFormats.length === 0 || this.keepOriginal) {\n      this.innerFormats.unshift({\n        name: 'original',\n        width: 'auto',\n        height: 'auto',\n      })\n    }\n    this.images = this.$clone(this.value || {})\n    this.keyImg++\n  },\n\n  methods: {\n\n    removeImages () {\n      this.images = null\n      this.$refs.img_input.value = ''\n      this.keyImg++\n      this.$emit('input', this.images)\n      this.$emit('change', this.images)\n    },\n\n    handleFiles (e) {\n      const promises = []\n      _readFiles(e.target.files).then(files => {\n        _createImage(files[0].result).then(image => {\n          const canvases = _createCanvases(image, this.innerFormats)\n          if (this.debug) this.$refs.canvases.innerHTML = ''\n          canvases.forEach((canvas, i) => {\n            if (this.debug) {\n              const p = document.createElement('p')\n              p.innerHTML = `<small>format: ${  JSON.stringify(canvas.format)  }</small>`\n              this.$refs.canvases.appendChild(p)\n              this.$refs.canvases.appendChild(canvas)\n            }\n            // prepare image name\n            if (!this.images) this.images = {}\n            let imgName = canvas.format.name\n            if (this.keepOriginalName) {\n              imgName = name\n            } else if (this.randomName) {\n              imgName = (Math.round(Date.now() + Date.now() * Math.random())).toString(36).replace(/\\W/gmi, '')\n            }\n            if (this.timestampName) {\n              imgName += '-' + Date.now()\n            }\n            imgName = imgName.replace(/\\s+/gmi,'_').toLowerCase() // avoid space and uppercase in name\n            //\n            this.images[imgName] = canvas.toDataURL(`image/${canvas.format.encoding}`, canvas.format.quality)\n            this.keyImg++\n            this.$emit('input', this.images)\n            this.$emit('change', this.images)\n          })\n        })\n      })\n    },\n  }\n}\n</script>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputImage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputImage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InputImage.vue?vue&type=template&id=261110bd&\"\nimport script from \"./InputImage.vue?vue&type=script&lang=js&\"\nexport * from \"./InputImage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InputImage.vue?vue&type=style&index=0&id=261110bd&prod&lang=scss&\"\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\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VBtn,VIcon})\n","import './VGrid.sass'\n\nimport Vue, { PropOptions } from 'vue'\nimport mergeData from '../../util/mergeData'\nimport { upperFirst } from '../../util/helpers'\n\n// no xs\nconst breakpoints = ['sm', 'md', 'lg', 'xl']\n\nconst ALIGNMENT = ['start', 'end', 'center']\n\nfunction makeProps (prefix: string, def: () => PropOptions) {\n  return breakpoints.reduce((props, val) => {\n    props[prefix + upperFirst(val)] = def()\n    return props\n  }, {} as Dictionary<PropOptions>)\n}\n\nconst alignValidator = (str: any) => [...ALIGNMENT, 'baseline', 'stretch'].includes(str)\nconst alignProps = makeProps('align', () => ({\n  type: String,\n  default: null,\n  validator: alignValidator,\n}))\n\nconst justifyValidator = (str: any) => [...ALIGNMENT, 'space-between', 'space-around'].includes(str)\nconst justifyProps = makeProps('justify', () => ({\n  type: String,\n  default: null,\n  validator: justifyValidator,\n}))\n\nconst alignContentValidator = (str: any) => [...ALIGNMENT, 'space-between', 'space-around', 'stretch'].includes(str)\nconst alignContentProps = makeProps('alignContent', () => ({\n  type: String,\n  default: null,\n  validator: alignContentValidator,\n}))\n\nconst propMap = {\n  align: Object.keys(alignProps),\n  justify: Object.keys(justifyProps),\n  alignContent: Object.keys(alignContentProps),\n}\n\nconst classMap = {\n  align: 'align',\n  justify: 'justify',\n  alignContent: 'align-content',\n}\n\nfunction breakpointClass (type: keyof typeof propMap, prop: string, val: string) {\n  let className = classMap[type]\n  if (val == null) {\n    return undefined\n  }\n  if (prop) {\n    // alignSm -> Sm\n    const breakpoint = prop.replace(type, '')\n    className += `-${breakpoint}`\n  }\n  // .align-items-sm-center\n  className += `-${val}`\n  return className.toLowerCase()\n}\n\nconst cache = new Map<string, any[]>()\n\nexport default Vue.extend({\n  name: 'v-row',\n  functional: true,\n  props: {\n    tag: {\n      type: String,\n      default: 'div',\n    },\n    dense: Boolean,\n    noGutters: Boolean,\n    align: {\n      type: String,\n      default: null,\n      validator: alignValidator,\n    },\n    ...alignProps,\n    justify: {\n      type: String,\n      default: null,\n      validator: justifyValidator,\n    },\n    ...justifyProps,\n    alignContent: {\n      type: String,\n      default: null,\n      validator: alignContentValidator,\n    },\n    ...alignContentProps,\n  },\n  render (h, { props, data, children }) {\n    // Super-fast memoization based on props, 5x faster than JSON.stringify\n    let cacheKey = ''\n    for (const prop in props) {\n      cacheKey += String((props as any)[prop])\n    }\n    let classList = cache.get(cacheKey)\n\n    if (!classList) {\n      classList = []\n      // Loop through `align`, `justify`, `alignContent` breakpoint props\n      let type: keyof typeof propMap\n      for (type in propMap) {\n        propMap[type].forEach(prop => {\n          const value: string = (props as any)[prop]\n          const className = breakpointClass(type, prop, value)\n          if (className) classList!.push(className)\n        })\n      }\n\n      classList.push({\n        'no-gutters': props.noGutters,\n        'row--dense': props.dense,\n        [`align-${props.align}`]: props.align,\n        [`justify-${props.justify}`]: props.justify,\n        [`align-content-${props.alignContent}`]: props.alignContent,\n      })\n\n      cache.set(cacheKey, classList)\n    }\n\n    return h(\n      props.tag,\n      mergeData(data, {\n        staticClass: 'row',\n        class: classList,\n      }),\n      children\n    )\n  },\n})\n","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.values)?_c('div',{key:_vm.iframeUpdate,staticClass:\"banner-editor-preview justify-center\"},[_c('iframe',{ref:\"iframe\",tag:\"component\",staticClass:\"iframe\",style:(_vm.iframeStyle)})],1):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"banner-editor-preview justify-center\" :key=\"iframeUpdate\" v-if=\"values\">\n    <component :is=\"'iframe'\" ref=\"iframe\" class=\"iframe\" :style=\"iframeStyle\"></component>\n  </div>\n</template>\n\n\n<style>\n  .banner-editor-preview iframe {\n    border: 0;\n    height: 100%;\n    width: 100%;\n  }\n  .banner-editor-preview {\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n  }\n</style>\n\n<script>\n\nexport default {\n  name:'BannerEditorPreview',\n  data: () => ({\n    iframeUpdate: 0,\n  }),\n  props: {\n    values: {\n      type: Object,\n      default: () => ({})\n    },\n    data: {\n      type: Object,\n      default: () => ({})\n    }\n  },\n\n  computed: {\n    ratio () {\n      return this.values.content.height<this.values.content.width ? this.values.content.height/this.values.content.width : this.values.content.width/this.values.content.height\n    },\n    iframeStyle () {\n      const height = this.values.content && this.values.content.height ? this.values.content.height+'px;' : '100%;'\n      const width  = this.values.content && this.values.content.width  ? this.values.content.width+'px;'  : '100%;'\n      return 'width:'+width+';' + 'height:'+height+'; max-width:100%;'\n    },\n    ratio_width () {\n      return (this.values.content.width)\n    },\n    ratio_height () {\n      return (this.values.content.height)\n    },\n    image_formats () {\n      return [\n        {name: 'banner', height: this.values.content.height, width: this.values.content.width },\n      ]\n    },\n    macrosInHtml () {\n      let content = ''\n      if (this.values.content.html) content += this.values.content.html\n      if (this.values.content.style) content += this.values.content.style\n      if (this.values.content.script) content += this.values.content.script\n      if (content) {\n        const regex = /(\\$[a-z0-9]{1,30})/gmi\n        return ((content).match(regex)) || []\n      }\n      return []\n    },\n    // compiledHtml () {\n    //   let content = ''\n    //   if (this.values.content.html) {\n    //     content = this.values.content.html.replace(/(\\$[a-z0-9]{1,30})/gmi, (a) => {\n    //       if (typeof this.values.content[a] !== 'undefined') {\n    //         return this.values.content[a]\n    //       }\n    //       return a//'<span class=\"yellow\" title=\"'+ this.values.$i18n.t('BANNER_EDITOR.NO_VALUE')+'\">' + a + '</span>'\n    //     })\n    //   }\n    //   return content\n    // },\n    // compiledStyle () {\n    //   let content = ''\n    //   if (this.values.content.style) {\n    //     content = this.values.content.style.replace(/(\\$[a-z0-9]{1,30})/gmi, (a) => {\n    //       if (typeof this.values.content[a] !== 'undefined') {\n    //         return this.values.content[a]\n    //       }\n    //       return a\n    //     })\n    //   }\n    //   return content\n    // },\n    // compiledScript () {\n    //   let content = ''\n    //   if (this.values.content.script) {\n    //     content = this.values.content.script.replace(/(\\$[a-z0-9]{1,30})/gmi, (a) => {\n    //       if (typeof this.values.content[a] !== 'undefined') {\n    //         return this.values.content[a]\n    //       }\n    //       return a\n    //     })\n    //   }\n    //   return content\n    // }\n  },\n\n  watch: {\n    values: {\n      handler (n) {\n        this.generateIframe()\n      },\n      deep: true,\n    }\n  },\n\n  mounted () {\n    this.generateIframe()\n  },\n\n  methods: {\n\n    fillData (v) {\n      return v.replace(/(\\$[a-z0-9_.]{1,30})/gmi, (a) => {\n        return this.$nestedData(a.slice(1,a.length), this.data, v)\n      })\n    },\n    compileHtml () {\n      let content = ''\n      if (this.values.content.html) {\n        content = this.values.content.html.replace(/(\\$[a-z0-9_]{1,30})/gmi, (a) => {\n          if (typeof this.values.content[a] !== 'undefined') {\n            return this.fillData(this.values.content[a])\n          }\n          return a//'<span class=\"yellow\" title=\"'+ this.values.$i18n.t('BANNER_EDITOR.NO_VALUE')+'\">' + a + '</span>'\n        })\n      }\n      return content\n    },\n    compileStyle () {\n      let content = ''\n      if (this.values.content.style) {\n        content = this.values.content.style.replace(/(\\$[a-z0-9_]{1,30})/gmi, (a) => {\n          if (typeof this.values.content[a] !== 'undefined') {\n            return this.values.content[a]\n          }\n          return a\n        })\n      }\n      return content\n    },\n    compileScript () {\n      let content = ''\n      if (this.values.content.script) {\n        content = this.values.content.script.replace(/(\\$[a-z0-9_]{1,30})/gmi, (a) => {\n          if (typeof this.values.content[a] !== 'undefined') {\n            return this.values.content[a]\n          }\n          return a\n        })\n      }\n      return content\n    },\n\n    generateIframe () {\n      const height = this.values.content && this.values.content.height ? this.values.content.height+'px;' : '100%;'\n      const width  = this.values.content && this.values.content.width  ? this.values.content.width+'px;'  : '100%;'\n\n      const iframe = this.$refs.iframe\n      const html = this.compileHtml()\n      const script = this.compileScript()\n      const style = 'html, body {margin:0; padding:0; height:'+height+'; width:'+width+'; min-height:'+height+'; min-width:'+width+'; overflow:hidden; }\\n\\n' + this.compileStyle()\n\n      let file = ''\n      if (html.includes('<html')) {\n        file = html\n      } else {\n        file = '<html>'\n        + '<head></head>'\n        + '<body></body>'\n        + '</html>'\n      }\n      if (style) {\n        file = file.replace('</head>', '<style>'+style+'</style>\\n</head>')\n      }\n      // if (script) file = file.replace('</body>', '<script>'+script+'</scr'+'ipt>\\n</body>')\n\n      let blob = new Blob([file], { type: 'text/html' })\n      const url = URL.createObjectURL(blob)\n      if (iframe && iframe.src) {\n        URL.revokeObjectURL(iframe.src)\n        iframe.src = null\n      }\n      iframe.src = url\n      // this.iframeUpdate++\n    },\n\n\n    handleImage (images = {}) {\n      this.images = images || {}\n      if (images && images.banner) {\n        this.values.content.image = images.banner\n      }\n    },\n  }\n\n\n}\n\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BannerEditor.preview.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BannerEditor.preview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BannerEditor.preview.vue?vue&type=template&id=30fddbf1&\"\nimport script from \"./BannerEditor.preview.vue?vue&type=script&lang=js&\"\nexport * from \"./BannerEditor.preview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BannerEditor.preview.vue?vue&type=style&index=0&id=30fddbf1&prod&lang=css&\"\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\nexport default component.exports","import './VGrid.sass'\n\nimport Vue, { VNode, PropOptions } from 'vue'\nimport mergeData from '../../util/mergeData'\nimport { upperFirst } from '../../util/helpers'\n\n// no xs\nconst breakpoints = ['sm', 'md', 'lg', 'xl']\n\nconst breakpointProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props[val] = {\n      type: [Boolean, String, Number],\n      default: false,\n    }\n    return props\n  }, {} as Dictionary<PropOptions>)\n})()\n\nconst offsetProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props['offset' + upperFirst(val)] = {\n      type: [String, Number],\n      default: null,\n    }\n    return props\n  }, {} as Dictionary<PropOptions>)\n})()\n\nconst orderProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props['order' + upperFirst(val)] = {\n      type: [String, Number],\n      default: null,\n    }\n    return props\n  }, {} as Dictionary<PropOptions>)\n})()\n\nconst propMap = {\n  col: Object.keys(breakpointProps),\n  offset: Object.keys(offsetProps),\n  order: Object.keys(orderProps),\n}\n\nfunction breakpointClass (type: keyof typeof propMap, prop: string, val: boolean | string | number) {\n  let className = type\n  if (val == null || val === false) {\n    return undefined\n  }\n  if (prop) {\n    const breakpoint = prop.replace(type, '')\n    className += `-${breakpoint}`\n  }\n  // Handling the boolean style prop when accepting [Boolean, String, Number]\n  // means Vue will not convert <v-col sm></v-col> to sm: true for us.\n  // Since the default is false, an empty string indicates the prop's presence.\n  if (type === 'col' && (val === '' || val === true)) {\n    // .col-md\n    return className.toLowerCase()\n  }\n  // .order-md-6\n  className += `-${val}`\n  return className.toLowerCase()\n}\n\nconst cache = new Map<string, any[]>()\n\nexport default Vue.extend({\n  name: 'v-col',\n  functional: true,\n  props: {\n    cols: {\n      type: [Boolean, String, Number],\n      default: false,\n    },\n    ...breakpointProps,\n    offset: {\n      type: [String, Number],\n      default: null,\n    },\n    ...offsetProps,\n    order: {\n      type: [String, Number],\n      default: null,\n    },\n    ...orderProps,\n    alignSelf: {\n      type: String,\n      default: null,\n      validator: (str: any) => ['auto', 'start', 'end', 'center', 'baseline', 'stretch'].includes(str),\n    },\n    tag: {\n      type: String,\n      default: 'div',\n    },\n  },\n  render (h, { props, data, children, parent }): VNode {\n    // Super-fast memoization based on props, 5x faster than JSON.stringify\n    let cacheKey = ''\n    for (const prop in props) {\n      cacheKey += String((props as any)[prop])\n    }\n    let classList = cache.get(cacheKey)\n\n    if (!classList) {\n      classList = []\n      // Loop through `col`, `offset`, `order` breakpoint props\n      let type: keyof typeof propMap\n      for (type in propMap) {\n        propMap[type].forEach(prop => {\n          const value: string | number | boolean = (props as any)[prop]\n          const className = breakpointClass(type, prop, value)\n          if (className) classList!.push(className)\n        })\n      }\n\n      const hasColClasses = classList.some(className => className.startsWith('col-'))\n\n      classList.push({\n        // Default to .col if no other col-{bp}-* classes generated nor `cols` specified.\n        col: !hasColClasses || !props.cols,\n        [`col-${props.cols}`]: props.cols,\n        [`offset-${props.offset}`]: props.offset,\n        [`order-${props.order}`]: props.order,\n        [`align-self-${props.alignSelf}`]: props.alignSelf,\n      })\n\n      cache.set(cacheKey, classList)\n    }\n\n    return h(props.tag, mergeData(data, { class: classList }), children)\n  },\n})\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputImage.vue?vue&type=style&index=0&id=261110bd&prod&lang=scss&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BannerEditor.preview.vue?vue&type=style&index=0&id=30fddbf1&prod&lang=css&\"","// Styles\nimport './VTextarea.sass'\n\n// Extensions\nimport VTextField from '../VTextField/VTextField'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport Vue from 'vue'\n\ninterface options extends Vue {\n  $refs: {\n    input: HTMLTextAreaElement\n  }\n}\n\nconst baseMixins = mixins<options &\n  InstanceType<typeof VTextField>\n>(\n  VTextField\n)\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-textarea',\n\n  props: {\n    autoGrow: Boolean,\n    noResize: Boolean,\n    rowHeight: {\n      type: [Number, String],\n      default: 24,\n      validator: (v: any) => !isNaN(parseFloat(v)),\n    },\n    rows: {\n      type: [Number, String],\n      default: 5,\n      validator: (v: any) => !isNaN(parseInt(v, 10)),\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-textarea': true,\n        'v-textarea--auto-grow': this.autoGrow,\n        'v-textarea--no-resize': this.noResizeHandle,\n        ...VTextField.options.computed.classes.call(this),\n      }\n    },\n    noResizeHandle (): boolean {\n      return this.noResize || this.autoGrow\n    },\n  },\n\n  watch: {\n    autoGrow (val: boolean) {\n      this.$nextTick(() => {\n        val\n          ? this.calculateInputHeight()\n          : this.$refs.input?.style.removeProperty('height')\n      })\n    },\n    lazyValue () {\n      this.autoGrow && this.$nextTick(this.calculateInputHeight)\n    },\n    rowHeight () {\n      this.autoGrow && this.$nextTick(this.calculateInputHeight)\n    },\n  },\n\n  mounted () {\n    setTimeout(() => {\n      this.autoGrow && this.calculateInputHeight()\n    }, 0)\n  },\n\n  methods: {\n    calculateInputHeight () {\n      const input = this.$refs.input\n      if (!input) return\n\n      input.style.height = '0'\n      const height = input.scrollHeight\n      const minHeight = parseInt(this.rows, 10) * parseFloat(this.rowHeight)\n      // This has to be done ASAP, waiting for Vue\n      // to update the DOM causes ugly layout jumping\n      input.style.height = Math.max(minHeight, height) + 'px'\n    },\n    genInput () {\n      const input = VTextField.options.methods.genInput.call(this)\n\n      input.tag = 'textarea'\n      delete input.data!.attrs!.type\n      input.data!.attrs!.rows = this.rows\n\n      return input\n    },\n    onInput (e: Event) {\n      VTextField.options.methods.onInput.call(this, e)\n      this.autoGrow && this.calculateInputHeight()\n    },\n    onKeyDown (e: KeyboardEvent) {\n      // Prevents closing of a\n      // dialog when pressing\n      // enter\n      if (this.isFocused && e.keyCode === 13) {\n        e.stopPropagation()\n      }\n\n      this.$emit('keydown', e)\n    },\n  },\n})\n","import { VNodeDirective, VNode } from 'vue/types/vnode'\nimport { keys } from '../../util/helpers'\nimport { TouchHandlers, TouchValue, TouchWrapper } from 'vuetify/types'\n\nexport interface TouchStoredHandlers {\n  touchstart: (e: TouchEvent) => void\n  touchend: (e: TouchEvent) => void\n  touchmove: (e: TouchEvent) => void\n}\n\ninterface TouchVNodeDirective extends VNodeDirective {\n  value?: TouchValue\n}\n\nconst handleGesture = (wrapper: TouchWrapper) => {\n  const { touchstartX, touchendX, touchstartY, touchendY } = wrapper\n  const dirRatio = 0.5\n  const minDistance = 16\n  wrapper.offsetX = touchendX - touchstartX\n  wrapper.offsetY = touchendY - touchstartY\n\n  if (Math.abs(wrapper.offsetY) < dirRatio * Math.abs(wrapper.offsetX)) {\n    wrapper.left && (touchendX < touchstartX - minDistance) && wrapper.left(wrapper)\n    wrapper.right && (touchendX > touchstartX + minDistance) && wrapper.right(wrapper)\n  }\n\n  if (Math.abs(wrapper.offsetX) < dirRatio * Math.abs(wrapper.offsetY)) {\n    wrapper.up && (touchendY < touchstartY - minDistance) && wrapper.up(wrapper)\n    wrapper.down && (touchendY > touchstartY + minDistance) && wrapper.down(wrapper)\n  }\n}\n\nfunction touchstart (event: TouchEvent, wrapper: TouchWrapper) {\n  const touch = event.changedTouches[0]\n  wrapper.touchstartX = touch.clientX\n  wrapper.touchstartY = touch.clientY\n\n  wrapper.start &&\n    wrapper.start(Object.assign(event, wrapper))\n}\n\nfunction touchend (event: TouchEvent, wrapper: TouchWrapper) {\n  const touch = event.changedTouches[0]\n  wrapper.touchendX = touch.clientX\n  wrapper.touchendY = touch.clientY\n\n  wrapper.end &&\n    wrapper.end(Object.assign(event, wrapper))\n\n  handleGesture(wrapper)\n}\n\nfunction touchmove (event: TouchEvent, wrapper: TouchWrapper) {\n  const touch = event.changedTouches[0]\n  wrapper.touchmoveX = touch.clientX\n  wrapper.touchmoveY = touch.clientY\n\n  wrapper.move && wrapper.move(Object.assign(event, wrapper))\n}\n\nfunction createHandlers (value: TouchHandlers): TouchStoredHandlers {\n  const wrapper = {\n    touchstartX: 0,\n    touchstartY: 0,\n    touchendX: 0,\n    touchendY: 0,\n    touchmoveX: 0,\n    touchmoveY: 0,\n    offsetX: 0,\n    offsetY: 0,\n    left: value.left,\n    right: value.right,\n    up: value.up,\n    down: value.down,\n    start: value.start,\n    move: value.move,\n    end: value.end,\n  }\n\n  return {\n    touchstart: (e: TouchEvent) => touchstart(e, wrapper),\n    touchend: (e: TouchEvent) => touchend(e, wrapper),\n    touchmove: (e: TouchEvent) => touchmove(e, wrapper),\n  }\n}\n\nfunction inserted (el: HTMLElement, binding: TouchVNodeDirective, vnode: VNode) {\n  const value = binding.value!\n  const target = value.parent ? el.parentElement : el\n  const options = value.options || { passive: true }\n\n  // Needed to pass unit tests\n  if (!target) return\n\n  const handlers = createHandlers(binding.value!)\n  target._touchHandlers = Object(target._touchHandlers)\n  target._touchHandlers![vnode.context!._uid] = handlers\n\n  keys(handlers).forEach(eventName => {\n    target.addEventListener(eventName, handlers[eventName] as EventListener, options)\n  })\n}\n\nfunction unbind (el: HTMLElement, binding: TouchVNodeDirective, vnode: VNode) {\n  const target = binding.value!.parent ? el.parentElement : el\n  if (!target || !target._touchHandlers) return\n\n  const handlers = target._touchHandlers[vnode.context!._uid]\n  keys(handlers).forEach(eventName => {\n    target.removeEventListener(eventName, handlers[eventName])\n  })\n  delete target._touchHandlers[vnode.context!._uid]\n}\n\nexport const Touch = {\n  inserted,\n  unbind,\n}\n\nexport default Touch\n","// Components\nimport VWindow from './VWindow'\n\n// Mixins\nimport Bootable from '../../mixins/bootable'\nimport { factory as GroupableFactory } from '../../mixins/groupable'\n\n// Directives\nimport Touch from '../../directives/touch'\n\n// Utilities\nimport { convertToUnit } from '../../util/helpers'\nimport mixins, { ExtractVue } from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\n\nconst baseMixins = mixins(\n  Bootable,\n  GroupableFactory('windowGroup', 'v-window-item', 'v-window')\n)\n\ninterface options extends ExtractVue<typeof baseMixins> {\n  $el: HTMLElement\n  windowGroup: InstanceType<typeof VWindow>\n}\n\nexport default baseMixins.extend<options>().extend(\n  /* @vue/component */\n).extend({\n  name: 'v-window-item',\n\n  directives: {\n    Touch,\n  },\n\n  props: {\n    disabled: Boolean,\n    reverseTransition: {\n      type: [Boolean, String],\n      default: undefined,\n    },\n    transition: {\n      type: [Boolean, String],\n      default: undefined,\n    },\n    value: {\n      required: false,\n    },\n  },\n\n  data () {\n    return {\n      isActive: false,\n      inTransition: false,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return this.groupClasses\n    },\n    computedTransition (): string | boolean {\n      if (!this.windowGroup.internalReverse) {\n        return typeof this.transition !== 'undefined'\n          ? this.transition || ''\n          : this.windowGroup.computedTransition\n      }\n\n      return typeof this.reverseTransition !== 'undefined'\n        ? this.reverseTransition || ''\n        : this.windowGroup.computedTransition\n    },\n  },\n\n  methods: {\n    genDefaultSlot () {\n      return this.$slots.default\n    },\n    genWindowItem () {\n      return this.$createElement('div', {\n        staticClass: 'v-window-item',\n        class: this.classes,\n        directives: [{\n          name: 'show',\n          value: this.isActive,\n        }],\n        on: this.$listeners,\n      }, this.genDefaultSlot())\n    },\n    onAfterTransition () {\n      if (!this.inTransition) {\n        return\n      }\n\n      // Finalize transition state.\n      this.inTransition = false\n      if (this.windowGroup.transitionCount > 0) {\n        this.windowGroup.transitionCount--\n\n        // Remove container height if we are out of transition.\n        if (this.windowGroup.transitionCount === 0) {\n          this.windowGroup.transitionHeight = undefined\n        }\n      }\n    },\n    onBeforeTransition () {\n      if (this.inTransition) {\n        return\n      }\n\n      // Initialize transition state here.\n      this.inTransition = true\n      if (this.windowGroup.transitionCount === 0) {\n        // Set initial height for height transition.\n        this.windowGroup.transitionHeight = convertToUnit(this.windowGroup.$el.clientHeight)\n      }\n      this.windowGroup.transitionCount++\n    },\n    onTransitionCancelled () {\n      this.onAfterTransition() // This should have the same path as normal transition end.\n    },\n    onEnter (el: HTMLElement) {\n      if (!this.inTransition) {\n        return\n      }\n\n      this.$nextTick(() => {\n        // Do not set height if no transition or cancelled.\n        if (!this.computedTransition || !this.inTransition) {\n          return\n        }\n\n        // Set transition target height.\n        this.windowGroup.transitionHeight = convertToUnit(el.clientHeight)\n      })\n    },\n  },\n\n  render (h): VNode {\n    return h('transition', {\n      props: {\n        name: this.computedTransition,\n      },\n      on: {\n        // Handlers for enter windows.\n        beforeEnter: this.onBeforeTransition,\n        afterEnter: this.onAfterTransition,\n        enterCancelled: this.onTransitionCancelled,\n\n        // Handlers for leave windows.\n        beforeLeave: this.onBeforeTransition,\n        afterLeave: this.onAfterTransition,\n        leaveCancelled: this.onTransitionCancelled,\n\n        // Enter handler for height transition.\n        enter: this.onEnter,\n      },\n    }, this.showLazyContent(() => [this.genWindowItem()]))\n  },\n})\n","// Extensions\nimport VWindowItem from '../VWindow/VWindowItem'\n\n/* @vue/component */\nexport default VWindowItem.extend({\n  name: 'v-tab-item',\n\n  props: {\n    id: String,\n  },\n\n  methods: {\n    genWindowItem () {\n      const item = VWindowItem.options.methods.genWindowItem.call(this)\n\n      item.data!.domProps = item.data!.domProps || {}\n      item.data!.domProps.id = this.id || this.value\n\n      return item\n    },\n  },\n})\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BannerEditor.html.vue?vue&type=style&index=0&id=32821c8d&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-row',{staticClass:\"ma-0 height-100\"},[_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('div',[_c('p',{staticClass:\"primary--text mb-0\"},[_vm._v(_vm._s(_vm.$t('BANNER_EDITOR.SIZE')))]),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"3\"}},[_c('small',[_vm._v(_vm._s(_vm.$t('BANNER_EDITOR.WIDTH')))]),_c('v-text-field',{attrs:{\"type\":\"number\",\"min\":\"10\",\"max\":\"1280\",\"outlined\":\"\",\"hide-details\":\"\",\"dense\":\"\"},model:{value:(_vm.content.width),callback:function ($$v) {_vm.$set(_vm.content, \"width\", $$v)},expression:\"content.width\"}})],1),_c('v-col',{staticClass:\"text-center\",attrs:{\"cols\":\"1\"}},[_c('p',{staticClass:\"mt-8\"},[_vm._v(\"x\")])]),_c('v-col',{attrs:{\"cols\":\"3\"}},[_c('small',[_vm._v(_vm._s(_vm.$t('BANNER_EDITOR.HEIGHT')))]),_c('v-text-field',{attrs:{\"type\":\"number\",\"min\":\"10\",\"max\":\"640\",\"outlined\":\"\",\"hide-details\":\"\",\"dense\":\"\"},model:{value:(_vm.content.height),callback:function ($$v) {_vm.$set(_vm.content, \"height\", $$v)},expression:\"content.height\"}})],1),_c('v-col',{attrs:{\"cols\":\"5\"}},[_c('p',{staticClass:\"mt-8\"},[_vm._v(\"pixels\")])])],1)],1),_c('v-divider',{staticClass:\"mt-6 mb-6\"}),_c('p',{staticClass:\"primary--text\"},[_vm._v(_vm._s(_vm.$t('BANNER_EDITOR.PARAMS'))+\" \"),_c('v-btn',{staticClass:\"secondary black--text\",attrs:{\"depressed\":\"\",\"x-small\":\"\"},on:{\"click\":_vm.putExampleData}},[_vm._v(_vm._s(_vm.$t('BANNER_EDITOR.EXAMPLE_DATA')))])],1),_c('v-tabs',{model:{value:(_vm.tab),callback:function ($$v) {_vm.tab=$$v},expression:\"tab\"}},[_c('v-tab',[_vm._v(\"HTML\")]),_c('v-tab',[_vm._v(\"Script\")]),_c('v-tab',[_vm._v(\"Style\")]),_c('v-tab',[_vm._v(\"Macros \"),_c('v-chip',{class:['ml-2', _vm.macrosInHtml.length > 0 ? 'success' : 'grey lighten-2'],attrs:{\"x-small\":\"\"}},[_vm._v(_vm._s(_vm.macrosInHtml.length))])],1),_c('v-spacer'),_c('v-tab',[_vm._v(_vm._s(_vm.$t('BANNER_EDITOR.ADVANCED')))])],1),_c('v-divider'),_c('v-tabs-items',{staticClass:\"pa-4\",attrs:{\"slider-color\":\"accent\",\"eager\":true},model:{value:(_vm.tab),callback:function ($$v) {_vm.tab=$$v},expression:\"tab\"}},[_c('v-tab-item',{attrs:{\"transition\":\"none\"}},[_c('v-textarea',{attrs:{\"outlined\":\"\",\"dense\":\"\",\"hide-details\":\"\",\"label\":\"Template (html)\",\"height\":\"32vh\",\"rules\":[_vm.$rules.required]},model:{value:(_vm.content.html),callback:function ($$v) {_vm.$set(_vm.content, \"html\", $$v)},expression:\"content.html\"}})],1),_c('v-tab-item',{attrs:{\"transition\":\"none\"}},[_c('v-textarea',{attrs:{\"outlined\":\"\",\"dense\":\"\",\"hide-details\":\"\",\"label\":\"Script (javascript)\",\"height\":\"32vh\"},model:{value:(_vm.content.script),callback:function ($$v) {_vm.$set(_vm.content, \"script\", $$v)},expression:\"content.script\"}})],1),_c('v-tab-item',{attrs:{\"transition\":\"none\"}},[_c('v-textarea',{attrs:{\"outlined\":\"\",\"dense\":\"\",\"hide-details\":\"\",\"label\":\"Style (css)\",\"height\":\"32vh\"},model:{value:(_vm.content.style),callback:function ($$v) {_vm.$set(_vm.content, \"style\", $$v)},expression:\"content.style\"}})],1),_c('v-tab-item',{attrs:{\"transition\":\"none\"}},[(_vm.macrosInHtml.length === 0)?_c('div',{staticClass:\"text-center\"},[_c('small',{staticClass:\"grey--text\"},[_vm._v(_vm._s(_vm.$t('BANNER_EDITOR.NO_MACRO')))])]):_vm._l((_vm.macrosInHtml),function(macro,i){return _c('div',{key:'ma'+i,staticClass:\"mb-4\"},[_c('v-text-field',{attrs:{\"outlined\":\"\",\"dense\":\"\",\"hide-details\":\"\",\"label\":macro,\"rules\":[_vm.$rules.required]},model:{value:(_vm.content[macro]),callback:function ($$v) {_vm.$set(_vm.content, macro, $$v)},expression:\"content[macro]\"}})],1)})],2),_c('v-tab-item',{attrs:{\"transition\":\"none\"}},[_c('div',{staticClass:\"text-center\"},[_c('small',{staticClass:\"grey--text\"},[_vm._v(_vm._s(_vm.$t('BANNER_EDITOR.NO_ADVANCED')))])])])],1)],1),_c('v-divider',{attrs:{\"vertical\":\"\"}}),_c('v-col',{staticClass:\"d-flex flex-column align-center pt-10 grey lighten-3\",attrs:{\"cols\":\"6\"}},[_c('p',{staticClass:\"grey--text\"},[_c('small',[_c('i',[_vm._v(_vm._s(_vm.$t('BANNER_EDITOR.BANNER_EXAMPLE')))])])]),_c('div',{staticClass:\"d-inline-block white elevation-4\",style:({width:_vm.ratio_width+'px', height:_vm.ratio_height+'px', transform:'scale(0.66)', overflow:'hidden'})},[_c('BannerEditorPreview',{attrs:{\"values\":{content: _vm.content}}})],1)])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <v-row class=\"ma-0 height-100\">\n      <v-col cols=\"6\">\n\n        <div>\n        <p class=\"primary--text mb-0\">{{$t('BANNER_EDITOR.SIZE')}}</p>\n          <v-row>\n            <v-col cols=\"3\">\n              <small>{{$t('BANNER_EDITOR.WIDTH')}}</small>\n              <v-text-field type=\"number\" min=\"10\" max=\"1280\" outlined hide-details dense v-model=\"content.width\"/>\n            </v-col>\n            <v-col cols=\"1\" class=\"text-center\">\n              <p class=\"mt-8\">x</p>\n            </v-col>\n            <v-col cols=\"3\">\n              <small>{{$t('BANNER_EDITOR.HEIGHT')}}</small>\n              <v-text-field type=\"number\" min=\"10\" max=\"640\" outlined hide-details dense v-model=\"content.height\" />\n            </v-col>\n            <v-col cols=\"5\">\n              <p class=\"mt-8\">pixels</p>\n            </v-col>\n          </v-row>\n        </div>\n\n        <v-divider class=\"mt-6 mb-6\" />\n\n        <p class=\"primary--text\">{{$t('BANNER_EDITOR.PARAMS')}}&nbsp;<v-btn class=\"secondary black--text\" depressed x-small @click=\"putExampleData\">{{$t('BANNER_EDITOR.EXAMPLE_DATA')}}</v-btn></p>\n        <v-tabs v-model=\"tab\">\n          <v-tab>HTML</v-tab>\n          <v-tab>Script</v-tab>\n          <v-tab>Style</v-tab>\n          <v-tab>Macros <v-chip x-small :class=\"['ml-2', macrosInHtml.length > 0 ? 'success' : 'grey lighten-2']\">{{macrosInHtml.length}}</v-chip></v-tab>\n          <v-spacer />\n          <v-tab>{{$t('BANNER_EDITOR.ADVANCED')}}</v-tab>\n        </v-tabs>\n        <v-divider />\n\n\n        <v-tabs-items v-model=\"tab\" class=\"pa-4\" slider-color=\"accent\" :eager=\"true\">\n\n          <v-tab-item transition=\"none\">\n            <v-textarea\n            outlined\n            dense\n            hide-details\n            label=\"Template (html)\"\n            height=\"32vh\"\n            v-model=\"content.html\"\n            :rules=\"[$rules.required]\"\n            />\n          </v-tab-item>\n\n          <v-tab-item transition=\"none\">\n            <v-textarea\n            outlined\n            dense\n            hide-details\n            label=\"Script (javascript)\"\n            height=\"32vh\"\n            v-model=\"content.script\"\n            />\n          </v-tab-item>\n\n          <v-tab-item transition=\"none\">\n            <v-textarea\n            outlined\n            dense\n            hide-details\n            label=\"Style (css)\"\n            height=\"32vh\"\n            v-model=\"content.style\"\n            />\n          </v-tab-item>\n\n          <v-tab-item transition=\"none\">\n            <div v-if=\"macrosInHtml.length === 0\" class=\"text-center\">\n              <small class=\"grey--text\">{{$t('BANNER_EDITOR.NO_MACRO')}}</small>\n            </div>\n            <div v-else v-for=\"(macro, i) in macrosInHtml\" :key=\"'ma'+i\" class=\"mb-4\">\n              <v-text-field\n              outlined\n              dense\n              hide-details\n              :label=\"macro\"\n              v-model=\"content[macro]\"\n              :rules=\"[$rules.required]\"\n              />\n            </div>\n          </v-tab-item>\n\n          <v-tab-item transition=\"none\">\n            <div class=\"text-center\">\n              <small class=\"grey--text\">{{$t('BANNER_EDITOR.NO_ADVANCED')}}</small>\n            </div>\n            <!-- <div v-else v-for=\"(macro, i) in macrosInHtml\" :key=\"'ma'+i\" class=\"mb-4\">\n              <v-text-field\n              outlined\n              dense\n              hide-details\n              :label=\"macro\"\n              v-model=\"content[macro]\"\n              :rules=\"[$rules.required]\"\n              />\n            </div> -->\n          </v-tab-item>\n\n        </v-tabs-items>\n\n        <!--\n\n        <div>{{$t('BANNER_EDITOR.MACROS_IN_HTML')}}</div>\n        <div v-if=\"(macrosInHtml || []).length === 0\">\n          <small class=\"grey--text\">{{$t('BANNER_EDITOR.NO_MACRO')}}</small>\n        </div>\n        <div v-else>\n          <small class=\"grey--text\">{{$t('BANNER_EDITOR.MACRO_RELATION')}}</small>\n        </div>\n\n        <v-divider class=\"mt-6 mb-6\" />\n\n        <div class=\"mb-3\">\n          <v-textarea\n          outlined\n          dense\n          hide-details\n          label=\"Template (html)\"\n          v-model=\"content.html\"\n          :rules=\"[$rules.required]\"\n          />\n        </div>\n        <div class=\"mb-3\">\n          <v-textarea\n          outlined\n          dense\n          hide-details\n          label=\"Style (css)\"\n          v-model=\"content.style\"\n          />\n        </div>\n        <div class=\"mb-3\">\n          <v-textarea\n\n        {{content}}\n          outlined\n          dense\n          hide-details\n          label=\"Script (javascript)\"\n          v-model=\"content.script\"\n          />\n        </div> -->\n\n      </v-col>\n      <v-divider vertical />\n      <v-col cols=\"6\" class=\"d-flex flex-column align-center pt-10 grey lighten-3\">\n        <p class=\"grey--text\"><small><i>{{$t('BANNER_EDITOR.BANNER_EXAMPLE')}}</i></small></p>\n        <!-- {{content}} -->\n        <div class=\"d-inline-block white elevation-4\" :style=\"{width:ratio_width+'px', height:ratio_height+'px', transform:'scale(0.66)', overflow:'hidden'}\">\n          <BannerEditorPreview :values=\"{content}\" />\n          <!-- <div class=\"height-100 width-100\" v-html=\"compiledHtml\" /> -->\n          <!-- <component :is=\"'style'\">{{compiledStyle}}</component> -->\n        </div>\n        <!-- <div class=\"text-ellipsis text-nowrap mt-4\" :style=\"{width:ratio_width/1.5+'px', minWidth:'200px'}\"><small><strong>{{content.title}}</strong></small></div>\n        <div class=\"text-ellipsis text-nowrap\" :style=\"{width:ratio_width/1.5+'px', minWidth:'200px'}\"><small>{{content.description}}</small></div> -->\n      </v-col>\n    </v-row>\n</template>\n\n\n<style scoped>\n\n.iframe {\n  width: 100%;\n  height: 100%;\n}\n\n</style>\n\n<script>\n\nconst htmlExample = ''\n  + '<!DOCTYPE html>'\n  + '<html>'\n  + '<head>'\n    + '<meta charset=\"utf-8\">'\n  + '</head>'\n  + '<body>'\n    + '<div class=\"test-banner\">'\n      + '<h3>$title</h3>'\n      + '<h5>This is a dynamic macro !</h5>'\n    + '</div>'\n    + '</body>'\n  + '</html>'\n\nconst styleExample = '.test-banner { display: flex; flex-direction:column; height:100%; width:100%; text-align: center; justify-content: center; align-items: center; background:url($image) center center; background-size:cover;}'\n  + '\\n'\n  + '\\n'\n  + '.test-banner h3 { display:inline-block; padding: 10px; background: blue; color: #fff; animation: zoom 2s infinite; }'\n  + '\\n'\n  + '\\n'\n  + '@keyframes zoom {'\n  + '\\n'\n  + '0%{transform: scale(1) rotate(5deg);}'\n  + '\\n'\n  + '50%{transform: scale(0.9) rotate(-5deg);}'\n  + '\\n'\n  + '100%{transform: scale(1) rotate(5deg);}'\n  + '\\n'\n  + '}'\nimport BannerEditorPreview from './BannerEditor.preview'\nimport InputImage from '@/components/InputImage'\nexport default {\n  name:'BannerEditorHtml',\n  components: {\n    BannerEditorPreview,\n    InputImage\n  },\n  props: {\n    values: {\n      type: [Object, undefined],\n      default: () => ({})\n    }\n  },\n  created () {\n    this.attribValues()\n  },\n  data: () => ({\n    tab: 0,\n    images: {},\n\n    //\n    params: {\n    },\n    content: {\n      width: 200,\n      height: 200,\n      html:'',\n      style:'',\n      script:'',\n    }\n  }),\n\n  computed: {\n    ratio () {\n      return this.content.height<this.content.width ? this.content.height/this.content.width : this.content.width/this.content.height\n    },\n    ratio_width () {\n      return (this.content.width)\n    },\n    ratio_height () {\n      return (this.content.height)\n    },\n    image_formats () {\n      return [\n        {name: 'banner', height: this.content.height, width: this.content.width },\n      ]\n    },\n    macrosInHtml () {\n      let content = ''\n      if (this.content.html) content += this.content.html\n      if (this.content.style) content += this.content.style\n      if (this.content.script) content += this.content.script\n      if (content) {\n        const regex = /(\\$[a-z0-9]{1,30})/gmi\n        return [...new Set(((content).match(regex)) || [])]\n      }\n      return []\n    },\n    // compiledHtml () {\n    //   let content = ''\n    //   if (this.content.html) {\n    //     content = this.content.html.replace(/(\\$[a-z0-9]{1,30})/gmi, (a) => {\n    //       if (typeof this.content[a] !== 'undefined') {\n    //         return this.content[a]\n    //       }\n    //       return a//'<span class=\"yellow\" title=\"'+ this.$i18n.t('BANNER_EDITOR.NO_VALUE')+'\">' + a + '</span>'\n    //     })\n    //   }\n    //   return content\n    // },\n    // compiledStyle () {\n    //   let content = ''\n    //   if (this.content.style) {\n    //     content = this.content.style.replace(/(\\$[a-z0-9]{1,30})/gmi, (a) => {\n    //       if (typeof this.content[a] !== 'undefined') {\n    //         return this.content[a]\n    //       }\n    //       return a\n    //     })\n    //   }\n    //   return content\n    // },\n    // compiledScript () {\n    //   let content = ''\n    //   if (this.content.script) {\n    //     content = this.content.script.replace(/(\\$[a-z0-9]{1,30})/gmi, (a) => {\n    //       if (typeof this.content[a] !== 'undefined') {\n    //         return this.content[a]\n    //       }\n    //       return a\n    //     })\n    //   }\n    //   return content\n    // }\n  },\n\n  watch: {\n    content: {\n      handler (n) {\n        // console.log('VALUES', n)\n        this.$emit('input', this.$clone({\n          content: this.$clone(this.content),\n          params: this.$clone(this.params),\n        }))\n        // this.generateIframe()\n      },\n      deep: true\n    }\n  },\n\n  methods: {\n    // generateIframe () {\n    //   const iframe = this.$refs.iframe\n    //   let file = '<html>'\n    //   file += '<head>'\n    //   file += '<' + 'script>'+this.compiledScript+'<' + '/script>'\n    //   file += '<style>html, body { margin: 0; padding: 0; overflow:hidden; height:100%; width:100%; }'+this.compiledStyle+'</style>'\n    //   file += '</head>'\n    //   file += '<body>' + this.compiledHtml+'</body>'\n    //   file += '</html>'\n    //   let blob = new Blob([file], { type: 'text/html' })\n    //   const url = URL.createObjectURL(blob)\n    //   iframe.src = url\n    // },\n    //\n    // updateValues () {\n    //   this.$emit('input', this.$clone({\n    //     content: this.content,\n    //     params: this.params,\n    //     width: this.content.width,\n    //     height: this.content.height,\n    //   }))\n    // },\n\n    putExampleData () {\n      this.content = {\n        $test: 'HELLO !',\n        $image: 'https://upload.wikimedia.org/wikipedia/commons/thumb/a/a8/Tour_Eiffel_Wikimedia_Commons.jpg/260px-Tour_Eiffel_Wikimedia_Commons.jpg',\n        html: htmlExample,\n        style: styleExample,\n        width: 120,\n        height: 600,\n      }\n    },\n\n    handleImage (images = {}) {\n      this.images = images || {}\n      console.log(images)\n      if (images && images.banner) {\n        this.content.image = images.banner\n      }\n    },\n\n    attribValues () {\n      const values = this.$clone(this.values)\n      Object.keys(values).forEach(key => {\n        this[key] = values[key]\n      })\n    },\n  }\n\n}\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BannerEditor.html.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BannerEditor.html.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BannerEditor.html.vue?vue&type=template&id=32821c8d&scoped=true&\"\nimport script from \"./BannerEditor.html.vue?vue&type=script&lang=js&\"\nexport * from \"./BannerEditor.html.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BannerEditor.html.vue?vue&type=style&index=0&id=32821c8d&prod&scoped=true&lang=css&\"\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  \"32821c8d\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTab } from 'vuetify/lib/components/VTabs';\nimport { VTabItem } from 'vuetify/lib/components/VTabs';\nimport { VTabs } from 'vuetify/lib/components/VTabs';\nimport { VTabsItems } from 'vuetify/lib/components/VTabs';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\nimport { VTextarea } from 'vuetify/lib/components/VTextarea';\ninstallComponents(component, {VBtn,VChip,VCol,VDivider,VRow,VSpacer,VTab,VTabItem,VTabs,VTabsItems,VTextField,VTextarea})\n"],"sourceRoot":""}