{"version":3,"sources":["webpack://multicontent-widget/resources/js/src/components/Item/LazyItemImage.vue","webpack://multicontent-widget/./node_modules/core-js/modules/es.function.name.js","webpack://multicontent-widget/./resources/js/src/components/Item/LazyItemImage.vue","webpack://multicontent-widget/./resources/js/src/components/Item/LazyItemImage.vue?40f3","webpack://multicontent-widget/./resources/js/src/components/Item/LazyItemImage.vue?95f9"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA;EACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EACA;EAEA;IACA;MACA;MACA;MACA;MACA;MACA;MACA;IACA;EACA;EAEA;IAAA;IAGA;MACA;MACA;IACA;EACA;EACA;IACA;MACA;QACA;MACA;QACA;UACA;UACA;UACA;QACA;QACA;MACA;IACA;IACA;MAAA;MACA;MACA;MACA;MACA;MACA;QACA;UACA;YACA;cACA;gBAAA;gBAAA;cAAA;cACA;YACA;UACA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;MAGA;QACA;MAAA;MAEA;IACA;EACA;AACA,G;;;;;;;;;;ACjGA,kBAAkB,mBAAO,CAAC,iFAA0B;AACpD,2BAA2B,iHAA4C;AACvE,kBAAkB,mBAAO,CAAC,qGAAoC;AAC9D,qBAAqB,8HAAgD;;AAErE;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA,GAAG;AACH;;;;;;;;;;;;;;;;ACxB4F;AAC3B;AACL;;;AAG5D;AACA,CAAmG;AACnG,gBAAgB,oGAAU;AAC1B,EAAE,gFAAM;AACR,EAAE,qFAAM;AACR,EAAE,8FAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACA,+DAAe,iB;;;;;;;;;;;;;ACtCgL,CAAC,+DAAe,+KAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACAnN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb,WAAW;AACX;AACA;AACA;AACA;AACA;AACA;AACA","file":"chunks/multicontent-19.js","sourcesContent":["<template>\n  <div>\n    <lazy-img v-if=\"!loading\"\n            :image-url=\"imageItem\"\n            :picture-class=\"pictureClass\"\n            alt=\"propertyUrl\">\n    </lazy-img>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    propertyId: Number,\n    default: 0,\n    fallbackUrl: String,\n    pictureClass: String,\n    divId: String,\n    isPreview: Boolean,\n    hideElement: Boolean\n  },\n\n  data () {\n    return {\n      supported: undefined,\n      loading: true,\n      // propertiesDefined : null,\n      propertiesDefinedObject: {},\n      idsIncluded: [],\n      imageItem : this.fallbackUrl,\n    }\n  },\n\n  mounted () {\n\n\n    this.$nextTick(() => {\n      this.getData();\n      this.imageItem = this.recoverSourceProperty(this.propertyId) ;\n    });\n  },\n  methods: {\n    recoverSourceProperty (propertyId) {\n      if (this.idsIncluded.includes(propertyId)) {\n        return this.propertiesDefinedObject[propertyId].value\n      } else {\n        if (!this.isPreview && this.hideElement) {\n          // console.log('Removing Html element')\n          const divParent = document.getElementById(this.divId)\n          divParent.remove()\n        }\n        return this.fallbackUrl\n      }\n    },\n    getData () {\n      const itemID = this.$store.getters.currentItemVariation.item.id;\n      const variationProperties = this.$store.state.items[itemID].variation.documents[0].data.variationProperties;\n      // console.log('ItemRecovered: ', itemID);\n      // console.log('IsDefinedVariationProperties: ', variationProperties != undefined );\n      if (variationProperties != undefined) {\n        variationProperties.forEach((element, index) =>{\n          if (variationProperties[index].properties != undefined) {\n            variationProperties[index].properties.forEach(el => {\n              this.propertiesDefinedObject[el.id] = { name: el.names.name, value: el.values.value };\n              this.idsIncluded.push(el.id);\n            })\n          }\n        });\n\n         // TEST CONSOLE DIRECT\n        // const itemID = ceresStore.getters.currentItemVariation.item.id;\n        // const variationProperties = ceresStore.state.items[itemID].variation.documents[0].data.variationProperties;\n        // let propertiesDefinedObject = {};\n        // let idsIncluded = [];\n        // if (variationProperties != undefined) {\n        //   variationProperties.forEach((element, index) =>{\n        //     if (variationProperties[index].properties != undefined) {\n        //       variationProperties[index].properties.forEach(el => {\n        //         propertiesDefinedObject[el.id] = { name: el.names.name, value: el.values.value };\n        //         idsIncluded.push(el.id);\n        //\n        //       })\n        //     }\n        //\n        //   });\n        // }\n        // console.log('VariationProperties', variationProperties);\n        // console.log('IDS_included', idsIncluded);\n        // console.log('Objecst_included', propertiesDefinedObject);\n\n\n      }else{\n        // console.log('Variation properties no definidos para este ITEM: ',itemID);\n      }\n      this.loading = false\n    }\n  }\n}\n</script>\n","var DESCRIPTORS = require('../internals/descriptors');\nvar FUNCTION_NAME_EXISTS = require('../internals/function-name').EXISTS;\nvar uncurryThis = require('../internals/function-uncurry-this');\nvar defineProperty = require('../internals/object-define-property').f;\n\nvar FunctionPrototype = Function.prototype;\nvar functionToString = uncurryThis(FunctionPrototype.toString);\nvar nameRE = /function\\b(?:\\s|\\/\\*[\\S\\s]*?\\*\\/|\\/\\/[^\\n\\r]*[\\n\\r]+)*([^\\s(/]*)/;\nvar regExpExec = uncurryThis(nameRE.exec);\nvar NAME = 'name';\n\n// Function instances `.name` property\n// https://tc39.es/ecma262/#sec-function-instances-name\nif (DESCRIPTORS && !FUNCTION_NAME_EXISTS) {\n  defineProperty(FunctionPrototype, NAME, {\n    configurable: true,\n    get: function () {\n      try {\n        return regExpExec(nameRE, functionToString(this))[1];\n      } catch (error) {\n        return '';\n      }\n    }\n  });\n}\n","import { render, staticRenderFns } from \"./LazyItemImage.vue?vue&type=template&id=f40d8bd0&\"\nimport script from \"./LazyItemImage.vue?vue&type=script&lang=js&\"\nexport * from \"./LazyItemImage.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/Users/nsierrar/Projects/PlentyMarkets/Repo-GitHub/MultiContentWidget/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('f40d8bd0')) {\n      api.createRecord('f40d8bd0', component.options)\n    } else {\n      api.reload('f40d8bd0', component.options)\n    }\n    module.hot.accept(\"./LazyItemImage.vue?vue&type=template&id=f40d8bd0&\", function () {\n      api.rerender('f40d8bd0', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/components/Item/LazyItemImage.vue\"\nexport default component.exports","import mod from \"-!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LazyItemImage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LazyItemImage.vue?vue&type=script&lang=js&\"","var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    [\n      !_vm.loading\n        ? _c(\"lazy-img\", {\n            attrs: {\n              \"image-url\": _vm.imageItem,\n              \"picture-class\": _vm.pictureClass,\n              alt: \"propertyUrl\",\n            },\n          })\n        : _vm._e(),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"],"sourceRoot":""}