{"version":3,"sources":["webpack:///./src/router/views/planning/staffing-pattern.vue?4b7e","webpack:///src/router/views/planning/staffing-pattern.vue","webpack:///./src/router/views/planning/staffing-pattern.vue?4f15","webpack:///./src/router/views/planning/staffing-pattern.vue","webpack:///./src/components/page-header.vue?0443","webpack:///src/components/page-header.vue","webpack:///./src/components/page-header.vue?7e96","webpack:///./src/components/page-header.vue","webpack:///./node_modules/@babel/runtime/helpers/esm/asyncIterator.js","webpack:///./node_modules/core-js/modules/es.symbol.async-iterator.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","on","$event","changeData","$store","state","data","selectedCampus","id","cycle","attrs","title","items","staticClass","_v","_l","y","key","staticStyle","editYear","_s","year","saveYearChanges","editMode","_e","x","type","directives","name","rawName","value","staffForTheYear","expression","domProps","target","composing","$set","unfilledCalc","watchIfHasData","getSingleData","total","filled","getTotalData","formatNumber","getTotalUnfilled","staticRenderFns","updateData","push","createData","component","$router","href","text","components","props","String","default","Array","_asyncIterator","iterable","method","Symbol","asyncIterator","call","iterator","TypeError","defineWellKnownSymbol"],"mappings":"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","file":"js/chunk-45d91678.544c04e9.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Layout',{on:{\"changeCycle\":function($event){return _vm.changeData($event, _vm.$store.state.data.selectedCampus.id)},\"changeCampus\":function($event){return _vm.changeData(_vm.$store.state.data.cycle, $event.id)}}},[_c('PageHeader',{attrs:{\"title\":_vm.title,\"items\":_vm.items}}),_c('table',{staticClass:\"table table-bordered\"},[_c('thead',[_c('tr',[_c('th',{staticClass:\"vertical-middle\",attrs:{\"rowspan\":\"2\",\"width\":\"25%\"}},[_vm._v(\"Employment Types\")]),_vm._l((_vm.years),function(y){return [_c('th',{key:(\"Y-\" + (y.year)),staticClass:\"text-center\",attrs:{\"colspan\":\"3\",\"width\":\"25%\"}},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center\",staticStyle:{\"gap\":\"5px\"}},[_c('a',{staticClass:\"font-size-18 text-yellow hover-underline\",attrs:{\"href\":\"javascript:void(0);\"},on:{\"click\":function($event){return _vm.editYear(y)}}},[_vm._v(\" \"+_vm._s(y.year)+\" \")]),(y.editMode)?[_c('a',{staticClass:\"text-green font-size-18 px-1 border border-success rounded font-weight-bold\",attrs:{\"href\":\"javascript:void(0);\"},on:{\"click\":function($event){return _vm.saveYearChanges(y)}}},[_c('i',{staticClass:\"bx bx-check\"})]),_c('a',{staticClass:\"text-danger font-size-18 px-1 border border-danger rounded font-weight-bold\",attrs:{\"href\":\"javascript:void(0);\"},on:{\"click\":function($event){y.editMode = false}}},[_c('i',{staticClass:\"bx bx-x\"})])]:_vm._e()],2),(!y.editMode)?_c('small',{staticClass:\"d-block font-size-10\"},[_c('i',[_vm._v(\"Click the year to update the data\")])]):_vm._e()])]})],2),_c('tr',[_vm._l((_vm.years),function(y){return [_c('th',{key:(\"TP1-\" + (y.year)),staticClass:\"text-center\"},[_vm._v(\"Total Positions\")]),_c('th',{key:(\"F1-\" + (y.year)),staticClass:\"text-center\"},[_vm._v(\"Filled\")]),_c('th',{key:(\"UN1-\" + (y.year)),staticClass:\"text-center\"},[_vm._v(\"Unfilled\")])]})],2)]),_c('tbody',[_vm._l((_vm.employmentTypes),function(x){return [_c('tr',{key:(\"ET-\" + (x.id))},[_c('td',{staticClass:\"font-size-15 text-white font-weight-bold\"},[_vm._v(_vm._s(x.type))]),_vm._l((_vm.years),function(y){return [(y.editMode)?[_c('td',{key:(\"TPI2-\" + (x.id) + \"-\" + (y.year))},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.staffForTheYear[(\"fill\" + (x.id))].total),expression:\"staffForTheYear[`fill${x.id}`].total\"}],staticClass:\"form-control text-center\",domProps:{\"value\":(_vm.staffForTheYear[(\"fill\" + (x.id))].total)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.staffForTheYear[(\"fill\" + (x.id))], \"total\", $event.target.value)}}})]),_c('td',{key:(\"FI2-\" + (x.id) + \"-\" + (y.year))},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.staffForTheYear[(\"fill\" + (x.id))].filled),expression:\"staffForTheYear[`fill${x.id}`].filled\"}],staticClass:\"form-control text-center\",domProps:{\"value\":(_vm.staffForTheYear[(\"fill\" + (x.id))].filled)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.staffForTheYear[(\"fill\" + (x.id))], \"filled\", $event.target.value)}}})]),_c('td',{key:(\"UN12-\" + (x.id) + \"-\" + (y.year)),staticClass:\"vertical-middle text-center\"},[_vm._v(\" \"+_vm._s(_vm.unfilledCalc(_vm.staffForTheYear[(\"fill\" + (x.id))]))+\" \")])]:[(_vm.watchIfHasData(y).length)?[_c('td',{key:(\"TP2-\" + (x.id) + \"-\" + (y.year)),staticClass:\"text-center\"},[_vm._v(_vm._s(_vm.getSingleData(y.year, x.id) ? (_vm.getSingleData(y.year, x.id).total == 0 ? '-' : _vm.getSingleData(y.year, x.id).total) : '-'))]),_c('td',{key:(\"F2-\" + (x.id) + \"-\" + (y.year)),staticClass:\"text-center\"},[_vm._v(_vm._s(_vm.getSingleData(y.year, x.id) ? (_vm.getSingleData(y.year, x.id).filled == 0 ? '-' : _vm.getSingleData(y.year, x.id).filled) : '-'))]),_c('td',{key:(\"UN2-\" + (x.id) + \"-\" + (y.year)),staticClass:\"text-center\"},[_vm._v(_vm._s(_vm.unfilledCalc(_vm.getSingleData(y.year, x.id))))])]:[_c('td',{key:(\"ND1-\" + (x.id) + \"-\" + (y.year)),staticClass:\"text-center\"},[_vm._v(\"-\")]),_c('td',{key:(\"ND2-\" + (x.id) + \"-\" + (y.year)),staticClass:\"text-center\"},[_vm._v(\"-\")]),_c('td',{key:(\"ND3-\" + (x.id) + \"-\" + (y.year)),staticClass:\"text-center\"},[_vm._v(\"-\")])]]]})],2)]}),_c('tr',[_c('td',{staticClass:\"font-size-15 text-yellow font-weight-bold\"},[_vm._v(\"Total\")]),_vm._l((_vm.years),function(y){return [_c('td',{key:(\"TTP2-\" + (y.year)),staticClass:\"text-center text-white\"},[_vm._v(_vm._s(_vm.getTotalData(y.year).total ? _vm.formatNumber(_vm.getTotalData(y.year).total) : '-'))]),_c('td',{key:(\"TF2-\" + (y.year)),staticClass:\"text-center text-white\"},[_vm._v(_vm._s(_vm.getTotalData(y.year).filled ? _vm.formatNumber(_vm.getTotalData(y.year).filled) : '-'))]),_c('td',{key:(\"TUN2-\" + (y.year)),staticClass:\"text-center text-white\"},[_vm._v(_vm._s(_vm.getTotalUnfilled(y.year)))])]})],2)],2)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nimport Layout from \"../../layouts/main\";\r\nimport PageHeader from \"@/components/page-header\";\r\nexport default { \r\n    page: {\r\n        title: \"Staffing Pattern\",\r\n    },\r\n    components: {\r\n        Layout,\r\n        PageHeader,\r\n    },\r\n    data() {\r\n        return {\r\n            title: \"Staffing Pattern\",\r\n            submitted: false,\r\n            items: [\r\n                {\r\n                    text: \"Dashboards\",\r\n                    href: \"/\",\r\n                },\r\n                {\r\n                    text: \"Staffing Pattern\",\r\n                    active: true,\r\n                },\r\n            ],\r\n            tableBusy: false,\r\n            employmentTypes: [],\r\n            tableData: [],\r\n            years: [],\r\n            staffForTheYear: {},\r\n        }\r\n    },\r\n    async created(){\r\n        this.tableBusy = true;\r\n        await this.getEmploymentTypes();\r\n        await this.changeData(this.$store.state.data.cycle, this.$store.state.data.selectedCampus.id);\r\n        this.tableBusy = false;\r\n    },\r\n    methods: {\r\n        async getEmploymentTypes(){\r\n            await this.$store\r\n                .dispatch(\"employmenttype/GetAllEmploymentType\")\r\n                .then((res) => {\r\n                    if(res.data.error){\r\n                        return this.showToast(res.data.errorMessage, 'error')\r\n                    }\r\n                    this.employmentTypes = res.data;\r\n                })\r\n                .catch((err) => {\r\n                    this.showToast(\"Something went wrong!\",\"error\");\r\n                });\r\n        },\r\n        async changeData(cycle, campusId){\r\n            this.tableData = [];\r\n            this.years = [\r\n                {\r\n                    year: cycle - 2,\r\n                    editMode: false,\r\n                },\r\n                {\r\n                    year: cycle - 1,\r\n                    editMode: false,\r\n                },\r\n                {\r\n                    year: cycle,\r\n                    editMode: false,\r\n                },\r\n            ];\r\n            await this.$store\r\n                .dispatch(\"staffingpattern/GetAllStaffingPattern\", {campusId})\r\n                .then((res) => {\r\n                    if(res.data.error){\r\n                        return this.showToast(res.data.errorMessage, 'error')\r\n                    }\r\n                    this.tableData = res.data;\r\n                })\r\n                .catch((err) => {\r\n                    this.showToast(\"Something went wrong!\",\"error\");\r\n                });\r\n        },\r\n        editYear(row){\r\n            this.years.map(item => item.editMode = false);\r\n            row.editMode = true;\r\n            var editable = {};\r\n            this.employmentTypes.forEach(x => {\r\n                editable[`fill${x.id}`] = {\r\n                    id: this.getSingleData(row.year, x.id) ? this.getSingleData(row.year, x.id).id : 0,\r\n                    employmentTypeId: x.id,\r\n                    total: this.getSingleData(row.year, x.id) ? (this.getSingleData(row.year, x.id).total == 0 ? \"\" : this.getSingleData(row.year, x.id).total) : \"\",\r\n                    filled: this.getSingleData(row.year, x.id) ? (this.getSingleData(row.year, x.id).filled == 0 ? \"\" : this.getSingleData(row.year, x.id).filled) : \"\",\r\n                    remarks: \"\",\r\n                }\r\n            })\r\n            this.staffForTheYear = editable;\r\n        },\r\n        watchIfHasData(row){\r\n            return this.tableData.filter(y => y.cycle == row.year);\r\n        },\r\n        getSingleData(year, empTypeId){\r\n            return this.tableData.find(x => x.cycle == year && x.employmentTypeId == empTypeId)\r\n        },\r\n        unfilledCalc(data){\r\n            if(!data) return '-';\r\n            let total = data.total ? parseFloat(data.total) : 0;\r\n            let filled = data.filled ? parseFloat(data.filled) : 0;\r\n            let diff = total - filled;\r\n            return diff <= 0 ? '-' : diff;\r\n        },\r\n        async saveYearChanges(row){\r\n            let createData = [];\r\n            let updateData = [];\r\n            for(var key in this.staffForTheYear){\r\n                let dat = this.staffForTheYear[key];\r\n                if(dat.id > 0){\r\n                    updateData.push({\r\n                        id: dat.id,\r\n                        campusId: this.$store.state.data.selectedCampus.id,\r\n                        cycle: row.year,\r\n                        employmentTypeId: dat.employmentTypeId,\r\n                        total: dat.total ? this.getExactAmt(dat.total) : 0,\r\n                        filled: dat.filled ? this.getExactAmt(dat.filled) : 0,\r\n                        remarks: \"\",\r\n                    })\r\n                }else{\r\n                    createData.push({\r\n                        id: 0,\r\n                        employmentTypeId: dat.employmentTypeId,\r\n                        total: dat.total ? this.getExactAmt(dat.total) : 0,\r\n                        filled: dat.filled ? this.getExactAmt(dat.filled) : 0,\r\n                        remarks: \"\",\r\n                    })\r\n                }\r\n            }\r\n            if(createData.length){\r\n                await this.$store\r\n                    .dispatch(\"staffingpattern/CreateStaffingPattern\", {\r\n                        campusId: this.$store.state.data.selectedCampus.id,\r\n                        cycle: row.year,\r\n                        data: createData,\r\n                    })\r\n                    .then((res) => {\r\n                        if(res.data.error){\r\n                            return this.showToast(res.data.errorMessage, 'error')\r\n                        }\r\n                        res.data.map(item => {\r\n                            this.tableData.push(item);\r\n                        })\r\n                        row.editMode = false;\r\n                    })\r\n                    .catch((err) => {\r\n                        this.showToast(\"Something went wrong!\",\"error\");\r\n                    });\r\n            }\r\n            if(updateData.length){\r\n                await this.$store\r\n                    .dispatch(\"staffingpattern/UpdateStaffingPattern\", updateData)\r\n                    .then(async (res) => {\r\n                        if(res.data.error){\r\n                            return this.showToast(res.data.errorMessage, 'error');\r\n                        }\r\n                        for await(let x of updateData) {\r\n                            let index = this.tableData.findIndex(y => y.id == x.id);\r\n                            this.tableData[index].total = x.total;\r\n                            this.tableData[index].filled = x.filled;\r\n                        }\r\n                        row.editMode = false;\r\n                    })\r\n                    .catch((err) => {\r\n                        this.showToast(\"Something went wrong!\",\"error\");\r\n                    });\r\n            }\r\n        },\r\n        getTotalData(year){\r\n            let data = this.tableData.filter(x => x.cycle == year);\r\n            let sumOfTotal = data.reduce((accum, item) => accum + parseFloat(item.total), 0)\r\n            let sumOfFilled = data.reduce((accum, item) => accum + parseFloat(item.filled), 0)\r\n            return {total: sumOfTotal, filled: sumOfFilled}\r\n        },\r\n        getTotalUnfilled(year){\r\n            let data = this.tableData.filter(x => x.cycle == year);\r\n            let unfilled = 0;\r\n            data.map(item => {\r\n                let diff = parseFloat(item.total) - parseFloat(item.filled);\r\n                unfilled += diff > 0 ? diff : 0;\r\n            })\r\n            return unfilled;\r\n        }\r\n    }\r\n}\r\n</script>\r\n<template>\r\n    <Layout @changeCycle=\"changeData($event, $store.state.data.selectedCampus.id)\" @changeCampus=\"changeData($store.state.data.cycle, $event.id)\">\r\n        <PageHeader :title=\"title\" :items=\"items\" />\r\n        <table class=\"table table-bordered\">\r\n            <thead>\r\n                <tr>\r\n                    <th rowspan=\"2\" class=\"vertical-middle\" width=\"25%\">Employment Types</th>\r\n                    <template v-for=\"y in years\" >\r\n                        <th colspan=\"3\" class=\"text-center\" :key=\"`Y-${y.year}`\" width=\"25%\">\r\n                            <div class=\"d-flex justify-content-center align-items-center\" style=\"gap:5px;\">\r\n                                <a href=\"javascript:void(0);\" class=\"font-size-18 text-yellow hover-underline\" @click=\"editYear(y)\">\r\n                                    {{y.year}}\r\n                                </a>\r\n                                <template v-if=\"y.editMode\">\r\n                                    <a href=\"javascript:void(0);\" class=\"text-green font-size-18 px-1 border border-success rounded font-weight-bold\" @click=\"saveYearChanges(y)\"><i class=\"bx bx-check\"></i></a>\r\n                                    <a href=\"javascript:void(0);\" class=\"text-danger font-size-18 px-1 border border-danger rounded font-weight-bold\" @click=\"y.editMode = false\"><i class=\"bx bx-x\"></i></a>\r\n                                </template>\r\n                            </div>\r\n                            <small class=\"d-block font-size-10\" v-if=\"!y.editMode\"><i>Click the year to update the data</i></small>\r\n                        </th>\r\n                    </template>\r\n                </tr>\r\n                <tr>\r\n                    <template v-for=\"y in years\">\r\n                        <th class=\"text-center\" :key=\"`TP1-${y.year}`\">Total Positions</th>\r\n                        <th class=\"text-center\" :key=\"`F1-${y.year}`\">Filled</th>\r\n                        <th class=\"text-center\" :key=\"`UN1-${y.year}`\">Unfilled</th>\r\n                    </template>\r\n                </tr>\r\n            </thead>\r\n            <tbody>\r\n                <template v-for=\"x in employmentTypes\">\r\n                    <tr :key=\"`ET-${x.id}`\">\r\n                        <td class=\"font-size-15 text-white font-weight-bold\">{{x.type}}</td>\r\n                        <template v-for=\"y in years\">\r\n                            <template v-if=\"y.editMode\">\r\n                                <td :key=\"`TPI2-${x.id}-${y.year}`\">\r\n                                    <input v-model=\"staffForTheYear[`fill${x.id}`].total\" class=\"form-control text-center\" />\r\n                                </td>\r\n                                <td :key=\"`FI2-${x.id}-${y.year}`\">\r\n                                    <input v-model=\"staffForTheYear[`fill${x.id}`].filled\" class=\"form-control text-center\"/>\r\n                                </td>\r\n                                <td :key=\"`UN12-${x.id}-${y.year}`\" class=\"vertical-middle text-center\">\r\n                                    {{ unfilledCalc(staffForTheYear[`fill${x.id}`]) }}\r\n                                </td>\r\n                            </template>\r\n                            <template v-else>\r\n                                <template v-if=\"watchIfHasData(y).length\">\r\n                                    <td :key=\"`TP2-${x.id}-${y.year}`\" class=\"text-center\">{{getSingleData(y.year, x.id) ? (getSingleData(y.year, x.id).total == 0 ? '-' : getSingleData(y.year, x.id).total) : '-'}}</td>\r\n                                    <td :key=\"`F2-${x.id}-${y.year}`\" class=\"text-center\">{{getSingleData(y.year, x.id) ? (getSingleData(y.year, x.id).filled == 0 ? '-' : getSingleData(y.year, x.id).filled) : '-'}}</td>\r\n                                    <td :key=\"`UN2-${x.id}-${y.year}`\" class=\"text-center\">{{unfilledCalc(getSingleData(y.year, x.id))}}</td>\r\n                                </template>\r\n                                <template v-else>\r\n                                    <td class=\"text-center\" :key=\"`ND1-${x.id}-${y.year}`\">-</td>\r\n                                    <td class=\"text-center\" :key=\"`ND2-${x.id}-${y.year}`\">-</td>\r\n                                    <td class=\"text-center\" :key=\"`ND3-${x.id}-${y.year}`\">-</td>\r\n                                </template>\r\n                            </template>\r\n                        </template>\r\n                    </tr>\r\n                </template>\r\n                <tr>\r\n                    <td class=\"font-size-15 text-yellow font-weight-bold\">Total</td>\r\n                    <template v-for=\"y in years\">\r\n                        <td :key=\"`TTP2-${y.year}`\" class=\"text-center text-white\">{{getTotalData(y.year).total ? formatNumber(getTotalData(y.year).total) : '-'}}</td>\r\n                        <td :key=\"`TF2-${y.year}`\" class=\"text-center text-white\">{{getTotalData(y.year).filled ? formatNumber(getTotalData(y.year).filled) : '-'}}</td>\r\n                        <td :key=\"`TUN2-${y.year}`\" class=\"text-center text-white\">{{getTotalUnfilled(y.year)}}</td>\r\n                    </template>\r\n                </tr>\r\n            </tbody>\r\n        </table>\r\n    </Layout>\r\n</template>","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!./staffing-pattern.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!./staffing-pattern.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./staffing-pattern.vue?vue&type=template&id=0885b27c&\"\nimport script from \"./staffing-pattern.vue?vue&type=script&lang=js&\"\nexport * from \"./staffing-pattern.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:\"row mb-2\"},[_c('div',{staticClass:\"col-6 d-flex flex-row align-items-center\"},[_c('h4',{staticClass:\"mb-0 font-size-18\"},[_vm._v(_vm._s(_vm.title))])]),_c('div',{staticClass:\"col-6 d-flex justify-content-end align-items-end\"},[_c('div',{staticClass:\"page-title-right\"},[_c('ol',{staticClass:\"breadcrumb m-0\"},_vm._l((_vm.items),function(x){return _c('li',{key:x.id,staticClass:\"breadcrumb-item\"},[_c('a',{attrs:{\"href\":\"javascript:void(0);\"},on:{\"click\":function($event){return _vm.$router.push(x.href)}}},[_vm._v(_vm._s(x.text))])])}),0)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nexport default {\r\n  components: {},\r\n  props: {\r\n    title: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    items: {\r\n      type: Array,\r\n      default: () => {\r\n        return []\r\n      },\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<template>\r\n  <!-- start page title -->\r\n  <div class=\"row mb-2\">\r\n    <div class=\"col-6 d-flex flex-row align-items-center\">\r\n      <h4 class=\"mb-0 font-size-18\">{{ title }}</h4>\r\n    </div>\r\n    <div class=\"col-6 d-flex justify-content-end align-items-end\">\r\n      <div class=\"page-title-right\">\r\n        <ol class=\"breadcrumb m-0\">\r\n          <li class=\"breadcrumb-item\" v-for=\"x in items\" :key=\"x.id\">\r\n            <a href=\"javascript:void(0);\" @click=\"$router.push(x.href)\">{{x.text}}</a>\r\n          </li>\r\n        </ol>\r\n        <!-- <b-breadcrumb :items=\"items\" class=\"m-0\"></b-breadcrumb> -->\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <!-- end page title -->\r\n</template>\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!./page-header.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!./page-header.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./page-header.vue?vue&type=template&id=05ed9e2d&\"\nimport script from \"./page-header.vue?vue&type=script&lang=js&\"\nexport * from \"./page-header.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","export default function _asyncIterator(iterable) {\n  var method;\n\n  if (typeof Symbol !== \"undefined\") {\n    if (Symbol.asyncIterator) {\n      method = iterable[Symbol.asyncIterator];\n      if (method != null) return method.call(iterable);\n    }\n\n    if (Symbol.iterator) {\n      method = iterable[Symbol.iterator];\n      if (method != null) return method.call(iterable);\n    }\n  }\n\n  throw new TypeError(\"Object is not async iterable\");\n}","var defineWellKnownSymbol = require('../internals/define-well-known-symbol');\n\n// `Symbol.asyncIterator` well-known symbol\n// https://tc39.github.io/ecma262/#sec-symbol.asynciterator\ndefineWellKnownSymbol('asyncIterator');\n"],"sourceRoot":""}