{"version":3,"sources":["webpack:///./src/components/Reports/ImmigrationReportMenu.vue?6181","webpack:///./src/components/Reports/ImmigrationReportMenu.vue","webpack:///src/components/Reports/ImmigrationReportMenu.vue","webpack:///./src/components/Reports/ImmigrationReportMenu.vue?b401","webpack:///./src/components/Reports/ImmigrationReportMenu.vue?e32c"],"names":["_c","_self","staticClass","_vm","componentName","tag","index","attrs","staticRenderFns","name","props","data","titles","component","snackbar","report","immigrationReport","methods","loadReports","backToMenu","backToMenu2","dialogueClose","mounted","computed","components","ImmigrationArrivalReport","NationalityReportTable","InternationalPassengerMovementReports"],"mappings":"uHAAA,W,yDCA4CA,G,UAAOC,WAAS,MAAU,KAAqDC,UAAY,GAAa,OAAMC,EAAG,MAACC,MAAc,oCAACC,YAAI,eAAc,GAAG,EAACL,cAAS,CAACE,mBAAuCC,GAAQA,EAAG,MAAO,CAAuB,YAAU,2B,EAAa,GAACG,EAAK,sB,OAACJ,SAAY,CAAqBK,IAAK,E,YAAU,qBAAE,MAAC,CAAG,MAAC,I,GAA0B,CAA4B,kBAAC,2BACxa,iCACGC,O,KC4BJ,G,8BAAA,CACAC,iCACAC,OACA,WACA,gBAEAC,gBACA,OACAC,QACA,CACAH,uCACAI,sCAEA,CACAJ,8CACAI,oCAEA,CACAJ,wDACAI,oDAGAT,iBACAU,UACAC,UACAC,wBAIAC,SACAC,wBAAA,kBACA,qBACA,oCAEAC,sBACA,sBACA,yBAEAC,uBACA,sBACA,oCAEAC,yBACA,8BAGAC,qBAIAC,YACAC,YACAC,oCAAA,6HACAC,kCAAA,mIACAC,iDAAA,6ICpF8W,I,wBCQ1Wd,EAAY,eACd,EACA,EACAL,GACA,EACA,KACA,WACA,MAIa,aAAAK,E","file":"js/ImmigrationReportMenu.6d7b8826.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/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!./ImmigrationReportMenu.vue?vue&type=style&index=0&id=cbcd84f8&prod&scoped=true&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{},[(_vm.snackbar.immigrationReport)?_c('div',{staticClass:\"reportTable\"},[_c(_vm.componentName,{tag:\"component\"})],1):_c('div',{staticClass:\"pas-flex-container pt-5\"},_vm._l((_vm.titles),function(item,index){return _c('v-chip',{key:index,staticClass:\"ma-2 pas-flex-item\",attrs:{\"label\":\"\"},on:{\"click\":function($event){return _vm.loadReports(item)}}},[_vm._v(\" \"+_vm._s(item.name)+\" \")])}),1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"\">\r\n       <!-- <v-chip\r\n                class=\"ma-2\"\r\n                color=\"pink\"\r\n                label\r\n                text-color=\"white\"\r\n                v-if=\"snackbar.report\"\r\n                @click=\"backToMenu\"\r\n        >\r\n            <v-icon left>mdi-label</v-icon>\r\n            Reports\r\n        </v-chip>-->\r\n        <div class=\"reportTable\" v-if=\"snackbar.immigrationReport\">\r\n            <component :is=\"componentName\"></component>\r\n        </div>\r\n        <div class=\" pas-flex-container pt-5\" v-else>\r\n            <v-chip\r\n                    class=\"ma-2 pas-flex-item\"\r\n                    label\r\n                    v-for=\"(item,index) in titles\" :key=\"index\"\r\n                    @click=\"loadReports(item)\"\r\n            >\r\n                {{item.name}}\r\n            </v-chip>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        name: \"Tourist-ArrivalReportMenu\",\r\n        props: [\r\n            'branchID',\r\n            'divisionName'\r\n        ],\r\n        data() {\r\n            return {\r\n                titles: [\r\n                    {\r\n                        name: this.$t('tourist-arrival_report'),\r\n                        component: \"ImmigrationArrivalReport\"\r\n                    },\r\n                    {\r\n                        name: this.$t('national_international_report'),\r\n                        component: \"NationalityReportTable\"\r\n                    },\r\n                    {\r\n                        name: this.$t('international_passenger_movement_report'),\r\n                        component: \"InternationalPassengerMovementReports\"\r\n                    },\r\n                ],\r\n                componentName: '',\r\n                snackbar: {\r\n                    report: false,\r\n                    immigrationReport: false,\r\n                }\r\n            }\r\n        },\r\n        methods: {\r\n            loadReports({component}) {\r\n                this.componentName = component\r\n                this.snackbar.immigrationReport = true\r\n            },\r\n            backToMenu() {\r\n                this.componentName = ''\r\n                this.snackbar.report = false\r\n            },\r\n            backToMenu2() {\r\n                this.componentName = ''\r\n                this.snackbar.immigrationReport = false\r\n            },\r\n            dialogueClose() {\r\n                this.$emit('dialogueClose')\r\n            }\r\n        },\r\n        mounted() {\r\n\r\n\r\n        },\r\n        computed: {},\r\n        components: {\r\n            ImmigrationArrivalReport: () => import(/* webpackChunkName: \"ImmigrationArrivalReport\" */ './ImmigrationArrivalReport'),\r\n            NationalityReportTable: () => import(/* webpackChunkName: \"NationalityReportTable\" */ './NationalityReportTable'),\r\n            InternationalPassengerMovementReports: () => import(/* webpackChunkName: \"InternationalPassengerMovementReports\" */ './InternationalPassengerMovementReports'),\r\n        }\r\n    }\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n    $blue: #236aac;\r\n    $blue1: #061c6d;\r\n    $red: #B72626;\r\n    $grey: #eeeeee51;\r\n    $grey1: #eeeeee99;\r\n    /* width */\r\n    ::-webkit-scrollbar {\r\n        width: 6px;\r\n    }\r\n\r\n    /* Track */\r\n    ::-webkit-scrollbar-track {\r\n        background: $grey1;\r\n    }\r\n\r\n    /* Handle */\r\n    ::-webkit-scrollbar-thumb {\r\n        background: #4e434361;\r\n    }\r\n\r\n    /* Handle on hover */\r\n    ::-webkit-scrollbar-thumb:hover {\r\n        background: #4e434361;\r\n    }\r\n\r\n    .pas-flex-container {\r\n        display: flex;\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        margin: 5px\r\n    }\r\n\r\n    .pas-flex-item {\r\n        box-shadow: 0 3px 5px 0 #eeeeee93;\r\n        padding: 10px;\r\n        flex-grow: 1;\r\n        flex-basis: 200px;\r\n        display: grid;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-align: center;\r\n    }\r\n</style>","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!./ImmigrationReportMenu.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!./ImmigrationReportMenu.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImmigrationReportMenu.vue?vue&type=template&id=cbcd84f8&scoped=true&\"\nimport script from \"./ImmigrationReportMenu.vue?vue&type=script&lang=js&\"\nexport * from \"./ImmigrationReportMenu.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ImmigrationReportMenu.vue?vue&type=style&index=0&id=cbcd84f8&prod&scoped=true&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  \"cbcd84f8\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}