{"version":3,"sources":["webpack:///./resources/js/src/modeherz/components/itemList/CategoryItemImage.vue?6b2b","webpack:///./resources/js/src/modeherz/components/itemList/CategoryItemImage.vue?1c3d","webpack:///resources/js/src/modeherz/components/itemList/CategoryItemImage.vue","webpack:///./resources/js/src/modeherz/components/itemList/CategoryItemImage.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","href","_f","item","urlWithVariationId","texts","name1","on","mouseenter","showSecondImg","lazy","staticClass","images","all","urlMiddle","alt","title","_v","secondImgVisible","displayToSmall","class","secondImgLoaded","load","markSecondImgLoaded","_e","overwrittenImage","_withStripped","component","options","__file"],"mappings":"kGAAA,IAAIA,EAAS,WACX,IAAIC,EAAMC,KACNC,EAAKF,EAAIG,eACTC,EAAKJ,EAAIK,MAAMD,IAAMF,EACzB,OAAOE,EACL,IACA,CACEE,MAAO,CACLC,KAAMP,EAAIQ,GAAG,UAAPR,CAAkBA,EAAIS,KAAMT,EAAIU,oBACtC,aAAcV,EAAIS,KAAKE,MAAMC,OAE/BC,GAAI,CAAEC,WAAYd,EAAIe,gBAExB,CACEf,EAAIgB,KACAZ,EAAG,WAAY,CACba,YAAa,oBACbX,MAAO,CACL,gBAAiB,YACjB,YAAaN,EAAIS,KAAKS,OAAOC,IAAI,GAAGC,UACpCC,IAAKrB,EAAIS,KAAKE,MAAMC,MACpBU,MAAOtB,EAAIS,KAAKE,MAAMC,SAG1BR,EAAG,gBAAiB,CAClBa,YAAa,mBACbX,MAAO,CACL,UAAWN,EAAIS,KAAKS,OAAOC,IAAI,GAAGC,UAClCC,IAAKrB,EAAIS,KAAKE,MAAMC,MACpBU,MAAOtB,EAAIS,KAAKE,MAAMC,MACtB,YAAa,eAGrBZ,EAAIuB,GAAG,KACPvB,EAAIS,KAAKS,OAAOC,IAAI,IAAMnB,EAAIwB,mBAAqBxB,EAAIyB,eACnDrB,EACE,OACA,CACEa,YAAa,qBACbS,MAAO1B,EAAI2B,gBAAkB,UAAY,UAE3C,CACEvB,EAAG,gBAAiB,CAClBE,MAAO,CACL,YAAa,sBACb,UAAWN,EAAIS,KAAKS,OAAOC,IAAI,GAAGC,UAClCC,IAAKrB,EAAIS,KAAKE,MAAMC,MACpBU,MAAOtB,EAAIS,KAAKE,MAAMC,OAExBC,GAAI,CAAEe,KAAM5B,EAAI6B,wBAGpB,GAEF7B,EAAI8B,KACR9B,EAAIuB,GAAG,KACPvB,EAAI+B,iBACA3B,EACE,OACA,CAAEa,YAAa,iCACf,CACEb,EAAG,gBAAiB,CAClBE,MAAO,CACL,YAAa,YACb,UAAWN,EAAI+B,iBACfV,IAAKrB,EAAIS,KAAKE,MAAMC,MACpBU,MAAOtB,EAAIS,KAAKE,MAAMC,UAI5B,GAEFZ,EAAI8B,MAEV,IAIJ/B,EAAOiC,eAAgB,E,aC9EkM,ECmDzN,CACA,yBACA,OACA,MACA,YACA,aAEA,oBACA,aACA,YAEA,MACA,aACA,aAGA,gBACA,OACA,sBACA,oBACA,mBACA,oBAGA,mBACA,wCAEA,SACA,2BACA,yBAEA,yBACA,0BAEA,+BACA,2B,QC/EIC,EAAY,YACd,EACAlC,EHoEoB,IGlEpB,EACA,KACA,WACA,MAuBFkC,EAAUC,QAAQC,OAAS,sEACZ,UAAAF,E","file":"chunks/ceres-client-35.min.js","sourcesContent":["var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"a\",\n    {\n      attrs: {\n        href: _vm._f(\"itemURL\")(_vm.item, _vm.urlWithVariationId),\n        \"aria-label\": _vm.item.texts.name1,\n      },\n      on: { mouseenter: _vm.showSecondImg },\n    },\n    [\n      _vm.lazy\n        ? _c(\"lazy-img\", {\n            staticClass: \"prop-1-1 d-block \",\n            attrs: {\n              \"picture-class\": \"img-fluid\",\n              \"image-url\": _vm.item.images.all[0].urlMiddle,\n              alt: _vm.item.texts.name1,\n              title: _vm.item.texts.name1,\n            },\n          })\n        : _c(\"mh-item-image\", {\n            staticClass: \"prop-1-1 d-block\",\n            attrs: {\n              \"img-url\": _vm.item.images.all[0].urlMiddle,\n              alt: _vm.item.texts.name1,\n              title: _vm.item.texts.name1,\n              \"img-class\": \"img-fluid\",\n            },\n          }),\n      _vm._v(\" \"),\n      _vm.item.images.all[1] && _vm.secondImgVisible && !_vm.displayToSmall\n        ? _c(\n            \"span\",\n            {\n              staticClass: \"second-img-overlay\",\n              class: _vm.secondImgLoaded ? \"d-block\" : \"d-none\",\n            },\n            [\n              _c(\"mh-item-image\", {\n                attrs: {\n                  \"img-class\": \"img-fluid secondImg\",\n                  \"img-url\": _vm.item.images.all[1].urlMiddle,\n                  alt: _vm.item.texts.name1,\n                  title: _vm.item.texts.name1,\n                },\n                on: { load: _vm.markSecondImgLoaded },\n              }),\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm._v(\" \"),\n      _vm.overwrittenImage\n        ? _c(\n            \"span\",\n            { staticClass: \"d-block variation-img-overlay\" },\n            [\n              _c(\"mh-item-image\", {\n                attrs: {\n                  \"img-class\": \"img-fluid\",\n                  \"img-url\": _vm.overwrittenImage,\n                  alt: _vm.item.texts.name1,\n                  title: _vm.item.texts.name1,\n                },\n              }),\n            ],\n            1\n          )\n        : _vm._e(),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CategoryItemImage.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!./CategoryItemImage.vue?vue&type=script&lang=js&\"","<template>\n    <a\n        :href=\"item | itemURL(urlWithVariationId)\"\n        :aria-label=\"item.texts.name1\"\n        @mouseenter=\"showSecondImg\"\n    >\n        <lazy-img\n            v-if=\"lazy\"\n            class=\"prop-1-1 d-block \"\n            picture-class=\"img-fluid\"\n            :image-url=\"item.images.all[0].urlMiddle\"\n            :alt=\"item.texts.name1\"\n            :title=\"item.texts.name1\"\n        />\n        <mh-item-image\n            v-else\n            class=\"prop-1-1 d-block\"\n            :img-url=\"item.images.all[0].urlMiddle\"\n            :alt=\"item.texts.name1\"\n            :title=\"item.texts.name1\"\n            img-class=\"img-fluid\"/>\n        <span\n            v-if=\"item.images.all[1] && secondImgVisible && !displayToSmall\"\n            :class=\"secondImgLoaded ? 'd-block' : 'd-none'\"\n            class=\"second-img-overlay\"\n        >\n          <mh-item-image\n              img-class=\"img-fluid secondImg\"\n              :img-url=\"item.images.all[1].urlMiddle\"\n              :alt=\"item.texts.name1\"\n              :title=\"item.texts.name1\"\n              @load=\"markSecondImgLoaded\"\n          />\n      </span>\n        <span\n            v-if=\"overwrittenImage\"\n            class=\"d-block variation-img-overlay\"\n        >\n                    <mh-item-image\n                        img-class=\"img-fluid\"\n                        :img-url=\"overwrittenImage\"\n                        :alt=\"item.texts.name1\"\n                        :title=\"item.texts.name1\"\n                    />\n      </span>\n    </a>\n</template>\n\n<script>\n    import { isBreakpointUp } from '../../helpers/device-size-check';\n\n    export default {\n        name: 'CategoryItemImage',\n        props: {\n            item: {\n                type: Object,\n                required: true,\n            },\n            urlWithVariationId: {\n                type: Boolean,\n                default: true,\n            },\n            lazy: {\n                type: Boolean,\n                default: true,\n            },\n        },\n        data() {\n            return {\n                overwrittenImage: null,\n                secondImgVisible: false,\n                secondImgLoaded: false,\n                displayToSmall: true,\n            };\n        },\n        mounted() {\n            this.displayToSmall = !isBreakpointUp('md');\n        },\n        methods: {\n            overwriteImage(img) {\n                this.overwrittenImage = img;\n            },\n            showSecondImg() {\n                this.secondImgVisible = true;\n            },\n            markSecondImgLoaded() {\n                this.secondImgLoaded = true;\n            },\n        },\n    };\n</script>\n\n<style scoped>\n\n</style>\n","import { render, staticRenderFns } from \"./CategoryItemImage.vue?vue&type=template&id=4c93da47&scoped=true&\"\nimport script from \"./CategoryItemImage.vue?vue&type=script&lang=js&\"\nexport * from \"./CategoryItemImage.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  \"4c93da47\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\schuckerp\\\\git\\\\plenty-plugins\\\\4024\\\\15\\\\modeherz\\\\plugin-ceres\\\\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('4c93da47')) {\n      api.createRecord('4c93da47', component.options)\n    } else {\n      api.reload('4c93da47', component.options)\n    }\n    module.hot.accept(\"./CategoryItemImage.vue?vue&type=template&id=4c93da47&scoped=true&\", function () {\n      api.rerender('4c93da47', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/modeherz/components/itemList/CategoryItemImage.vue\"\nexport default component.exports"],"sourceRoot":""}