{"version":3,"sources":["webpack:///./src/pages/materialesSistema/materialSistemaPlano/components/MaterialSistemaPlanoImagen.vue?0fa6","webpack:///src/pages/materialesSistema/materialSistemaPlano/components/MaterialSistemaPlanoImagen.vue","webpack:///./src/pages/materialesSistema/materialSistemaPlano/components/MaterialSistemaPlanoImagen.vue?a5b7","webpack:///./src/pages/materialesSistema/materialSistemaPlano/components/MaterialSistemaPlanoImagen.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","formattedImage","staticClass","attrs","item","blobUrl","data","_e","loading","visible","_v","staticRenderFns","props","type","default","computed","backgroundImage","canvasWidth","canvasHeight","image","component","VAlert"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAAEJ,EAAIM,eAAsB,QAAE,CAAEN,EAAIM,eAAkB,IAAE,CAACF,EAAG,MAAM,CAACG,YAAY,iBAAiBC,MAAM,CAAC,IAAMR,EAAIS,KAAKC,YAAaV,EAAIM,eAAmB,KAAE,CAACF,EAAG,MAAM,CAACG,YAAY,iBAAiBC,MAAM,CAAC,IAAMR,EAAIM,eAAeK,SAASX,EAAIY,MAAM,CAAGZ,EAAIa,QAAQC,QAAkHd,EAAIY,KAA7GR,EAAG,UAAU,CAACI,MAAM,CAAC,MAAQ,QAAQ,KAAO,UAAU,CAACR,EAAIe,GAAG,6CAAsD,IACxeC,EAAkB,G,8CCuCP,GACfC,OACAR,MACAS,YACAC,uBAGAC,UACAd,eADA,WACA,WACA,QACA,SACA,SACA,8BACA,0DAMA,GALA,EACA,6CAEA,0BAEA,OACA,oEACA,CACA,kCACA,MACA,2DAGA,gBAKA,OAJAe,gBACAA,oBACA,wBAAAC,oBAAAC,sBAAAC,WAEA,GAEAX,oCC1EiZ,I,6CCO7YY,EAAY,eACd,EACA1B,EACAiB,GACA,EACA,KACA,KACA,MAIa,aAAAS,EAAiB,QAKhC,IAAkBA,EAAW,CAACC,SAAA","file":"js/chunk-2d0e1f32.fd1165f0.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.formattedImage.isImage)?[(_vm.formattedImage.url)?[_c('img',{staticClass:\"display: none;\",attrs:{\"src\":_vm.item.blobUrl}})]:(_vm.formattedImage.data)?[_c('img',{staticClass:\"display: none;\",attrs:{\"src\":_vm.formattedImage.data}})]:_vm._e()]:[(!_vm.loading.visible)?_c('v-alert',{attrs:{\"title\":\"Error\",\"type\":\"error\"}},[_vm._v(\" El tipo de fichero no es compatible \")]):_vm._e()]],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <template\r\n      v-if=\"formattedImage.isImage\"\r\n    >\r\n      <template\r\n        v-if=\"formattedImage.url\"\r\n      >\r\n        <img\r\n          :src=\"item.blobUrl\"\r\n          class=\"display: none;\"\r\n        >\r\n      </template>\r\n      <template\r\n        v-else-if=\"formattedImage.data\"\r\n      >\r\n        <img\r\n          :src=\"formattedImage.data\"\r\n          class=\"display: none;\"\r\n        >\r\n      </template>\r\n    </template>\r\n    <template\r\n      v-else\r\n    >\r\n      <v-alert\r\n        v-if=\"!loading.visible\"\r\n        title=\"Error\"\r\n        type=\"error\"\r\n      >\r\n        El tipo de fichero no es compatible\r\n      </v-alert>\r\n    </template>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport _ from '@/utils/lodash'\r\nimport {  get } from 'vuex-pathify'\r\n\r\nexport default {\r\n  props: {\r\n    item: {\r\n      type: Object,\r\n      default: () => {},\r\n    },\r\n  },\r\n  computed: {\r\n    formattedImage () {\r\n      const relativeURLField = 'url'\r\n      const dataField = 'data'\r\n      const typeField = 'type'\r\n      const image = _.cloneDeep(this.item)\r\n      const type = _.resolveProperty(typeField, image) || 'application/octet-stream'\r\n      if (type) {\r\n        this.$set(image, 'isImage', type.startsWith('image'))\r\n      } else {\r\n        this.$set(image, 'isImage', false)\r\n      }\r\n      if (relativeURLField in image) {\r\n        this.$set(image, 'absoluteMediaURL', this.$api.getMediaFileURL(image[relativeURLField]))\r\n      } else {\r\n        const data = _.resolveProperty(dataField, image)\r\n        if (data && type) {\r\n          this.$set(image, 'data', `data:${type};base64,${data}`)\r\n        }\r\n      }\r\n      const backgroundImage = new Image()\r\n      backgroundImage.src = image.blobUrl\r\n      backgroundImage.onload = () => {\r\n        this.$emit('image-loaded', { canvasWidth: backgroundImage.width, canvasHeight: backgroundImage.height, image: image })\r\n      }\r\n      return image\r\n    },\r\n    loading: get('loading'),\r\n  },\r\n}\r\n</script>","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!./MaterialSistemaPlanoImagen.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!./MaterialSistemaPlanoImagen.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MaterialSistemaPlanoImagen.vue?vue&type=template&id=24c09b0d&\"\nimport script from \"./MaterialSistemaPlanoImagen.vue?vue&type=script&lang=js&\"\nexport * from \"./MaterialSistemaPlanoImagen.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 { VAlert } from 'vuetify/lib/components/VAlert';\ninstallComponents(component, {VAlert})\n"],"sourceRoot":""}