{"version":3,"sources":["webpack:///./src/components/modals/DownloadAssetsModal.vue?ee71","webpack:///src/components/modals/DownloadAssetsModal.vue","webpack:///./src/components/modals/DownloadAssetsModal.vue?1b4a","webpack:///./src/components/modals/DownloadAssetsModal.vue","webpack:///./src/components/modals/Modal.vue?85dd","webpack:///src/components/modals/Modal.vue","webpack:///./src/components/modals/Modal.vue?3946","webpack:///./src/components/modals/Modal.vue","webpack:///./src/components/modals/Modal.vue?8d5f"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","title","on","$event","$emit","staticClass","_l","result","asset","id","key","staticRenderFns","name","components","StacAsset","Modal","props","job","type","computed","component","style","zIndex","backgroundClose","ref","startMove","_t","_v","_s","close","mixins","default","minWidth","width","show","data","position","dragPosition","watch","immediate","handler","methods","open","window","event","document","stopMove","move","escCloseListener"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,QAAQ,CAACE,MAAM,CAAC,MAAQ,MAAM,MAAQN,EAAIO,OAAOC,GAAG,CAAC,OAAS,SAASC,GAAQ,OAAOT,EAAIU,MAAM,aAAa,CAACN,EAAG,KAAK,CAACO,YAAY,QAAQX,EAAIY,GAAIZ,EAAIa,OAAa,QAAE,SAASC,EAAMC,GAAI,OAAOX,EAAG,YAAY,CAACY,IAAID,EAAGT,MAAM,CAAC,MAAQQ,EAAM,GAAKC,EAAG,QAAUf,EAAIa,aAAY,MAC7WI,EAAkB,G,YCWP,GACfC,2BACAC,YACAC,8DACAC,cAEAC,OACAC,KACAC,aAEAX,QACAW,cAGAC,UACAlB,QACA,oEC5B4W,I,YCOxWmB,EAAY,eACd,EACA3B,EACAkB,GACA,EACA,KACA,KACA,MAIa,aAAAS,E,2CClBf,IAAI3B,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACO,YAAY,QAAQgB,MAAM,CAAE,UAAW3B,EAAI4B,QAASpB,GAAG,CAAC,UAAYR,EAAI6B,kBAAkB,CAACzB,EAAG,MAAM,CAAC0B,IAAI,YAAYnB,YAAY,kBAAkBgB,MAAO3B,EAAS,OAAG,CAACI,EAAG,SAAS,CAACO,YAAY,eAAeH,GAAG,CAAC,UAAYR,EAAI+B,YAAY,CAAC/B,EAAIgC,GAAG,UAAS,WAAW,MAAO,CAAC5B,EAAG,KAAK,CAACJ,EAAIiC,GAAGjC,EAAIkC,GAAGlC,EAAIO,UAAUH,EAAG,OAAO,CAACO,YAAY,QAAQH,GAAG,CAAC,MAAQR,EAAImC,QAAQ,CAAC/B,EAAG,IAAI,CAACO,YAAY,cAAcL,MAAM,CAAC,cAAc,iBAAgB,GAAGF,EAAG,OAAO,CAACO,YAAY,iBAAiB,CAACX,EAAIgC,GAAG,YAAY,GAAG5B,EAAG,SAAS,CAACO,YAAY,gBAAgB,CAACX,EAAIgC,GAAG,WAAW,QAC3pBf,EAAkB,G,wBCsBP,GACfC,aACAkB,gBACAd,OACAf,OACAiB,YACAa,cAEAC,UACAd,YACAa,cAEAE,OACAf,YACAa,gBAEAG,MACAhB,aACAa,aAGAI,OACA,OACAb,WACAc,cACAC,oBAGElB,SAAFA,IACA,kDACAE,QACA,OACA,kBAUA,OARA,gBACAA,8BAEA,+BACAA,sBACAA,6BACAA,6BAEA,IAGAiB,OACAJ,MACAK,aACAC,WACA,EAIA,YAHA,gBAQAC,YACA,yDACAC,OACA,iBACA,qCACAC,yDACA,qBAEAd,QACAc,4DACA,kBACA,sBAEAlB,aACA,0BACA,mBACAmB,UACAA,WAGAC,iDACAA,mDAEAD,mBACAA,sBAGAE,WACAD,oDACAA,uDAEAE,QACMH,EAANA,iBAEA,eACA,iEACA,iEAGA,mBACAA,UACAA,YAGAI,oBACA,mBAIA,OAHA,aACAJ,mBACAA,qBACA,GAGArB,mBACA,qBACA,gBCvI8V,I,wBCQ1VH,EAAY,eACd,EACA3B,EACAkB,GACA,EACA,KACA,KACA,MAIa,OAAAS,E,oECnBf","file":"js/chunk-320f6bf9.bff2439b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Modal',{attrs:{\"width\":\"60%\",\"title\":_vm.title},on:{\"closed\":function($event){return _vm.$emit('closed')}}},[_c('ul',{staticClass:\"list\"},_vm._l((_vm.result.assets),function(asset,id){return _c('StacAsset',{key:id,attrs:{\"asset\":asset,\"id\":id,\"context\":_vm.result}})}),1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<Modal width=\"60%\" :title=\"title\" @closed=\"$emit('closed')\">\n\t\t<ul class=\"list\">\n\t\t\t<StacAsset v-for=\"(asset, id) in result.assets\" :key=\"id\" :asset=\"asset\" :id=\"id\" :context=\"result\" />\n\t\t</ul>\n\t</Modal>\n</template>\n\n\n<script>\nimport Modal from './Modal.vue';\n\nexport default {\n\tname: 'DownloadAssetsModal',\n\tcomponents: {\n\t\tStacAsset: () => import('@openeo/vue-components/components/internal/StacAsset.vue'),\n\t\tModal\n\t},\n\tprops: {\n\t\tjob: {\n\t\t\ttype: Object\n\t\t},\n\t\tresult: {\n\t\t\ttype: Object\n\t\t}\n\t},\n\tcomputed: {\n\t\ttitle() {\n\t\t\treturn \"Download Results for: \" + (this.job.title || \"#\" + this.job.id);\n\t\t}\n\t}\n}\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!./DownloadAssetsModal.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!./DownloadAssetsModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DownloadAssetsModal.vue?vue&type=template&id=26d8edde&\"\nimport script from \"./DownloadAssetsModal.vue?vue&type=script&lang=js&\"\nexport * from \"./DownloadAssetsModal.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modal\",style:({'z-index': _vm.zIndex}),on:{\"mousedown\":_vm.backgroundClose}},[_c('div',{ref:\"container\",staticClass:\"modal-container\",style:(_vm.style)},[_c('header',{staticClass:\"modal-header\",on:{\"mousedown\":_vm.startMove}},[_vm._t(\"header\",function(){return [_c('h2',[_vm._v(_vm._s(_vm.title))]),_c('span',{staticClass:\"close\",on:{\"click\":_vm.close}},[_c('i',{staticClass:\"fa fa-times\",attrs:{\"aria-hidden\":\"true\"}})])]})],2),_c('main',{staticClass:\"modal-content\"},[_vm._t(\"default\")],2),_c('footer',{staticClass:\"modal-footer\"},[_vm._t(\"footer\")],2)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"modal\" @mousedown=\"backgroundClose\" :style=\"{'z-index': zIndex}\">\n\t\t<div ref=\"container\" class=\"modal-container\" :style=\"style\">\n\t\t\t<header class=\"modal-header\" @mousedown=\"startMove\">\n\t\t\t\t<slot name=\"header\">\n\t\t\t\t\t<h2>{{ title }}</h2>\n\t\t\t\t\t<span class=\"close\" @click=\"close\"><i class=\"fa fa-times\" aria-hidden=\"true\"></i></span>\n\t\t\t\t</slot>\n\t\t\t</header>\n\t\t\t<main class=\"modal-content\">\n\t\t\t\t<slot></slot>\n\t\t\t</main>\n\t\t\t<footer class=\"modal-footer\">\n\t\t\t\t<slot name=\"footer\"></slot>\n\t\t\t</footer>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport EventBusMixin from '../EventBusMixin.vue';\nimport Utils from '../../utils.js';\n\nexport default {\n\tname: 'Modal',\n\tmixins: [EventBusMixin],\n\tprops: {\n\t\ttitle: {\n\t\t\ttype: String,\n\t\t\tdefault: null\n\t\t},\n\t\tminWidth: {\n\t\t\ttype: String,\n\t\t\tdefault: null\n\t\t},\n\t\twidth: {\n\t\t\ttype: String,\n\t\t\tdefault: \"auto\"\n\t\t},\n\t\tshow: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t}\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tzIndex: 1000,\n\t\t\tposition: null,\n\t\t\tdragPosition: null\n\t\t};\n\t},\n    computed: {\n\t\t...Utils.mapState('editor', ['hightestModalZIndex']),\n\t\tstyle() {\n\t\t\tlet style = {\n\t\t\t\t'width': this.width\n\t\t\t};\n\t\t\tif (this.minWidth) {\n\t\t\t\tstyle['min-width'] = this.minWidth;\n\t\t\t}\n\t\t\tif (Array.isArray(this.position)) {\n\t\t\t\tstyle.position = 'absolute';\n\t\t\t\tstyle.left = this.position[0] + 'px';\n\t\t\t\tstyle.top = this.position[1] + 'px';\n\t\t\t}\n\t\t\treturn style;\n\t\t}\n    },\n\twatch: {\n\t\tshow: {\n\t\t\timmediate: true,\n\t\t\thandler(show) {\n\t\t\t\tif (!show) {\n\t\t\t\t\tthis.close();\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tthis.open();\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t},\n\tmethods: {\n\t\t...Utils.mapMutations('editor', ['openModal', 'closeModal']),\n\t\topen() {\n\t\t\tthis.openModal();\n\t\t\tthis.zIndex = this.hightestModalZIndex;\n\t\t\twindow.addEventListener('keydown', this.escCloseListener);\n\t\t\tthis.$emit('shown');\n\t\t},\n\t\tclose() {\n\t\t\twindow.removeEventListener('keydown', this.escCloseListener);\n\t\t\tthis.closeModal();\n\t\t\tthis.$emit('closed');\n\t\t},\n\t\tstartMove(event) {\n\t\t\tif (event.target.tagName !== 'H2') {\n\t\t\t\tthis.dragPosition = [\n\t\t\t\t\tevent.clientX,\n\t\t\t\t\tevent.clientY\n\t\t\t\t];\n\n\t\t\t\tdocument.addEventListener('mousemove', this.move);\n\t\t\t\tdocument.addEventListener('mouseup', this.stopMove);\n\n\t\t\t\tevent.preventDefault();\n\t\t\t\tevent.stopPropagation();\n\t\t\t}\n\t\t},\n\t\tstopMove() {\n\t\t\tdocument.removeEventListener('mousemove', this.move);\n\t\t\tdocument.removeEventListener('mouseup', this.stopMove);\n\t\t},\n\t\tmove(event) {\n      \t\tevent.preventDefault();\n\t\t\t// set the element's new position\n\t\t\tthis.position = [\n\t\t\t\tthis.$refs.container.offsetLeft - (this.dragPosition[0] - event.clientX),\n\t\t\t\tthis.$refs.container.offsetTop - (this.dragPosition[1] - event.clientY)\n\t\t\t];\n\t\t\t// Store for later\n\t\t\tthis.dragPosition = [\n\t\t\t\tevent.clientX,\n\t\t\t\tevent.clientY\n\t\t\t];\n\t\t},\n\t\tescCloseListener(event) {\n\t\t\tif (event.key == \"Escape\") { \n\t\t\t\tthis.close();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tevent.stopPropagation();\n\t\t\t\treturn false;\n\t\t\t}\n\t\t},\n\t\tbackgroundClose(event) {\n\t\t\tif (event.target === this.$el) {\n\t\t\t\tthis.close();\n\t\t\t}\n\t\t}\n\t}\n};\n</script>\n\n<style lang=\"scss\">\n@import '../../../theme.scss';\n\n.modal {\n    position: fixed;\n    z-index: 1000; /* Snotify has 9999 and is intentionally above the modals */\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0,0,0,0.4);\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n.modal .modal-container {\n    background-color: #fff;\n    border: 1px solid #fff;\n\tmin-height: 50vh;\n\tmin-width: 300px;\n\twidth: 70%;\n\tmax-height: 96%;\n\tmax-width: 96%;\n\tdisplay: flex;\n\tflex-direction: column;\n\tbox-shadow: 8px 8px 8px 0px rgba(0,0,0,0.3);\n\tresize: both;\n\toverflow: hidden;\n}\n\n.modal .modal-header {\n\tbackground-color: $mainColor;\n\tcolor: white;\n\tmargin: 0;\n\theight: 1.5rem;\n\tpadding: 1rem;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n    cursor: move;\n}\n\n.modal .modal-header h2 {\n\tdisplay: inline-block;\n\tmargin: 0;\n\tmargin-left: -0.5rem;\n\tpadding: 0.5rem;\n\tfont-size: 1.5rem;\n\tborder: 0;\n\tcursor: text;\n}\n\n.modal .modal-content {\n    padding: 1rem;\n\toverflow: auto;\n\tflex-grow: 1;\n}\n\n.modal .inline .modal-content {\n\tpadding: 0;\n}\n\n.modal .modal-footer:empty {\n\tdisplay: none;\n}\n\n.modal .modal-footer {\n\tbackground-color: #eee;\n\tmargin: 0;\n\tpadding: 1rem;\n}\n\n.modal .close {\n\tfont-size: 1.5rem;\n\theight: 2rem;\n\twidth: 2rem;\n    color: white;\n    cursor: pointer;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n.modal .close:hover, .modal .close:focus {\n    color: red;\n}\n</style>\n","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!./Modal.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!./Modal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Modal.vue?vue&type=template&id=4c656184&\"\nimport script from \"./Modal.vue?vue&type=script&lang=js&\"\nexport * from \"./Modal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Modal.vue?vue&type=style&index=0&lang=scss&\"\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","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Modal.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}