{"version":3,"sources":["webpack:///./src/components/ImageContent.vue?7af2","webpack:///./src/components/ImageContent.vue?a5c2","webpack:///src/components/ImageContent.vue","webpack:///./src/components/ImageContent.vue?ffd8","webpack:///./src/components/ImageContent.vue"],"names":["_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageContent_vue_vue_type_style_index_0_id_9802abe8_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageContent_vue_vue_type_style_index_0_id_9802abe8_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default","n","render","_vm","this","_h","$createElement","_c","_self","staticClass","class","imageMinHeight","imagesExpanded","contentData","expandable","authenticated","_e","clickableImage","toggleSections","on","click","expandNextSection","style","staticStyle","display","attrs","id","index","src","backgroundImage","alt","load","$event","onLoad","mobileBackgroundImage","onMobileLoad","_v","ref","options","dropzoneOptions","vdropzone-success","uploadedFile","dropzoneMobileOptions","uploadedMobileFile","directives","name","rawName","value","expression","type","domProps","checked","Array","isArray","_i","change","$$a","$$el","target","$$c","$$v","$$i","$set","concat","slice","for","modifiers","number","input","composing","_n","blur","$forceUpdate","staticRenderFns","ImageContentvue_type_script_lang_js_","props","data","url","thumbnailWidth","thumbnailHeight","maxFilesize","loaded","computed","backgroundSize","background-color","minHeight","backgroundImageHeight","backgroundImageWidth","mobileBackground","mounted","self","setTimeout","$refs","computerDropzone","removeAllFiles","mockFile","size","manuallyAddFile","mobileDropzone","mockMobileFile","methods","jquery_default","fadeIn","fadeOut","file","response","dropzone","files","length","removeFile","width","height","mobileBackgroundImageWidth","mobileBackgroundImageHeight","$el","parent","nextAll","slideToggle","components_ImageContentvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__"],"mappings":"2IAAA,IAAAA,EAAAC,EAAA,QAAAC,EAAAD,EAAAE,EAAAH,GAAweE,EAAG,4CCA3e,IAAAE,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,oBAAAC,MAAA,CAAuCC,eAAAR,EAAAS,iBAAAT,EAAAU,YAAAC,aAAmE,CAAAX,EAAAY,cAAkjCZ,EAAAa,KAAljCT,EAAA,OAAAA,EAAA,KAAyCG,MAAA,CAAOO,eAAAd,EAAAU,YAAAK,gBAAiDC,GAAA,CAAKC,MAAAjB,EAAAkB,oBAA+B,CAAAlB,EAAAS,iBAAAT,EAAAU,YAAAC,WAAAP,EAAA,OAAgEE,YAAA,oBAAAa,MAAAnB,EAAA,gBAA2D,CAAAI,EAAA,OAAYE,YAAA,YAAAc,YAAA,CAAqCC,QAAA,QAAiBC,MAAA,CAAQC,GAAA,UAAAvB,EAAAwB,MAAAC,IAAAzB,EAAA0B,gBAAAC,IAAA,oBAA4EX,GAAA,CAAKY,KAAA,SAAAC,GAAwB,OAAA7B,EAAA8B,OAAA9B,EAAAwB,WAA+BpB,EAAA,OAAYE,YAAA,UAAAgB,MAAA,CAA6BC,GAAA,SAAAvB,EAAAwB,QAAyB,CAAApB,EAAA,KAAUE,YAAA,qCAA2CN,EAAAa,KAAAb,EAAAS,iBAAAT,EAAAU,YAAAC,WAAAP,EAAA,OAA6EE,YAAA,oBAAAa,MAAAnB,EAAA,gBAA2D,CAAAI,EAAA,OAAYE,YAAA,YAAAc,YAAA,CAAqCC,QAAA,QAAiBC,MAAA,CAAQC,GAAA,gBAAAvB,EAAAwB,MAAAC,IAAAzB,EAAA+B,sBAAAJ,IAAA,oBAAwFX,GAAA,CAAKY,KAAA,SAAAC,GAAwB,OAAA7B,EAAAgC,aAAAhC,EAAAwB,WAAqCpB,EAAA,OAAYE,YAAA,UAAAgB,MAAA,CAA6BC,GAAA,eAAAvB,EAAAwB,QAA+B,CAAApB,EAAA,KAAUE,YAAA,qCAA2CN,EAAAa,SAAAb,EAAA,cAAAI,EAAA,OAAAA,EAAA,OAAoEE,YAAA,WAAsB,CAAAF,EAAA,OAAYE,YAAA,UAAqB,CAAAF,EAAA,SAAAJ,EAAAiC,GAAA,qBAAA7B,EAAA,gBAA6D8B,IAAA,mBAAAZ,MAAA,CAA8BC,GAAA,WAAAY,QAAAnC,EAAAoC,iBAA8CpB,GAAA,CAAKqB,oBAAArC,EAAAsC,iBAAsC,GAAAlC,EAAA,OAAgBE,YAAA,UAAqB,CAAAF,EAAA,SAAAJ,EAAAiC,GAAA,oBAAA7B,EAAA,gBAA4D8B,IAAA,iBAAAZ,MAAA,CAA4BC,GAAA,iBAAAY,QAAAnC,EAAAuC,uBAA0DvB,GAAA,CAAKqB,oBAAArC,EAAAwC,uBAA4C,KAAApC,EAAA,OAAkBE,YAAA,WAAsB,CAAAF,EAAA,OAAYE,YAAA,OAAkB,CAAAF,EAAA,OAAYE,YAAA,cAAyB,CAAAF,EAAA,SAAcqC,WAAA,EAAaC,KAAA,QAAAC,QAAA,UAAAC,MAAA5C,EAAAU,YAAA,WAAAmC,WAAA,2BAAsGvC,YAAA,mBAAAgB,MAAA,CAAwCwB,KAAA,WAAAvB,GAAA,iBAAuCwB,SAAA,CAAWC,QAAAC,MAAAC,QAAAlD,EAAAU,YAAAC,YAAAX,EAAAmD,GAAAnD,EAAAU,YAAAC,WAAA,SAAAX,EAAAU,YAAA,YAA4HM,GAAA,CAAKoC,OAAA,SAAAvB,GAA0B,IAAAwB,EAAArD,EAAAU,YAAAC,WAAA2C,EAAAzB,EAAA0B,OAAAC,IAAAF,EAAAN,QAAsF,GAAAC,MAAAC,QAAAG,GAAA,CAAuB,IAAAI,EAAA,KAAAC,EAAA1D,EAAAmD,GAAAE,EAAAI,GAAiCH,EAAAN,QAAiBU,EAAA,GAAA1D,EAAA2D,KAAA3D,EAAAU,YAAA,aAAA2C,EAAAO,OAAA,CAAAH,KAAyEC,GAAA,GAAA1D,EAAA2D,KAAA3D,EAAAU,YAAA,aAAA2C,EAAAQ,MAAA,EAAAH,GAAAE,OAAAP,EAAAQ,MAAAH,EAAA,UAAmG1D,EAAA2D,KAAA3D,EAAAU,YAAA,aAAA8C,OAAgDpD,EAAA,SAAcE,YAAA,mBAAAgB,MAAA,CAAsCwC,IAAA,kBAAuB,CAAA9D,EAAAiC,GAAA,6BAAA7B,EAAA,OAAgDE,YAAA,cAAyB,CAAAF,EAAA,SAAckB,MAAA,CAAOwC,IAAA,kBAAuB,CAAA9D,EAAAiC,GAAA,qBAAA7B,EAAA,SAA0CqC,WAAA,EAAaC,KAAA,QAAAC,QAAA,iBAAAC,MAAA5C,EAAAU,YAAA,eAAAmC,WAAA,6BAAAkB,UAAA,CAAgIC,QAAA,KAAe1D,YAAA,eAAAgB,MAAA,CAAoCwB,KAAA,SAAAvB,GAAA,iBAAqCwB,SAAA,CAAWH,MAAA5C,EAAAU,YAAA,gBAAyCM,GAAA,CAAKiD,MAAA,SAAApC,GAAyBA,EAAA0B,OAAAW,WAAsClE,EAAA2D,KAAA3D,EAAAU,YAAA,iBAAAV,EAAAmE,GAAAtC,EAAA0B,OAAAX,SAAyEwB,KAAA,SAAAvC,GAAyB,OAAA7B,EAAAqE,2BAA4BrE,EAAAa,QAC9zGyD,EAAA,wBC8CAC,EAAA,CACA7B,KAAA,yBACA8B,MAAA,2EACAC,KAHA,WAIA,OACArC,gBAAA,CACAsC,IAAA,wBACAC,eAAA,IACAC,gBAAA,IACAC,YAAA,GAEAtC,sBAAA,CACAmC,IAAA,wBACAC,eAAA,IACAC,gBAAA,IACAC,YAAA,IAEAC,QAAA,EACApD,gBAAA,GACAK,sBAAA,KAGAgD,SAAA,CACAC,eADA,WAEA,OAAA/E,KAAA6E,OACA,CACAG,mBAAA,WAGA,CACAC,UAAAjF,KAAAS,YAAAyE,sBAAAlF,KAAAS,YAAA0E,qBAAA,SACAH,mBAAA,YAGAI,iBAZA,cAgBAC,QAtCA,WAuCA,IAAAC,EAAAtF,KAOA,GALAuF,WAAA,WACAD,EAAA7D,gBAAA6D,EAAA7E,YAAAgB,gBACA6D,EAAAxD,sBAAAwD,EAAA7E,YAAAqB,uBACA,KAEA9B,KAAAwF,MAAAC,mBACAzF,KAAAwF,MAAAC,iBAAAC,iBAEA1F,KAAAS,YAAAgB,iBAAA,CACA,IAAAkE,EAAA,CAAArE,GAAA,EAAAmB,KAAA,iBAAAmD,KAAA,KACA5F,KAAAwF,MAAAC,iBAAAI,gBAAAF,EAAA3F,KAAAS,YAAAgB,iBAIA,GAAAzB,KAAAwF,MAAAM,iBACA9F,KAAAwF,MAAAM,eAAAJ,iBAEA1F,KAAAS,YAAAqB,uBAAA,CACA,IAAAiE,EAAA,CAAAzE,GAAA,EAAAmB,KAAA,eAAAmD,KAAA,KACA5F,KAAAwF,MAAAM,eAAAD,gBAAAE,EAAA/F,KAAAS,YAAAqB,yBAIAkE,QAAA,CACAnE,OADA,SACAN,GACA0E,IAAA,WAAA1E,GAAA2E,SACAD,IAAA,UAAA1E,GAAA4E,UACAnG,KAAA6E,QAAA,GAEA9C,aANA,SAMAR,GACA0E,IAAA,iBAAA1E,GAAA2E,SACAD,IAAA,gBAAA1E,GAAA4E,UACAnG,KAAA6E,QAAA,GAEAxC,aAAA,SAAA+D,EAAAC,GACArG,KAAAwF,MAAAC,iBAAAa,SAAAC,MAAAC,OAAA,GACAxG,KAAAwF,MAAAC,iBAAAgB,WAAAzG,KAAAwF,MAAAC,iBAAAa,SAAAC,MAAA,IAEAvG,KAAAS,YAAAgB,gBAAA4E,EAAA5B,IACAzE,KAAAS,YAAA0E,qBAAAiB,EAAAM,MACA1G,KAAAS,YAAAyE,sBAAAkB,EAAAO,QAEApE,mBAAA,SAAA6D,EAAAC,GACArG,KAAAwF,MAAAM,eAAAQ,SAAAC,MAAAC,OAAA,GACAxG,KAAAwF,MAAAM,eAAAW,WAAAzG,KAAAwF,MAAAM,eAAAQ,SAAAC,MAAA,IAEAvG,KAAAS,YAAAqB,sBAAAuE,EAAA5B,IACAzE,KAAAS,YAAAmG,2BAAAR,EAAAM,MACA1G,KAAAS,YAAAoG,4BAAAT,EAAAO,QAEA1F,kBA3BA,WA4BAjB,KAAAS,YAAAK,gBAQAmF,IAAAjG,KAAA8G,KAAAC,SAAAC,UAAApD,MAAA,EAAA5D,KAAAS,YAAAK,gBAAAmG,iBCnJsVC,EAAA,0BCQtVC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACApH,EACAuE,GACF,EACA,KACA,WACA,MAIeiD,EAAA,WAAAH","file":"js/chunk-482cbe80.f75d914b.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageContent.vue?vue&type=style&index=0&id=9802abe8&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageContent.vue?vue&type=style&index=0&id=9802abe8&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"position-relative\",class:{imageMinHeight: _vm.imagesExpanded || !_vm.contentData.expandable}},[(!_vm.authenticated)?_c('div',[_c('a',{class:{'clickableImage': _vm.contentData.toggleSections},on:{\"click\":_vm.expandNextSection}},[(_vm.imagesExpanded || !_vm.contentData.expandable)?_c('div',{staticClass:\"d-none d-sm-block\",style:(_vm.backgroundSize)},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"display\":\"none\"},attrs:{\"id\":'content'+_vm.index,\"src\":_vm.backgroundImage,\"alt\":\"Responsive image\"},on:{\"load\":function($event){return _vm.onLoad(_vm.index)}}}),_c('div',{staticClass:\"loading\",attrs:{\"id\":'loader'+_vm.index}},[_c('i',{staticClass:\"fa fa-spinner fa-pulse fa-5x\"})])]):_vm._e(),(_vm.imagesExpanded || !_vm.contentData.expandable)?_c('div',{staticClass:\"d-block d-sm-none\",style:(_vm.backgroundSize)},[_c('img',{staticClass:\"img-fluid\",staticStyle:{\"display\":\"none\"},attrs:{\"id\":'mobilecontent'+_vm.index,\"src\":_vm.mobileBackgroundImage,\"alt\":\"Responsive image\"},on:{\"load\":function($event){return _vm.onMobileLoad(_vm.index)}}}),_c('div',{staticClass:\"loading\",attrs:{\"id\":'mobileloader'+_vm.index}},[_c('i',{staticClass:\"fa fa-spinner fa-pulse fa-5x\"})])]):_vm._e()])]):_vm._e(),(_vm.authenticated)?_c('div',[_c('div',{staticClass:\"row m-2\"},[_c('div',{staticClass:\"col-sm\"},[_c('label',[_vm._v(\"Desktop picture\")]),_c('vue-dropzone',{ref:\"computerDropzone\",attrs:{\"id\":\"dropzone\",\"options\":_vm.dropzoneOptions},on:{\"vdropzone-success\":_vm.uploadedFile}})],1),_c('div',{staticClass:\"col-sm\"},[_c('label',[_vm._v(\"Mobile picture\")]),_c('vue-dropzone',{ref:\"mobileDropzone\",attrs:{\"id\":\"dropzonemobile\",\"options\":_vm.dropzoneMobileOptions},on:{\"vdropzone-success\":_vm.uploadedMobileFile}})],1)]),_c('div',{staticClass:\"row m-2\"},[_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"form-check\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.contentData.expandable),expression:\"contentData.expandable\"}],staticClass:\"form-check-input\",attrs:{\"type\":\"checkbox\",\"id\":\"exampleCheck1\"},domProps:{\"checked\":Array.isArray(_vm.contentData.expandable)?_vm._i(_vm.contentData.expandable,null)>-1:(_vm.contentData.expandable)},on:{\"change\":function($event){var $$a=_vm.contentData.expandable,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.contentData, \"expandable\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.contentData, \"expandable\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.contentData, \"expandable\", $$c)}}}}),_c('label',{staticClass:\"form-check-label\",attrs:{\"for\":\"exampleCheck1\"}},[_vm._v(\"Make image expandable\")])]),_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"exampleCheck1\"}},[_vm._v(\"Toggle sections\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.contentData.toggleSections),expression:\"contentData.toggleSections\",modifiers:{\"number\":true}}],staticClass:\"form-control\",attrs:{\"type\":\"number\",\"id\":\"exampleCheck1\"},domProps:{\"value\":(_vm.contentData.toggleSections)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.contentData, \"toggleSections\", _vm._n($event.target.value))},\"blur\":function($event){return _vm.$forceUpdate()}}})])])])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"position-relative\" :class=\"{imageMinHeight: imagesExpanded || !contentData.expandable}\">\r\n        <div v-if=\"!authenticated\">\r\n            <a @click=\"expandNextSection\" :class=\"{'clickableImage': contentData.toggleSections}\">\r\n                <div v-if=\"imagesExpanded || !contentData.expandable\" class=\"d-none d-sm-block\" v-bind:style=\"backgroundSize\">\r\n                    <img style=\"display: none;\" v-bind:id=\"'content'+index\" v-bind:src=\"backgroundImage\" v-on:load=\"onLoad(index)\" class=\"img-fluid\" alt=\"Responsive image\">\r\n                    <div class=\"loading\" v-bind:id=\"'loader'+index\">\r\n                        <i class=\"fa fa-spinner fa-pulse fa-5x\"></i>\r\n                    </div>\r\n                </div>\r\n                <div v-if=\"imagesExpanded || !contentData.expandable\" class=\"d-block d-sm-none\" v-bind:style=\"backgroundSize\">\r\n                    <img style=\"display: none;\" v-bind:id=\"'mobilecontent'+index\" v-bind:src=\"mobileBackgroundImage\" v-on:load=\"onMobileLoad(index)\" class=\"img-fluid\" alt=\"Responsive image\">\r\n                    <div class=\"loading\" v-bind:id=\"'mobileloader'+index\">\r\n                        <i class=\"fa fa-spinner fa-pulse fa-5x\"></i>\r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n\t\t<div v-if=\"authenticated\">\r\n\t\t\t<div class=\"row m-2\">\r\n\t\t\t\t<div class=\"col-sm\">\r\n\t\t\t\t\t<label>Desktop picture</label>\r\n\t\t\t\t\t<vue-dropzone ref=\"computerDropzone\" id=\"dropzone\" :options=\"dropzoneOptions\" v-on:vdropzone-success=\"uploadedFile\" />\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"col-sm\">\r\n\t\t\t\t\t<label>Mobile picture</label>\r\n\t\t\t\t\t<vue-dropzone ref=\"mobileDropzone\" id=\"dropzonemobile\" :options=\"dropzoneMobileOptions\" v-on:vdropzone-success=\"uploadedMobileFile\" />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"row m-2\">\r\n                <div class=\"col\">\r\n                    <div class=\"form-check\">\r\n                        <input type=\"checkbox\" v-model=\"contentData.expandable\" class=\"form-check-input\" id=\"exampleCheck1\">\r\n                        <label class=\"form-check-label\" for=\"exampleCheck1\">Make image expandable</label>\r\n                    </div>\r\n\t\t\t\t\t<div class=\"form-group\">\r\n\t\t\t\t\t\t<label for=\"exampleCheck1\">Toggle sections</label>\r\n\t\t\t\t\t\t<input type=\"number\" v-model.number=\"contentData.toggleSections\" class=\"form-control\" id=\"exampleCheck1\">\r\n\t\t\t\t\t</div>\r\n                </div>\r\n\t\t\t</div>\r\n\t\t</div>  \r\n\t</div>\r\n</template>\r\n\r\n<script>import $ from 'jquery';\r\n\r\n    export default {\r\n        name: 'imagecontent-component',\r\n        props: ['contentData', 'index', 'hide', 'dragging', 'authenticated', 'imagesExpanded'],\r\n        data() {\r\n            return {\r\n                dropzoneOptions: {\r\n                    url: \"/api/file/uploadfiles\",\r\n                    thumbnailWidth: 100,\r\n                    thumbnailHeight: 100,\r\n                    maxFilesize: 1\r\n                },\r\n                dropzoneMobileOptions: {\r\n                    url: \"/api/file/uploadfiles\",\r\n                    thumbnailWidth: 100,\r\n                    thumbnailHeight: 100,\r\n                    maxFilesize: 0.7\r\n                },\r\n                loaded: false,\r\n                backgroundImage: '',\r\n                mobileBackgroundImage: ''\r\n            }\r\n        },\r\n        computed: {\r\n            backgroundSize() {\r\n                if (this.loaded)\r\n                    return {\r\n                        'background-color': '#1d2124'\r\n                    };\r\n                else\r\n                    return {\r\n                        minHeight: (this.contentData.backgroundImageHeight / this.contentData.backgroundImageWidth * 100) + 'vw',\r\n                        'background-color': '#1d2124'\r\n                    };\r\n            },\r\n            mobileBackground() {\r\n\r\n            }\r\n        },\r\n        mounted() {\r\n            var self = this;\r\n\r\n            setTimeout(function(){\r\n                self.backgroundImage = self.contentData.backgroundImage;\r\n                self.mobileBackgroundImage = self.contentData.mobileBackgroundImage;\r\n            }, 200);\r\n\r\n            if (this.$refs.computerDropzone) {\r\n                this.$refs.computerDropzone.removeAllFiles();\r\n\r\n                if (this.contentData.backgroundImage) {\r\n                    var mockFile = { id: 1, name: \"Computer image\", size: 150 };\r\n                    this.$refs.computerDropzone.manuallyAddFile(mockFile, this.contentData.backgroundImage);\r\n                }\r\n            }\r\n\r\n            if (this.$refs.mobileDropzone) {\r\n                this.$refs.mobileDropzone.removeAllFiles();\r\n\r\n                if (this.contentData.mobileBackgroundImage) {\r\n                    var mockMobileFile = { id: 1, name: \"Mobile image\", size: 150 };\r\n                    this.$refs.mobileDropzone.manuallyAddFile(mockMobileFile, this.contentData.mobileBackgroundImage);\r\n                }\r\n            }\r\n        },\r\n        methods: {\r\n            onLoad(index) {\r\n                $('#content' + index).fadeIn();\r\n                $('#loader' + index).fadeOut();\r\n                this.loaded = true;\r\n            },\r\n            onMobileLoad(index) {\r\n                $('#mobilecontent' + index).fadeIn();\r\n                $('#mobileloader' + index).fadeOut();\r\n                this.loaded = true;\r\n            },\r\n            uploadedFile: function (file, response) {\r\n                if (this.$refs.computerDropzone.dropzone.files.length > 1)\r\n                    this.$refs.computerDropzone.removeFile(this.$refs.computerDropzone.dropzone.files[0])\r\n\r\n                this.contentData.backgroundImage = response.url;\r\n                this.contentData.backgroundImageWidth = file.width;\r\n                this.contentData.backgroundImageHeight = file.height;\r\n            },\r\n            uploadedMobileFile: function (file, response) {\r\n                if (this.$refs.mobileDropzone.dropzone.files.length > 1)\r\n                    this.$refs.mobileDropzone.removeFile(this.$refs.mobileDropzone.dropzone.files[0])\r\n\r\n                this.contentData.mobileBackgroundImage = response.url;\r\n                this.contentData.mobileBackgroundImageWidth = file.width;\r\n                this.contentData.mobileBackgroundImageHeight = file.height;\r\n            },\r\n            expandNextSection() {\r\n                if (!this.contentData.toggleSections)\r\n                    return;\r\n\r\n                //if ($(this.$el).parent().next().is(\":visible\") == false)\r\n                //    $('html, body').animate({\r\n                //        scrollTop: $(this.$el).parent().next().offset().top - 50\r\n                //    }, 500);\r\n\r\n\t\t\t\t$(this.$el).parent().nextAll().slice(0, this.contentData.toggleSections).slideToggle();\r\n            }\r\n        }\r\n    };</script>\r\n\r\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\r\n<style scoped>\r\n\t.img-fluid {\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.bottom-right {\r\n\t\tposition: absolute;\r\n\t\tbottom: 16px;\r\n\t\tright: 16px;\r\n\t}\r\n\r\n\t.loading {\r\n\t\tz-index: 1001;\r\n\t\tposition: absolute;\r\n\t\tleft: 50%;\r\n\t\ttop: 50%;\r\n\t\ttransform: translate(-50%, -50%);\r\n\t\tcolor: #fff;\r\n\t}\r\n\r\n    .imageMinHeight {\r\n        min-height: 100px\r\n    }\r\n\r\n    .clickableImage div {\r\n        margin: 10px;\r\n    }\r\n\r\n    .clickableImage div:active {\r\n        opacity: 0.75;\r\n    }\r\n\r\n    @media only screen and (min-width : 992px) {\r\n        .clickableImage {\r\n            cursor: pointer;\r\n        }\r\n\r\n        .clickableImage div:hover {\r\n            opacity: 0.75;\r\n        }\r\n    }\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageContent.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageContent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImageContent.vue?vue&type=template&id=9802abe8&scoped=true&\"\nimport script from \"./ImageContent.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageContent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ImageContent.vue?vue&type=style&index=0&id=9802abe8&scoped=true&lang=css&\"\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  \"9802abe8\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}