{"version":3,"sources":["webpack:///./resources/js/src/modeherz/components/item/ItemImage.vue?9b7e","webpack:///./resources/js/src/modeherz/components/item/ItemImage.vue?51f4","webpack:///resources/js/src/modeherz/components/item/ItemImage.vue","webpack:///./resources/js/src/modeherz/components/item/ItemImage.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","imageConversionEnabled","attrs","srcset","imgUrl","type","_e","_v","_b","class","imgClass","src","alt","title","on","load","e","$emit","additionalProps","_withStripped","component","options","__file"],"mappings":"kGAAA,IAAIA,EAAS,WACX,IAAIC,EAAMC,KACNC,EAAKF,EAAIG,eACTC,EAAKJ,EAAIK,MAAMD,IAAMF,EACzB,OAAOE,EAAG,UAAW,CACnBJ,EAAIM,uBACAF,EAAG,SAAU,CACXG,MAAO,CAAEC,OAAQR,EAAIS,OAAS,QAASC,KAAM,gBAE/CV,EAAIW,KACRX,EAAIY,GAAG,KACPZ,EAAIM,uBACAF,EAAG,SAAU,CACXG,MAAO,CAAEC,OAAQR,EAAIS,OAAS,QAASC,KAAM,gBAE/CV,EAAIW,KACRX,EAAIY,GAAG,KACPR,EACE,MACAJ,EAAIa,GACF,CACEC,MAAOd,EAAIe,SACXR,MAAO,CAAES,IAAKhB,EAAIS,OAAQQ,IAAKjB,EAAIiB,IAAKC,MAAOlB,EAAIkB,OACnDC,GAAI,CACFC,KAAM,SAAUC,GACd,OAAOrB,EAAIsB,MAAM,OAAQD,MAI/B,MACArB,EAAIuB,iBACJ,OAMRxB,EAAOyB,eAAgB,E,wBCrC0L,ECwBjN,CACA,iBACA,QACA,QACA,eAGA,OACA,UACA,mBACA,YAEA,QACA,YACA,aAEA,KACA,YACA,YAEA,OACA,YACA,YAEA,eACA,aACA,YAEA,MACA,aACA,aAIA,gBACA,OACA,+DAIA,UACA,2BACA,SASA,OARA,qBACA,2BACA,2BAGA,YACA,kBAEA,K,QCpEIC,EAAY,YACd,EACA1B,EH2BoB,IGzBpB,EACA,KACA,KACA,MAuBF0B,EAAUC,QAAQC,OAAS,0DACZ,UAAAF,E","file":"chunks/ceres-client-41.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(\"picture\", [\n    _vm.imageConversionEnabled\n      ? _c(\"source\", {\n          attrs: { srcset: _vm.imgUrl + \".avif\", type: \"image/avif\" },\n        })\n      : _vm._e(),\n    _vm._v(\" \"),\n    _vm.imageConversionEnabled\n      ? _c(\"source\", {\n          attrs: { srcset: _vm.imgUrl + \".webp\", type: \"image/webp\" },\n        })\n      : _vm._e(),\n    _vm._v(\" \"),\n    _c(\n      \"img\",\n      _vm._b(\n        {\n          class: _vm.imgClass,\n          attrs: { src: _vm.imgUrl, alt: _vm.alt, title: _vm.title },\n          on: {\n            load: function (e) {\n              return _vm.$emit(\"load\", e)\n            },\n          },\n        },\n        \"img\",\n        _vm.additionalProps,\n        false\n      )\n    ),\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!./ItemImage.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!./ItemImage.vue?vue&type=script&lang=js&\"","<template>\r\n    <picture>\r\n        <source v-if=\"imageConversionEnabled\"\r\n                :srcset=\"imgUrl + '.avif'\"\r\n                type=\"image/avif\">\r\n        <source v-if=\"imageConversionEnabled\"\r\n                :srcset=\"imgUrl + '.webp'\"\r\n                type=\"image/webp\">\r\n        <img :src=\"imgUrl\"\r\n             :alt=\"alt\"\r\n             :title=\"title\"\r\n             :class=\"imgClass\"\r\n             v-bind=\"additionalProps\"\r\n             @load=\"e => $emit('load',e)\"\r\n        >\r\n    </picture>\r\n</template>\r\n\r\n<script>\r\n\r\n    import { isBreakpointDown } from '../../helpers/device-size-check';\r\n    import { detectAvif, detectWebP } from '../../../app/helper/featureDetect';\r\n    import lozad from '../../../app/plugins/lozad';\r\n\r\n    export default {\r\n        name: 'ItemImage',\r\n        inject: {\r\n            itemId: {\r\n                default: null,\r\n            },\r\n        },\r\n        props: {\r\n            imgClass: {\r\n                type: String | Object,\r\n                default: '',\r\n            },\r\n            imgUrl: {\r\n                type: String,\r\n                required: true,\r\n            },\r\n            alt: {\r\n                type: String,\r\n                default: '',\r\n            },\r\n            title: {\r\n                type: String,\r\n                default: '',\r\n            },\r\n            enableToolTip: {\r\n                type: Boolean,\r\n                default: false,\r\n            },\r\n            lazy: {\r\n                type: Boolean,\r\n                default: false,\r\n            },\r\n        },\r\n\r\n        data() {\r\n            return {\r\n                imageConversionEnabled: App.config.log.modernImagesConversion,\r\n            };\r\n        },\r\n\r\n        computed: {\r\n            additionalProps() {\r\n                const props = {};\r\n                if (this.enableToolTip) {\r\n                    props['data-toggle'] = 'tooltip';\r\n                    props['data-placement'] = 'top';\r\n\r\n                }\r\n                if (this.lazy) {\r\n                    props['loading'] = 'lazy';\r\n                }\r\n                return props;\r\n            },\r\n        },\r\n\r\n    };\r\n</script>\r\n","import { render, staticRenderFns } from \"./ItemImage.vue?vue&type=template&id=51af0b32&\"\nimport script from \"./ItemImage.vue?vue&type=script&lang=js&\"\nexport * from \"./ItemImage.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(\"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('51af0b32')) {\n      api.createRecord('51af0b32', component.options)\n    } else {\n      api.reload('51af0b32', component.options)\n    }\n    module.hot.accept(\"./ItemImage.vue?vue&type=template&id=51af0b32&\", function () {\n      api.rerender('51af0b32', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/modeherz/components/item/ItemImage.vue\"\nexport default component.exports"],"sourceRoot":""}