{"version":3,"sources":["webpack:///./src/components/kalendar/kalendar-eventpopup.vue?4c68","webpack:///./src/components/kalendar/kalendar-eventpopup.vue?5eb9","webpack:///src/components/kalendar/kalendar-eventpopup.vue","webpack:///./src/components/kalendar/kalendar-eventpopup.vue?d351","webpack:///./src/components/kalendar/kalendar-eventpopup.vue?835d"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","popup_scope","staticRenderFns","props","appointmentProps","hasOwnProperty","status","data","close_popup","appointment_props","$on","console","log","watch","val","$emit","deep","component"],"mappings":"gHAAA,yBAA4iB,EAAG,G,yCCA/iB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,gBAAgB,CAACG,MAAM,CAAC,KAAO,cAAc,aAAaP,EAAIQ,gBAAgB,IACrNC,EAAkB,GCMP,GACdC,MAAO,CAAC,oBACR,cACCT,KAAKO,YAAY,qBAAuBP,KAAKU,iBACzCV,KAAKU,iBAAiBC,eAAe,aACxCX,KAAKO,YAAYK,OAAS,WAE1BZ,KAAKO,YAAYK,OAAS,OAG5BC,KAAM,KAAM,CACXN,YAAa,CACZO,aAAa,EACbF,OAAQ,KACRG,kBAAmB,QAGrB,UACCf,KAAKgB,IAAI,gBAAiB,KACzBC,QAAQC,IAAI,uCAGdC,MAAO,CACNZ,YAAa,CACZ,QAAQa,GACHA,EAAIN,cACPG,QAAQC,IAAI,kBACZlB,KAAKqB,MAAM,gBAGbC,MAAM,KCrCyM,I,wBCQ9MC,EAAY,eACd,EACAzB,EACAU,GACA,EACA,KACA,KACA,MAIa,aAAAe,E","file":"js/chunk-e3415df0.176a1289.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./kalendar-eventpopup.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./kalendar-eventpopup.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"popup-wrapper\"},[_c('portal-target',{attrs:{\"name\":\"event-popup\",\"slot-props\":_vm.popup_scope}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"popup-wrapper\">\r\n\t\t<portal-target name=\"event-popup\" :slot-props=\"popup_scope\">\r\n\t\t</portal-target>\r\n\t</div>\r\n</template>\r\n<script>\r\nexport default {\r\n\tprops: ['appointmentProps'],\r\n\tbeforeMount() {\r\n\t\tthis.popup_scope['appointment_props'] = this.appointmentProps;\r\n\t\tif (this.appointmentProps.hasOwnProperty('form_data')) {\r\n\t\t\tthis.popup_scope.status = 'existing';\r\n\t\t} else {\r\n\t\t\tthis.popup_scope.status = 'new';\r\n\t\t}\r\n\t},\r\n\tdata: () => ({\r\n\t\tpopup_scope: {\r\n\t\t\tclose_popup: false,\r\n\t\t\tstatus: null,\r\n\t\t\tappointment_props: null,\r\n\t\t}\r\n\t}),\r\n\tmounted() {\r\n\t\tthis.$on('completedForm', () => {\r\n\t\t\tconsole.log('completed form in eventpopup.vue');\r\n\t\t});\r\n\t},\r\n\twatch: {\r\n\t\tpopup_scope: {\r\n\t\t\thandler(val) {\r\n\t\t\t\tif (val.close_popup) {\r\n\t\t\t\t\tconsole.log('Closing popup.');\r\n\t\t\t\t\tthis.$emit('closePopup');\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tdeep: true,\r\n\t\t},\r\n\t},\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n.popup-wrapper {\r\n\ttext-shadow: none;\r\n\tcolor: black;\r\n\tz-index: 10;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: calc(100% + 5px);\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tuser-select: none;\r\n\tbackground-color: white;\r\n\tborder: solid 1px rgba(black, .08);\r\n\tborder-radius: 4px;\r\n\tbox-shadow: 0px 2px 12px -3px rgba(black, .3);\r\n\tpadding: 10px;\r\n\th4 {\r\n\t\tcolor: black;\r\n\t\tfont-weight: 400;\r\n\t}\r\n\tinput,\r\n\ttextarea {\r\n\t\tborder: none;\r\n\t\tbackground-color: darken(white, 8);\r\n\t\tcolor: lighten(black, 1);\r\n\t\tborder-radius: 4px;\r\n\t\tpadding: 5px 8px;\r\n\t\tmargin-bottom: 5px;\r\n\t}\r\n}\r\n\r\nul:last-child .popup-wrapper {\r\n\tleft: auto;\r\n\tright: 100%;\r\n\tmargin-right: 10px;\r\n}\r\n\r\n.is-day-view ul .popup-wrapper {\r\n    left: auto;\r\n    right: auto;\r\n    width: 100%;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./kalendar-eventpopup.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./kalendar-eventpopup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./kalendar-eventpopup.vue?vue&type=template&id=175e4c54&\"\nimport script from \"./kalendar-eventpopup.vue?vue&type=script&lang=js&\"\nexport * from \"./kalendar-eventpopup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./kalendar-eventpopup.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"],"sourceRoot":""}