{"version":3,"sources":["webpack:///./src/views/management/modals/EditEvent.vue?23fe","webpack:///./src/views/management/Calendar.vue","webpack:///./src/views/management/modals/EditEvent.vue","webpack:///./src/views/management/modals/EditEvent.vue?1ea7","webpack:///./src/views/management/modals/EditEvent.vue?4b6a","webpack:///./src/views/management/Calendar.vue?ff98","webpack:///./src/views/management/Calendar.vue?86b9","webpack:///./src/views/management/modals/EditEvent.vue?ad37"],"names":["class","style","align","href","data-bs-toggle","data-bs-target","id","type","openEditModal","ref","event","selectedEvent","eventTypes","getEvents","tabindex","aria-hidden","data-bs-dismiss","src","model","eventData","rules","prop","key","label","value","title","period","range-separator","start-placeholder","end-placeholder","format","description","submit","loading","deleteEvent","name","components","props","Function","default","emits","emit","store","formRef","user","getters","currentUser","required","message","trigger","start_date","end_date","editEvent","formData","ApiService","setHeader","update","catch","response","console","log","data","errors","fire","text","icon","buttonsStyling","confirmButtonText","customClass","confirmButton","post","validate","valid","user_id","start","end","then","closeEditBtn","document","getElementById","click","confirm","delete","moment","render","__scopeId","Calendar","EditEvent","calendarWidget","getTypes","get","editBtn"],"mappings":"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","file":"js/chunk-7b7fb645.fd117e63.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./EditEvent.vue?vue&type=style&index=0&id=58120395&lang=scss&scoped=true\"","<template>\r\n    <div class=\"d-flex flex-stack\" style=\"padding-bottom:10px;\">\r\n        <div class=\"page-title d-flex align-items-center me-3 flex-wrap mb-5 mb-lg-0 lh-1\">\r\n        </div>\r\n        <div class=\"col-md-6\" align=\"right\">\r\n        <div class=\"me-4\">\r\n            <a\r\n                href=\"#\"\r\n                style=\"display:none;\"\r\n                data-bs-toggle=\"modal\"\r\n                data-bs-target=\"#modal_edit_event\"\r\n                id=\"event_edit_button\"\r\n            />\r\n            <button class=\"btn btn-sm btn-primary\" type=\"button\" @click=\"openEditModal({})\">\r\n                Create\r\n            </button>\r\n        </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"card mb-5 mb-xl-10 p-10\">\r\n        <Calendar \r\n            v-bind:openEditModal=\"openEditModal\"\r\n            ref=\"calendarWidget\"/>\r\n    </div>\r\n    <EditEvent\r\n        v-bind:event=\"selectedEvent\"\r\n        v-bind:eventTypes=\"eventTypes\"\r\n        @getEvents=\"getEvents\">\r\n    </EditEvent>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent, onMounted, ref } from \"vue\";\r\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\r\nimport Calendar from \"@/views/widgets/Calendar.vue\"\r\nimport EditEvent from   \"@/views/management/modals/EditEvent.vue\"\r\nimport ApiService from \"@/core/services/ApiService\";\r\nimport moment from \"moment\";\r\n\r\nexport default defineComponent({\r\n    name: \"calendar\",\r\n    components: {\r\n        Calendar,\r\n        EditEvent\r\n    },\r\n    setup() {\r\n        const selectedEvent = ref({});\r\n        const eventTypes = ref([]);\r\n        const calendarWidget = ref<InstanceType<typeof Calendar>>()\r\n        const getTypes = async() =>{\r\n            ApiService.setHeader();\r\n            await ApiService.get(\"event/types\")\r\n                    .then(({ data }) => {\r\n                        eventTypes.value = data.eventTypes;\r\n                    })\r\n                    .catch(({ response }) => {\r\n                    console.log('getTypes error => '+response.data.errors);\r\n                    });\r\n        }\r\n\r\n        const openEditModal = (event) =>{\r\n            selectedEvent.value = event;\r\n            let editBtn = document.getElementById('event_edit_button');\r\n            editBtn?.click();\r\n        }\r\n\r\n        const getEvents = () =>{\r\n            calendarWidget.value?.getEvents();\r\n        }\r\n\r\n        onMounted(() => {\r\n            getTypes();\r\n            setCurrentPageBreadcrumbs(\"Calendar\", [\"Management\"]);\r\n        });\r\n\r\n        return {\r\n            selectedEvent,\r\n            eventTypes,\r\n            openEditModal,\r\n            calendarWidget,\r\n            getEvents\r\n        }\r\n    },\r\n});\r\n</script>","<template>\r\n  <div\r\n    class=\"modal fade\"\r\n    id=\"modal_edit_event\"\r\n    tabindex=\"-1\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <div class=\"modal-dialog modal-dialog-centered mw-700px\">\r\n      <div class=\"modal-content\">\r\n        <div class=\"modal-header\">\r\n            <h2>\r\n                <span v-if=\"event.id\" >Edit</span>\r\n                <span v-else>Create</span> Event\r\n            </h2>\r\n\r\n          <div\r\n            class=\"btn btn-sm btn-icon btn-active-color-primary\"\r\n            data-bs-dismiss=\"modal\"\r\n          >\r\n            <span class=\"svg-icon svg-icon-1\">\r\n              <inline-svg src=\"/media/icons/duotune/arrows/arr061.svg\" />\r\n            </span>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"modal-body py-lg-10 px-lg-10\">\r\n          <el-form\r\n            id=\"edit_event_form\"\r\n            :model=\"eventData\"\r\n            :rules=\"rules\"\r\n            ref=\"formRef\"\r\n            class=\"form\"\r\n          >\r\n            <div class=\"row mb-6\">\r\n              <label\r\n                class=\"d-flex align-items-center fs-5 fw-bold mb-2 col-lg-3\"\r\n              >\r\n                <span class=\"required\">Type</span>\r\n              </label>\r\n              <div class=\"col-lg-9\">\r\n                <el-form-item prop=\"type\">\r\n                    <el-select\r\n                        class=\"form-select-solid\"\r\n                        v-model=\"eventData.type\">\r\n                        <el-option v-for=\"type in eventTypes\" :key=\"type\" :label=\"type\" :value=\"type\">\r\n                            {{type}}\r\n                        </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n              </div>\r\n            </div>\r\n            <div class=\"row mb-6\">\r\n              <label\r\n                class=\"d-flex align-items-center fs-5 fw-bold mb-2 col-lg-3\"\r\n              >\r\n                <span class=\"required\">Title</span>\r\n              </label>\r\n              <div class=\"col-lg-9\">\r\n                <el-form-item prop=\"title\">\r\n                    <input\r\n                        v-model=\"eventData.title\"\r\n                        style=\"width:100%;\"\r\n                        class=\"form-control form-control-lg form-control-solid\"\r\n                    />\r\n                </el-form-item>\r\n              </div>\r\n            </div>\r\n            <div class=\"row mb-6\">\r\n              <label\r\n                class=\"d-flex align-items-center fs-5 fw-bold mb-2 col-lg-3\"\r\n              >\r\n                <span class=\"required\">Date</span>\r\n              </label>\r\n              <div class=\"col-lg-9\">\r\n                <el-form-item prop=\"event_date\"> \r\n                    <el-date-picker\r\n                        v-model=\"eventData.period\"\r\n                        type=\"daterange\"\r\n                        range-separator=\"To\"\r\n                        start-placeholder=\"Start date\"\r\n                        end-placeholder=\"End date\"\r\n                        class=\"w-100\"\r\n                        format=\"MM/DD/YYYY\"\r\n                    >\r\n                    </el-date-picker>\r\n                </el-form-item>\r\n              </div>\r\n            </div>\r\n            <div class=\"row mb-6\">\r\n              <label\r\n                class=\"d-flex align-items-center fs-5 fw-bold mb-2 col-lg-3\"\r\n              >\r\n                <span>Description</span>\r\n              </label>\r\n              <div class=\"col-lg-9\">\r\n                <el-form-item prop=\"event_description\"> \r\n                    <textarea\r\n                        v-model=\"eventData.description\"\r\n                        style=\"width:100%;\"\r\n                        class=\"form-control form-control-lg form-control-solid\"\r\n                    />\r\n                </el-form-item>\r\n              </div>\r\n            </div>\r\n            <div class=\"text-center\">\r\n              <button\r\n                id=\"close_event_button\"\r\n                class=\"btn btn-white me-3\"\r\n                data-bs-dismiss=\"modal\"\r\n              >\r\n                Cancel\r\n              </button>\r\n              <el-button type=\"primary\" @click=\"submit()\" :loading=\"loading\">\r\n                {{ loading ? \"Please wait...\" : \"Submit\" }}\r\n              </el-button>\r\n              <el-button v-if=\"event.id\" class=\"btn btn-danger me-3\" type=\"reset\" @click=\"deleteEvent()\">\r\n                Delete\r\n              </el-button>\r\n            </div>\r\n            </el-form>\r\n          </div>\r\n        </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent, ref, watch } from \"vue\";\r\nimport Swal from \"sweetalert2/dist/sweetalert2.js\";\r\nimport ApiService from \"@/core/services/ApiService\";\r\nimport { useStore } from \"vuex\";\r\nimport moment from \"moment\";\r\nimport { useFieldValue } from \"vee-validate\";\r\nimport { ElMessageBox } from \"element-plus\";\r\n\r\nexport default defineComponent({\r\n  name: \"edit-event-modal\",\r\n  components: {\r\n  },\r\n  props: {\r\n      event: {} as any,\r\n      eventTypes:[],\r\n      getEvents : {\r\n        type:Function,\r\n        default: () => ({}),\r\n      },\r\n  },\r\n  emits: ['getEvents'],\r\n  setup(props, {emit}) {\r\n    const store = useStore();\r\n    const formRef = ref<null | HTMLFormElement>(null);\r\n    const loading = ref<boolean>(false);\r\n    const user = store.getters.currentUser;\r\n    const eventData = ref<any>({});\r\n\r\n    const rules = ref({  \r\n        type: [\r\n            {\r\n                required: true,\r\n                message: \"Please select event type\",\r\n                trigger: \"blur\",\r\n            },\r\n        ],\r\n        title: [\r\n            {\r\n                required: true,\r\n                message: \"Please enter the event title\",\r\n                trigger: \"change\",\r\n            },\r\n        ],\r\n    });\r\n\r\n    watch(() => props.event, ()=>{\r\n        eventData.value = props.event;\r\n        if(props.event.start_date){\r\n            eventData.value.period = [];\r\n            eventData.value.period[0] = props.event.start_date;\r\n            eventData.value.period[1] = props.event.end_date;\r\n        }\r\n    })\r\n\r\n    const editEvent = async (formData) => {\r\n        ApiService.setHeader();\r\n        if(eventData.value.id && eventData.value.id !==0)\r\n        {\r\n            ApiService.update(\"event\", eventData.value.id, formData)\r\n                .catch(({ response }) => {\r\n                    loading.value = false;\r\n                    console.log('edit event error => '+response.data.errors);\r\n                    Swal.fire({\r\n                    text: \"Failed to edit event\",\r\n                    icon: \"error\",\r\n                    buttonsStyling: false,\r\n                    confirmButtonText: \"Ok, got it!\",\r\n                    customClass: {\r\n                        confirmButton: \"btn btn-primary\",\r\n                    },\r\n                    });\r\n                });\r\n        }\r\n        else\r\n        {\r\n            ApiService.post(\"event\", formData)\r\n                .catch(({ response }) => {\r\n                    loading.value = false;\r\n                    console.log('create event error => '+response.data.errors);\r\n                    Swal.fire({\r\n                    text: \"Failed to create the new event\",\r\n                    icon: \"error\",\r\n                    buttonsStyling: false,\r\n                    confirmButtonText: \"Ok, got it!\",\r\n                    customClass: {\r\n                        confirmButton: \"btn btn-primary\",\r\n                    },\r\n                    });\r\n                });\r\n        }\r\n    }\r\n\r\n    const submit = () => {\r\n        if (!formRef.value) {\r\n            return;\r\n        }\r\n\r\n        formRef.value.validate((valid) => {\r\n            if (valid){\r\n            loading.value = true;\r\n            eventData.value.start_date = eventData.value.period[0];\r\n            eventData.value.end_date = eventData.value.period[1];\r\n            eventData.value.user_id = user.id;\r\n            delete eventData.value.start;\r\n            delete eventData.value.end;\r\n            delete eventData.value.period;\r\n            editEvent(eventData.value).then(() => {\r\n                Swal.fire({\r\n                text: \"Form has been successfully submitted!\",\r\n                icon: \"success\",\r\n                buttonsStyling: false,\r\n                confirmButtonText: \"Ok, got it!\",\r\n                customClass: {\r\n                    confirmButton: \"btn btn-primary\",\r\n                },\r\n                }).then(() => {\r\n                    loading.value = false;\r\n                    let closeEditBtn = document.getElementById('close_event_button');\r\n                    closeEditBtn?.click();\r\n                    emit('getEvents');\r\n                });\r\n            });\r\n        } else {\r\n            Swal.fire({\r\n                text: \"Please fill out all required fields\",\r\n                icon: \"error\",\r\n                buttonsStyling: false,\r\n                confirmButtonText: \"Ok, got it!\",\r\n                customClass: {\r\n                confirmButton: \"btn btn-primary\",\r\n                },\r\n            });\r\n            return false;\r\n            }\r\n        });\r\n    };\r\n\r\n    const deleteEvent = () => {\r\n      ElMessageBox.confirm('Are you sure to delete this class?').then(() => {\r\n        ApiService.setHeader();\r\n        ApiService.delete(\"event/\"+eventData.value.id)\r\n          .then(() => {\r\n            Swal.fire({\r\n                text: \"The event is deleted successfully\",\r\n                icon: \"success\",\r\n                buttonsStyling: false,  \r\n                confirmButtonText: \"Ok, got it!\",\r\n                customClass: {\r\n                    confirmButton: \"btn btn-primary\",\r\n                },\r\n                })\r\n                .then(() => {\r\n                    let closeEditBtn = document.getElementById('close_event_button');\r\n                    closeEditBtn?.click();\r\n                    emit('getEvents');\r\n                });\r\n          })\r\n          .catch(({ response }) => {\r\n            console.log('delete event error => '+response.data.errors);\r\n            Swal.fire({\r\n                text: \"Failed to delete event\",\r\n                icon: \"error\",\r\n                buttonsStyling: false,\r\n                confirmButtonText: \"Ok, got it!\",\r\n                customClass: {\r\n                    confirmButton: \"btn btn-primary\",\r\n                },\r\n                });\r\n            });\r\n          });\r\n    };\r\n\r\n    return {\r\n      loading,\r\n      formRef,\r\n      moment,\r\n      submit,\r\n      eventData,\r\n      rules,\r\n      deleteEvent\r\n    };\r\n  },\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.el-input--suffix .el-input__inner {\r\n  background-color: #f5f8fa;\r\n}\r\n\r\n.el-input__inner {\r\n  background-color: #f5f8fa;\r\n}\r\n</style>\r\n\r\n<style scoped>\r\n* >>> .el-form-item {\r\n  margin-bottom: 0px;\r\n}\r\n\r\n* >>> .el-table td {\r\n    padding: 5px;\r\n    font-size: 13px;\r\n}\r\n\r\n* >>> .el-table th {\r\n    padding: 5px;\r\n    font-size: 13px;\r\n    line-height: 20px;\r\n}\r\n</style>\r\n\r\n","\r\nimport { defineComponent, ref, watch } from \"vue\";\r\nimport Swal from \"sweetalert2/dist/sweetalert2.js\";\r\nimport ApiService from \"@/core/services/ApiService\";\r\nimport { useStore } from \"vuex\";\r\nimport moment from \"moment\";\r\nimport { useFieldValue } from \"vee-validate\";\r\nimport { ElMessageBox } from \"element-plus\";\r\n\r\nexport default defineComponent({\r\n  name: \"edit-event-modal\",\r\n  components: {\r\n  },\r\n  props: {\r\n      event: {} as any,\r\n      eventTypes:[],\r\n      getEvents : {\r\n        type:Function,\r\n        default: () => ({}),\r\n      },\r\n  },\r\n  emits: ['getEvents'],\r\n  setup(props, {emit}) {\r\n    const store = useStore();\r\n    const formRef = ref<null | HTMLFormElement>(null);\r\n    const loading = ref<boolean>(false);\r\n    const user = store.getters.currentUser;\r\n    const eventData = ref<any>({});\r\n\r\n    const rules = ref({  \r\n        type: [\r\n            {\r\n                required: true,\r\n                message: \"Please select event type\",\r\n                trigger: \"blur\",\r\n            },\r\n        ],\r\n        title: [\r\n            {\r\n                required: true,\r\n                message: \"Please enter the event title\",\r\n                trigger: \"change\",\r\n            },\r\n        ],\r\n    });\r\n\r\n    watch(() => props.event, ()=>{\r\n        eventData.value = props.event;\r\n        if(props.event.start_date){\r\n            eventData.value.period = [];\r\n            eventData.value.period[0] = props.event.start_date;\r\n            eventData.value.period[1] = props.event.end_date;\r\n        }\r\n    })\r\n\r\n    const editEvent = async (formData) => {\r\n        ApiService.setHeader();\r\n        if(eventData.value.id && eventData.value.id !==0)\r\n        {\r\n            ApiService.update(\"event\", eventData.value.id, formData)\r\n                .catch(({ response }) => {\r\n                    loading.value = false;\r\n                    console.log('edit event error => '+response.data.errors);\r\n                    Swal.fire({\r\n                    text: \"Failed to edit event\",\r\n                    icon: \"error\",\r\n                    buttonsStyling: false,\r\n                    confirmButtonText: \"Ok, got it!\",\r\n                    customClass: {\r\n                        confirmButton: \"btn btn-primary\",\r\n                    },\r\n                    });\r\n                });\r\n        }\r\n        else\r\n        {\r\n            ApiService.post(\"event\", formData)\r\n                .catch(({ response }) => {\r\n                    loading.value = false;\r\n                    console.log('create event error => '+response.data.errors);\r\n                    Swal.fire({\r\n                    text: \"Failed to create the new event\",\r\n                    icon: \"error\",\r\n                    buttonsStyling: false,\r\n                    confirmButtonText: \"Ok, got it!\",\r\n                    customClass: {\r\n                        confirmButton: \"btn btn-primary\",\r\n                    },\r\n                    });\r\n                });\r\n        }\r\n    }\r\n\r\n    const submit = () => {\r\n        if (!formRef.value) {\r\n            return;\r\n        }\r\n\r\n        formRef.value.validate((valid) => {\r\n            if (valid){\r\n            loading.value = true;\r\n            eventData.value.start_date = eventData.value.period[0];\r\n            eventData.value.end_date = eventData.value.period[1];\r\n            eventData.value.user_id = user.id;\r\n            delete eventData.value.start;\r\n            delete eventData.value.end;\r\n            delete eventData.value.period;\r\n            editEvent(eventData.value).then(() => {\r\n                Swal.fire({\r\n                text: \"Form has been successfully submitted!\",\r\n                icon: \"success\",\r\n                buttonsStyling: false,\r\n                confirmButtonText: \"Ok, got it!\",\r\n                customClass: {\r\n                    confirmButton: \"btn btn-primary\",\r\n                },\r\n                }).then(() => {\r\n                    loading.value = false;\r\n                    let closeEditBtn = document.getElementById('close_event_button');\r\n                    closeEditBtn?.click();\r\n                    emit('getEvents');\r\n                });\r\n            });\r\n        } else {\r\n            Swal.fire({\r\n                text: \"Please fill out all required fields\",\r\n                icon: \"error\",\r\n                buttonsStyling: false,\r\n                confirmButtonText: \"Ok, got it!\",\r\n                customClass: {\r\n                confirmButton: \"btn btn-primary\",\r\n                },\r\n            });\r\n            return false;\r\n            }\r\n        });\r\n    };\r\n\r\n    const deleteEvent = () => {\r\n      ElMessageBox.confirm('Are you sure to delete this class?').then(() => {\r\n        ApiService.setHeader();\r\n        ApiService.delete(\"event/\"+eventData.value.id)\r\n          .then(() => {\r\n            Swal.fire({\r\n                text: \"The event is deleted successfully\",\r\n                icon: \"success\",\r\n                buttonsStyling: false,  \r\n                confirmButtonText: \"Ok, got it!\",\r\n                customClass: {\r\n                    confirmButton: \"btn btn-primary\",\r\n                },\r\n                })\r\n                .then(() => {\r\n                    let closeEditBtn = document.getElementById('close_event_button');\r\n                    closeEditBtn?.click();\r\n                    emit('getEvents');\r\n                });\r\n          })\r\n          .catch(({ response }) => {\r\n            console.log('delete event error => '+response.data.errors);\r\n            Swal.fire({\r\n                text: \"Failed to delete event\",\r\n                icon: \"error\",\r\n                buttonsStyling: false,\r\n                confirmButtonText: \"Ok, got it!\",\r\n                customClass: {\r\n                    confirmButton: \"btn btn-primary\",\r\n                },\r\n                });\r\n            });\r\n          });\r\n    };\r\n\r\n    return {\r\n      loading,\r\n      formRef,\r\n      moment,\r\n      submit,\r\n      eventData,\r\n      rules,\r\n      deleteEvent\r\n    };\r\n  },\r\n});\r\n","import { render } from \"./EditEvent.vue?vue&type=template&id=58120395&scoped=true\"\nimport script from \"./EditEvent.vue?vue&type=script&lang=ts\"\nexport * from \"./EditEvent.vue?vue&type=script&lang=ts\"\n\nimport \"./EditEvent.vue?vue&type=style&index=0&id=58120395&lang=scss&scoped=true\"\nimport \"./EditEvent.vue?vue&type=style&index=1&id=58120395&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-58120395\"\n\nexport default script","\r\nimport { defineComponent, onMounted, ref } from \"vue\";\r\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\r\nimport Calendar from \"@/views/widgets/Calendar.vue\"\r\nimport EditEvent from   \"@/views/management/modals/EditEvent.vue\"\r\nimport ApiService from \"@/core/services/ApiService\";\r\nimport moment from \"moment\";\r\n\r\nexport default defineComponent({\r\n    name: \"calendar\",\r\n    components: {\r\n        Calendar,\r\n        EditEvent\r\n    },\r\n    setup() {\r\n        const selectedEvent = ref({});\r\n        const eventTypes = ref([]);\r\n        const calendarWidget = ref<InstanceType<typeof Calendar>>()\r\n        const getTypes = async() =>{\r\n            ApiService.setHeader();\r\n            await ApiService.get(\"event/types\")\r\n                    .then(({ data }) => {\r\n                        eventTypes.value = data.eventTypes;\r\n                    })\r\n                    .catch(({ response }) => {\r\n                    console.log('getTypes error => '+response.data.errors);\r\n                    });\r\n        }\r\n\r\n        const openEditModal = (event) =>{\r\n            selectedEvent.value = event;\r\n            let editBtn = document.getElementById('event_edit_button');\r\n            editBtn?.click();\r\n        }\r\n\r\n        const getEvents = () =>{\r\n            calendarWidget.value?.getEvents();\r\n        }\r\n\r\n        onMounted(() => {\r\n            getTypes();\r\n            setCurrentPageBreadcrumbs(\"Calendar\", [\"Management\"]);\r\n        });\r\n\r\n        return {\r\n            selectedEvent,\r\n            eventTypes,\r\n            openEditModal,\r\n            calendarWidget,\r\n            getEvents\r\n        }\r\n    },\r\n});\r\n","import { render } from \"./Calendar.vue?vue&type=template&id=333a95fb\"\nimport script from \"./Calendar.vue?vue&type=script&lang=ts\"\nexport * from \"./Calendar.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/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-v16/dist/index.js??ref--0-1!./EditEvent.vue?vue&type=style&index=1&id=58120395&scoped=true&lang=css\""],"sourceRoot":""}