{"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/components/VGrid/VCol.ts","webpack:///./src/components/InputImage.vue?579b","webpack:///./src/forms/creative/BannerEditor.image.vue","webpack:///src/forms/creative/BannerEditor.image.vue","webpack:///./src/forms/creative/BannerEditor.image.vue?3918","webpack:///./src/forms/creative/BannerEditor.image.vue?edde"],"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","breakpointProps","Number","offsetProps","orderProps","col","offset","order","cols","alignSelf","parent","hasColClasses","some","startsWith","model","content","callback","$$v","$set","expression","$rules","min","image_formats","handleImage","title","description","style","ratio_width","ratio_height","transform","marginBottom","minWidth","InputImage","values","created","ratio","handler","params","deep","putExampleData","attribValues","banner","VCol","VDivider","VRow","VTextField"],"mappings":"8MAAA,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-281633b0.5e5c1bd5.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","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&\"","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('p',{staticClass:\"primary--text mb-0\"},[_vm._v(_vm._s(_vm.$t('BANNER_EDITOR.SIZE')))]),_c('div',[_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\",\"hide-details\":\"\",\"outlined\":\"\",\"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\",\"hide-details\":\"\",\"outlined\":\"\",\"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('div',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('div',[_vm._v(\"Upload your image:\")]),_c('small',{staticClass:\"grey--text\"},[_vm._v(\".jpg, .jpeg, .png are accepted\")])]),_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('v-text-field',{staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"hidden\",\"rules\":[_vm.$rules.required, _vm.$rules.min(1)],\"dense\":\"\"},model:{value:(_vm.content.image),callback:function ($$v) {_vm.$set(_vm.content, \"image\", $$v)},expression:\"content.image\"}}),_c('InputImage',{attrs:{\"only-title\":\"\",\"formats\":_vm.image_formats,\"value\":_vm.images},on:{\"input\":_vm.handleImage}})],1)],1)],1),_c('v-divider',{staticClass:\"mt-6 mb-6\"}),_c('p',[_vm._v(_vm._s(_vm.$t('BANNER_EDITOR.CONTENT_PARAMS')))]),_c('div',{staticClass:\"mb-2\"},[_c('v-text-field',{attrs:{\"outlined\":\"\",\"hide-details\":\"\",\"dense\":\"\",\"label\":\"Title\",\"rules\":[_vm.$rules.required]},model:{value:(_vm.content.title),callback:function ($$v) {_vm.$set(_vm.content, \"title\", $$v)},expression:\"content.title\"}})],1),_c('div',{staticClass:\"mb-2\"},[_c('v-text-field',{attrs:{\"outlined\":\"\",\"hide-details\":\"\",\"dense\":\"\",\"label\":\"Description\",\"rules\":[_vm.$rules.required]},model:{value:(_vm.content.description),callback:function ($$v) {_vm.$set(_vm.content, \"description\", $$v)},expression:\"content.description\"}})],1)],1),_c('v-divider',{attrs:{\"vertical\":\"\"}}),_c('v-col',{staticClass:\"d-flex flex-column align-center grey lighten-3 pt-10\",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)', marginBottom: -((_vm.content.height-_vm.content.height/1.33)/2) + 'px'})},[(Object.keys(_vm.images || {}).length)?_c('img',{attrs:{\"src\":_vm.$getImgSrc(_vm.images, 0, '/img/empty-image.png'),\"height\":_vm.ratio_height,\"width\":_vm.ratio_width}}):_vm._e()]),_c('div',{staticClass:\"text-ellipsis text-nowrap mt-4\",style:({width:_vm.ratio_width/1.5+'px', minWidth:'200px'})},[_c('small',[_c('strong',[_vm._v(_vm._s(_vm.content.title))])])]),_c('div',{staticClass:\"text-ellipsis text-nowrap\",style:({width:_vm.ratio_width/1.5+'px', minWidth:'200px'})},[_c('small',[_vm._v(_vm._s(_vm.content.description))])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <v-row class=\"ma-0 height-100\">\n      <v-col cols=\"6\">\n        <p class=\"primary--text mb-0\">{{$t('BANNER_EDITOR.SIZE')}}</p>\n        <div>\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\" hide-details outlined 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\" hide-details outlined 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        <div>\n          <v-row>\n            <v-col cols=\"6\">\n              <div>Upload your image:</div>\n              <small class=\"grey--text\">.jpg, .jpeg, .png are accepted</small>\n            </v-col>\n            <v-col cols=\"6\">\n              <v-text-field type=\"hidden\" :rules=\"[$rules.required, $rules.min(1)]\" dense v-model=\"content.image\" style=\"display:none\"/>\n              <InputImage only-title :formats=\"image_formats\" :value=\"images\" @input=\"handleImage\"/>\n            </v-col>\n          </v-row>\n        </div>\n        <v-divider class=\"mt-6 mb-6\" />\n        <p>{{$t('BANNER_EDITOR.CONTENT_PARAMS')}}</p>\n        <div class=\"mb-2\">\n          <v-text-field\n          outlined\n          hide-details\n          dense\n          label=\"Title\"\n          v-model=\"content.title\"\n          :rules=\"[$rules.required]\"\n          />\n        </div>\n        <div class=\"mb-2\">\n          <v-text-field\n          outlined\n          hide-details\n          dense\n          label=\"Description\"\n          v-model=\"content.description\"\n          :rules=\"[$rules.required]\"\n          />\n        </div>\n      </v-col>\n      <v-divider vertical />\n      <v-col cols=\"6\" class=\"d-flex flex-column align-center grey lighten-3 pt-10\">\n        <p class=\"grey--text\"><small><i>{{$t('BANNER_EDITOR.BANNER_EXAMPLE')}}</i></small></p>\n        <div class=\"d-inline-block white elevation-4\" :style=\"{width:ratio_width+'px', height:ratio_height+'px', transform:'scale(0.66)', marginBottom: -((content.height-content.height/1.33)/2) + 'px'}\">\n          <img v-if=\"Object.keys(images || {}).length\"  :src=\"$getImgSrc(images, 0, '/img/empty-image.png')\" :height=\"ratio_height\" :width=\"ratio_width\" />\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<script>\nimport InputImage from '@/components/InputImage'\nexport default {\n  name:'BannerEditorImage',\n  components: {\n    InputImage\n  },\n  props: {\n    values: {\n      type: [Object],\n      default: () => ({})\n    }\n  },\n  created () {\n    this.attribValues()\n  },\n  data: () => ({\n    images: {},\n\n    //\n    content: {\n      width: 200,\n      height: 200,\n      image: undefined,\n      title: '',\n      description: '',\n    }\n  }),\n\n  computed: {\n    ratio () {\n      return this.content.height<this.content.width\n        ? this.content.height/this.content.width\n        : this.content.width/this.content.height\n    },\n    ratio_width () {\n      return (this.content.width || 1)\n    },\n    ratio_height () {\n      return (this.content.height || 1)\n    },\n    image_formats () {\n      return [\n        {name: 'banner', height: this.content.height || 200, width: this.content.width || 200 },\n      ]\n    },\n  },\n\n  watch: {\n    content: {\n      handler () {\n        this.$emit('input', this.$clone({\n          content: this.content,\n          params: this.params,\n        }))\n      },\n      deep: true\n    }\n  },\n\n  methods: {\n\n    putExampleData () {\n      this.content = {\n        image: undefined,\n        title: 'This is a title',\n        description: 'And now, a super short description',\n      }\n    },\n\n    handleImage (images = {}) {\n      this.images = 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        if (key === 'xtramile_occupation_id') {\n          for (const occupation of  this.$i18n.t('JOB.XTRAMILE_OCCUPATIONS_ITEMS')) {\n            if (values[key] === occupation.value) {\n              values[key] = occupation\n            }\n          }\n        }\n        if (key === 'date' && typeof values[key] === 'string') values[key] = values[key].slice(0,10)\n        if (key === 'content' && values['content'] && values['content']['image']) {\n          values.images = {banner:values['content']['image']}\n        }\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.image.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.image.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BannerEditor.image.vue?vue&type=template&id=74b4eef3&\"\nimport script from \"./BannerEditor.image.vue?vue&type=script&lang=js&\"\nexport * from \"./BannerEditor.image.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\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VCol,VDivider,VRow,VTextField})\n"],"sourceRoot":""}