{"version":3,"sources":["webpack:///./src/components/TrainingOverviewItem/index.vue?d356","webpack:///./src/views/Training/index.vue?fbb7","webpack:///./src/components/Popup/index.vue?2f11","webpack:///./src/components/Popup/index.vue","webpack:///./src/components/Popup/index.vue?6a81","webpack:///./src/views/Training/index.vue","webpack:///./src/components/TrainingOverviewItem/index.vue","webpack:///./src/components/TrainingOverviewItem/index.vue?d46d","webpack:///./src/views/Training/index.vue?bfdf"],"names":["class","$props","elemVisible","_createElementBlock","_normalizeClass","elemClass","_createElementVNode","_hoisted_1","_hoisted_2","_renderSlot","_ctx","$slots","undefined","onClick","_cache","$options","hideElem","arguments","data","inject","props","emits","created","watch","$route","this","methods","$emit","__exports__","render","for","_hoisted_3","_hoisted_4","_hoisted_5","toggleEditJourneyNamePopup","$data","trainingItems","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_Fragment","_renderList","training","key","id","_createVNode","_component_TrainingOverviewItem","onSortUp","$event","sortOrderUp","onSortDown","sortOrderDown","onDeleteItem","deleteTraining","_Transition","name","_component_Popup","showEditJourneyNamePopup","onHidePopupEl","hidePopups","_hoisted_10","_hoisted_11","onSubmit","_withModifiers","submitForm","editJourneyShowError","_hoisted_12","_toDisplayString","editJourneyErrorMsg","editJourneyShowSucces","_hoisted_13","editJourneySuccesMsg","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","type","placeholder","onKeyup","editJourneyChangeInput","trainingName","_hoisted_18","fullDateFormatted","countClasses","trainingStages","title","_component_router_link","to","toggleOptionsVisibility","optionsVisible","itemDelete","showRemoveVideoPopup","confirmItemDelete","components","Popup","mounted","itemSortingUp","itemSortingDown","date","initialDate","d","Date","addZero","i","monthIndex","getMonth","year","getFullYear","day","getDate","field","length","count","forEach","stage","trainingStageElements","metaInfo","_this$$store$state","_this$$store$state$ge","pageData","showAddJourneyForm","userId","$store","state","getUserProfile","fetchDataParams","paging","pageNumber","pageSize","orderBy","orderByField","orderDesc","showError","errorMsg","showSucces","succesMsg","editJourneyNameVal","TrainingOverviewItem","getTrainingList","_this$$store$state2","_this$$store$state3","_this$$store$state3$g","fetchPage","fetchPageBySlug","isAuthenticated","then","response","enableAddJourneyForm","params","createTraining","status","setTimeout","fetchTrainingList","deleteTrainingSingle","changeInput","item","console","log","updateSortOrder","items","idToUpdate","newSortOrder","itemToUpdateIndex","findIndex","itemToUpdate","error","originalSortOrder","sortOrder","sort","a","b","trainingContents"],"mappings":"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","file":"js/chunk-64943c86.161492e1.js","sourcesContent":["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-v16/dist/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-v16/dist/index.js??ref--1-1!./index.vue?vue&type=style&index=0&id=560591ec&lang=scss&scoped=true\"","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-v16/dist/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-v16/dist/index.js??ref--1-1!./index.vue?vue&type=style&index=0&id=0e50e026&lang=scss&scoped=true\"","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-v16/dist/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-v16/dist/index.js??ref--1-1!./index.vue?vue&type=style&index=0&id=4ded086a&lang=scss&scoped=true\"","<template>\n\t<section class=\"global-popup\" :class=\"elemClass\" v-if=\"elemVisible\">\n\t\t<div class=\"container\">\n\t\t\t<div class=\"column-wrapper\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"background-el\" @click=\"hideElem\"></div>\n\t</section>\n</template>\n\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\t//hideCurrentElem: false\n\t\t};\n\t},\n\tinject: [\"isAuthenticated\"],\n\tprops: [\"elemClass\", \"elemVisible\"],\n\temits: [\"hidePopupEl\"],\n\t// components: {\n\t// \tLoginPopup,\n\t// \tForgotPasswordPopup\n\t// },\n\tcreated() {},\n\twatch: {\n\t\t$route() {\n\t\t\tthis.hideElem();\n\t\t},\n\t},\n\tmethods: {\n\t\thideElem() {\n\t\t\tthis.$emit(\"hidePopupEl\", \"false\");\n\t\t},\n\t},\n};\n</script>\n\n<style lang=\"scss\" scoped>\n// @import styles\n@import \"./index.scss\";\n</style>\n","import { render } from \"./index.vue?vue&type=template&id=4ded086a&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=4ded086a&lang=scss&scoped=true\"\n\nimport exportComponent from \"/codebuild/output/src1243849527/src/lead-hockey/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-4ded086a\"]])\n\nexport default __exports__","<template>\n    <!-- <HeroPage v-if=\"pageData\" :data=\"pageData\" /> -->\n\n    <!-- <ContentGridFilterCollection :paging=\"paging\" searchParams=\"\" :collectionFilter=\"collectionFilter\"\n            contentType=\"journey\" /> -->\n\n    <section class=\"hero page no-bg type-undefined type-center\">\n        <div class=\"container\">\n            <div class=\"column-wrapper\">\n                <div class=\"column content\">\n                    <h1 class=\"block-title\">My JOURNEYS</h1>\n                    <span class=\"block-subtitle\">Select your video’s and create your own journeys</span>\n                </div>\n            </div>\n        </div>\n    </section>\n\n    <section class=\"section add-training-section\">\n        <div class=\"container\">\n            <div class=\"column-wrapper\">\n                <div class=\"column content\">\n                    <!-- <div class=\"text-wrapper\" v-for=\"item in newsletterData\" :key=\"item.id\">\n                        <h2 class=\"column-title\" v-html=\"item.templateContentFields.displayTitle\"></h2>\n                    </div> -->\n\n                    <button class=\"button\" @click=\"toggleEditJourneyNamePopup\">Add new journey</button>\n\n                    <!-- <form v-if=\"showAddJourneyForm\" @submit.prevent=\"submitForm\">\n                        <div v-if=\"showError\" class=\"error-msg\">\n                            <p>{{ errorMsg }}</p>\n                        </div>\n                        <div v-if=\"showSucces\" class=\"succes-msg\">\n                            <p>{{ succesMsg }}</p>\n                        </div>\n\n                        <div class=\"form-row\">\n                            <span class=\"field-wrapper text\">\n                                <label class=\"top-level\" for=\"training-name-input\">naam</label>\n                                <div class=\"input-wrapper\">\n                                    <input type=\"text\" id=\"training-name-input\" name=\"trainingName\" placeholder=\"naam\"\n                                        @keyup=\"changeInput()\" v-model=\"trainingName\" />\n                                </div>\n                            </span>\n                        </div>\n\n\n                        <button class=\"button submit\">\n                            Create journey\n                        </button>\n                    </form> -->\n\n                </div>\n            </div>\n        </div>\n    </section>\n\n    <section class=\"section training-overview-section\" v-if=\"trainingItems\">\n        <div class=\"container\">\n            <div class=\"column-wrapper\">\n                <div class=\"column collection\">\n\n                    <ul>\n                        <li class=\"training-overview\" v-for=\"training in trainingItems\" :key=\"training.id\">\n                            <TrainingOverviewItem :data=\"training\" @sortUp=\"sortOrderUp(training)\"\n                                @sortDown=\"sortOrderDown(training)\" @deleteItem=\"deleteTraining(training.id)\" />\n                        </li>\n                    </ul>\n\n                </div>\n            </div>\n        </div>\n    </section>\n\n    <transition name=\"fade\">\n        <Popup :elemVisible=\"showEditJourneyNamePopup\" :elemClass=\"'edit-journey-form'\" @hidePopupEl=\"hidePopups()\">\n            <div class=\"column form-column edit-journey-form\">\n                <h2 class=\"column-title\">Create your journey</h2>\n\n                <form @submit.prevent=\"submitForm\">\n                    <div v-if=\"editJourneyShowError\" class=\"error-msg\">\n                        <p>{{ editJourneyErrorMsg }}</p>\n                    </div>\n                    <div v-if=\"editJourneyShowSucces\" class=\"succes-msg\">\n                        <p>{{ editJourneySuccesMsg }}</p>\n                    </div>\n\n                    <div class=\"form-row\">\n                        <span class=\"field-wrapper text\">\n                            <label class=\"top-level\" for=\"training-name-input\">Journey name</label>\n                            <div class=\"input-wrapper\">\n                                <input type=\"text\" id=\"training-name-input\" name=\"trainingName\" placeholder=\"name\"\n                                    @keyup=\"editJourneyChangeInput()\" v-model=\"trainingName\" />\n                            </div>\n                        </span>\n                    </div>\n\n\n                    <button class=\"button submit\">\n                        Next step\n                    </button>\n                    <button class=\"close-btn\" @click=\"hidePopups\"></button>\n                </form>\n            </div>\n\n        </Popup>\n    </transition>\n\n</template>\n\n<script>\nimport { fetchPageBySlug } from \"@streampac.io/chef_sp_1\";\n\n\nimport {\n    createTraining,\n    // fetchTrainingSingle,\n    // updateTrainingSingle,\n    deleteTrainingSingle,\n    fetchTrainingList\n} from \"@streampac.io/chef_sp_1\";\n\n\n\n// import ContentGridFilterCollection from \"@/components/ContentGridFilterCollection\";\n\n// import HeroPage from \"@/components/HeroPage\";\n\nimport Popup from \"@/components/Popup\";\n\nimport TrainingOverviewItem from \"@/components/TrainingOverviewItem\";\n\nexport default {\n    name: \"home\",\n    inject: [\"isAuthenticated\"],\n    metaInfo() {\n        return {\n            title: \"LEAD Hockey online\",\n        };\n    },\n    data() {\n        return {\n            pageData: null,\n\n            showAddJourneyForm: false,\n            trainingName: '',\n            userId: this.$store.state?.getUserProfile?.userId,\n            trainingItems: [],\n            fetchDataParams: {\n                // filter: {\n                //     searchTerm: \"\",\n                // },\n                paging: {\n                    pageNumber: 1,\n                    pageSize: 100,\n                },\n                orderBy: {\n                    orderByField: \"sortOrder\",\n                    orderDesc: false,\n                },\n                //flattenFields: true,\n            },\n            showError: false,\n            errorMsg: \"\",\n            showSucces: false,\n            succesMsg: \"\",\n\n            showEditJourneyNamePopup: false,\n\n            editJourneyShowError: false,\n            editJourneyErrorMsg: \"\",\n            editJourneyShowSucces: false,\n            editJourneySuccesMsg: \"\",\n            editJourneyNameVal: '',\n            //collectionFilter: [\"Level\", \"Nr of Video's\", \"Coaches & Trainers\"],\n        };\n    },\n    // components: {\n    // \tJourneyFilterCollection,\n    // },\n    components: {\n        Popup,\n        TrainingOverviewItem\n        //ContentGridFilterCollection,\n        // HeroPage,\n    },\n    created() {\n        this.getTrainingList();\n    },\n    watch: {\n        '$store.state.getUserProfile'() {\n\n            if (this.$store.state?.getUserProfile) {\n\n                this.userId = this.$store.state?.getUserProfile?.userId;\n\n                this.getTrainingList();\n            }\n        }\n    },\n    methods: {\n        fetchPage() {\n            // if (this.isAuthenticated) {\n            //     fetchPageBySlug(this.isAuthenticated, \"journeys-logged-in\").then(\n            //         (response) => {\n            //             this.pageData = response;\n            //         }\n            //     );\n            // } else {\n            fetchPageBySlug(this.isAuthenticated, \"my-journey\").then(\n                (response) => {\n                    this.pageData = response;\n                }\n            );\n            // }\n        },\n        editJourneyChangeInput() {\n            this.editJourneyShowError = false;\n            this.editJourneyErrorMsg = \"\";\n            this.editJourneyShowSucces = false;\n            this.editJourneySuccesMsg = \"\";\n        },\n        enableAddJourneyForm() {\n            this.showAddJourneyForm = true;\n        },\n        submitForm() {\n            if (this.trainingName && this.trainingName !== '') {\n\n                let params = {\n                    \"title\": this.trainingName,\n                    \"freeContent\": true,\n                    \"public\": false,\n                    \"published\": true,\n                    \"sortOrder\": this.trainingItems.length + 1,\n                    //STAGES\n                    \"trainingStages\": [\n                        {\n                            \"title\": \"Training created by user\",\n                            \"sortOrder\": 0,\n                            \"trainingStageElements\": [\n\n                            ]\n                        }\n                    ]\n                }\n\n                createTraining(\n                    this.isAuthenticated,\n                    params,\n                    this.fetchDataParams,\n                    true\n                ).then((response) => {\n\n                    if (response && response.status === 200) {\n                        //Reset stuff\n                        this.showAddJourneyForm = false;\n                        this.trainingName = '';\n\n                        setTimeout(() => {\n                            this.getTrainingList();\n                        }, 50);\n\n                        setTimeout(() => {\n                            this.hidePopups();\n                        }, 100);\n                    }\n\n                });\n\n            }\n        },\n        getTrainingList() {\n            if (this.userId) {\n\n                fetchTrainingList(\n                    this.isAuthenticated,\n                    this.userId,\n                    this.fetchDataParams,\n                    \"?flattenFields=true\",\n                    true\n                ).then((response) => {\n\n                    if (response && response.status === 200) {\n                        if (response.data) {\n                            this.trainingItems = response.data;\n                        }\n                    }\n                });\n\n            }\n        },\n        deleteTraining(id) {\n            if (id) {\n                deleteTrainingSingle(\n                    this.isAuthenticated,\n                    id,\n                    true\n                ).then((response) => {\n                    if (response && response.status === 204) {\n                        //this.getTrainingList();\n\n                        setTimeout(() => {\n                            this.getTrainingList();\n                        }, 50);\n                    }\n                });\n            }\n        },\n        changeInput() {\n            this.showError = false;\n            this.errorMsg = \"\";\n            this.showSucces = false;\n            this.succesMsg = \"\";\n        },\n        sortOrderUp(item) {\n            console.log('sort order up', item);\n\n            // if (item?.sortOrder && item.sortOrder > 0) {\n            //     this.updateSortOrder(this.trainingItems, item.id, item.sortOrder - 1);\n            // }\n        },\n        sortOrderDown(item) {\n            console.log('sort order down', item);\n\n            // if (item.sortOrder < (this.trainingItems.length + 1)) {\n            //     this.updateSortOrder(this.trainingItems, item.id, item.sortOrder + 1);\n            // }\n        },\n        toggleEditJourneyNamePopup() {\n            this.showEditJourneyNamePopup = !this.showEditJourneyNamePopup;\n        },\n        hidePopups() {\n            this.showEditJourneyNamePopup = false;\n        },\n        updateSortOrder(items, idToUpdate, newSortOrder) {\n            // Find the index of the item to update\n            const itemToUpdateIndex = items.findIndex(item => item.id === idToUpdate);\n            const itemToUpdate = items[itemToUpdateIndex];\n\n            if (!itemToUpdate) {\n                console.error('Item not found');\n                return;\n            }\n\n            // Store the original sort order of the item to update\n            const originalSortOrder = itemToUpdate.sortOrder;\n\n            // Update the sortOrder of the specified item\n            if (newSortOrder <= items.length && newSortOrder > 0) {\n                itemToUpdate.sortOrder = newSortOrder;\n            }\n\n            // Adjust sortOrders of other items\n            items.forEach((item) => {\n                if (item.id !== itemToUpdate.id) {\n                    if (newSortOrder < originalSortOrder) {\n                        // Moving item upwards in the order\n                        if (item.sortOrder >= newSortOrder && item.sortOrder < originalSortOrder) {\n                            item.sortOrder += 1;\n                        }\n                    } else if (newSortOrder > originalSortOrder) {\n                        // Moving item downwards in the order\n                        if (item.sortOrder <= newSortOrder && item.sortOrder > originalSortOrder) {\n                            item.sortOrder -= 1;\n                        }\n                    }\n                }\n            });\n\n            // Sort the array by the updated sortOrder\n            items.sort((a, b) => a.sortOrder - b.sortOrder);\n\n            this.trainingContents.trainingStages[0].trainingStageElements = items;\n        },\n    },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n// @import styles\n@import \"./index.scss\";\n</style>\n","<template>\n    <div class=\"training-part part\" v-if=\"data && data !== ''\">\n\n        <div class=\"left-side\">\n            <div class=\"tags-wrapper\">\n                <div class=\"date\">{{ fullDateFormatted(data.created) }}</div>\n\n                <!-- <div>sortOrder: {{ training }}</div> -->\n\n                <div class=\"amount-of-classes\">{{ countClasses(data.trainingStages) }} classes\n                </div>\n            </div>\n            <h2>{{ data.title }}</h2>\n        </div>\n\n        <div class=\"right-side\">\n\n            <router-link class=\"button\" :to=\"'/my-journey/' + data.id\">Explore\n                training</router-link>\n\n            <!-- <ul class=\"journey-actions-menu\">\n                                    <li><button>Move up</button></li>\n                                    <li><button>Move down</button></li>\n                                    <li><button @click=\"deleteTraining(training.id)\">Delete journey</button></li>\n                                </ul> -->\n\n            <ul class=\"extra-options-wrapper\">\n                <li>\n                    <button @click=\"toggleOptionsVisibility\" :class=\"{ 'active': optionsVisible }\"\n                        class=\"options\"></button>\n                    <ul class=\"options-holder\">\n                        <!-- <li><button class=\"sort-up\" @click=\"itemSortingUp()\">Move up</button></li>\n                        <li><button class=\"sort-down\" @click=\"itemSortingDown()\">Move Down</button>\n                        </li> -->\n                        <li><button class=\"delete-item\" @click=\"itemDelete()\">Delete\n                                training</button>\n                        </li>\n                    </ul>\n                </li>\n            </ul>\n\n        </div>\n\n    </div>\n\n    <transition name=\"fade\">\n        <Popup :elemVisible=\"showRemoveVideoPopup\" :elemClass=\"'remove-item-popup'\" @hidePopupEl=\"hidePopups()\">\n            <div class=\"column content-column remove-item-column\">\n                <h2 class=\"column-title\">Are you sure?</h2>\n                <ul class=\"confirmation-options\">\n                    <li><button class=\"button\" type=\"button\" @click=\"confirmItemDelete\">Yes</button>\n                    </li>\n                    <li><button class=\"button alt\" type=\"button\" @click=\"hidePopups\">No</button>\n                    </li>\n                </ul>\n            </div>\n        </Popup>\n    </transition>\n</template>\n\n<script>\n\nimport Popup from \"@/components/Popup\";\n\nexport default {\n    data() {\n        return {\n            optionsVisible: false,\n            showRemoveVideoPopup: false,\n        };\n    },\n    props: [\"data\"],\n    created() { },\n    inject: [\"isAuthenticated\"],\n    components: {\n        Popup\n    },\n    emits: [\"sortUp\", \"sortDown\", \"deleteItem\"],\n    mounted() {\n\n    },\n    methods: {\n        itemSortingUp() {\n            this.$emit(\"sortUp\");\n        },\n        itemSortingDown() {\n            this.$emit(\"sortDown\");\n        },\n        itemDelete() {\n            this.showRemoveVideoPopup = !this.showRemoveVideoPopup;\n            this.optionsVisible = false;\n        },\n        confirmItemDelete() {\n            this.$emit(\"deleteItem\");\n        },\n        toggleOptionsVisibility() {\n            this.optionsVisible = !this.optionsVisible;\n\n        },\n        fullDateFormatted(date) {\n            let initialDate = date;\n\n            //Timezone offset\n            //let hrs = -(new Date().getTimezoneOffset() / 60);\n\n            // const months = [\n            //     \"Jan.\",\n            //     \"Feb.\",\n            //     \"Mrt.\",\n            //     \"Apr.\",\n            //     \"Mei.\",\n            //     \"Jun.\",\n            //     \"Jul.\",\n            //     \"Aug.\",\n            //     \"Sept.\",\n            //     \"Okt.\",\n            //     \"Nov.\",\n            //     \"Dec.\",\n            // ];\n\n            let d = new Date(initialDate);\n\n            const addZero = (i) => {\n                if (i < 10) {\n                    i = \"0\" + i;\n                }\n                return i;\n            };\n\n            const monthIndex = addZero(d.getMonth() + 1);\n            //const monthName = months[monthIndex];\n            const year = d.getFullYear();\n            const day = addZero(d.getDate());\n            // const hours = addZero(d.getHours() + hrs);\n            // const minutes = addZero(d.getMinutes());\n\n            return (\n                day + \"-\" + monthIndex + \"-\" + year\n            );\n        },\n        countClasses(field) {\n            if (field && field.length > 0) {\n\n                let count = 0;\n\n                field.forEach((stage) => {\n                    if (stage?.trainingStageElements && stage.trainingStageElements.length > 0) {\n                        stage.trainingStageElements.forEach(() => {\n                            count++;\n                        });\n                    }\n                });\n\n                return count;\n            }\n\n            return 0;\n        },\n        hidePopups() {\n            this.showRemoveVideoPopup = false;\n        },\n\n    },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n// @import styles\n@import \"./index.scss\";\n</style>\n","import { render } from \"./index.vue?vue&type=template&id=560591ec&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=560591ec&lang=scss&scoped=true\"\n\nimport exportComponent from \"/codebuild/output/src1243849527/src/lead-hockey/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-560591ec\"]])\n\nexport default __exports__","import { render } from \"./index.vue?vue&type=template&id=0e50e026&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=0e50e026&lang=scss&scoped=true\"\n\nimport exportComponent from \"/codebuild/output/src1243849527/src/lead-hockey/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-0e50e026\"]])\n\nexport default __exports__"],"sourceRoot":""}