{"version":3,"sources":["webpack:///./src/views/password-reward/index.vue?b2f0","webpack:///./src/views/password-reward/modalForm.vue?107c","webpack:///src/views/password-reward/modalForm.vue","webpack:///./src/views/password-reward/modalForm.vue?4c55","webpack:///./src/views/password-reward/modalForm.vue","webpack:///src/views/password-reward/index.vue","webpack:///./src/views/password-reward/index.vue?57c4","webpack:///./src/views/password-reward/index.vue","webpack:///./src/views/password-reward/index.vue?050a","webpack:///./src/views/password-reward/modalForm.vue?fddc","webpack:///./node_modules/vue-clickaway/dist/vue-clickaway.common.js","webpack:///./public/resources/images/check.png"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","$device","staticStyle","_v","style","password","length","attrs","on","$event","onPinPress","onConfirm","_s","$t","key","modal_visible","ref","modal_step","onModalSave","onModalCancel","staticRenderFns","step","padding","visible","cancel","_e","component","Vue","version","compatible","test","util","warn","HANDLER","bind","el","binding","vnode","unbind","vm","context","callback","value","initialMacrotaskEnded","setTimeout","ev","path","composedPath","undefined","indexOf","contains","target","call","document","documentElement","addEventListener","removeEventListener","directive","update","oldValue","mixin","directives","onClickaway","exports","module"],"mappings":"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","file":"js/chunk-07c64e86.c6fac167.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main-container\"},[_c('div',{class:'container-password is-' + _vm.$device},[_c('span',{staticClass:\"fs-18 black fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" กรุณากรอกรหัสคูปอง \")]),_c('br'),_c('div',{staticClass:\"dots-width\"},[_c('span',{staticClass:\"dot animated\",style:({\n                    'margin-left': 0,\n                    'background-color': _vm.password.length > 0 ? '#cc0000' : 'transparent',\n                })}),_c('span',{staticClass:\"dot animated\",style:({\n                    'background-color': _vm.password.length > 1 ? '#cc0000' : 'transparent',\n                })}),_c('span',{staticClass:\"dot animated\",style:({\n                    'background-color': _vm.password.length > 2 ? '#cc0000' : 'transparent',\n                })}),_c('span',{staticClass:\"dot animated\",style:({\n                    'background-color': _vm.password.length > 3 ? '#cc0000' : 'transparent',\n                })})]),_c('div',{staticClass:\"center1\"},[_c('div',{staticClass:\"pinC animated bounceInUp\"},[_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"1\"},on:{\"click\":function($event){return _vm.onPinPress(1)}}},[_c('label',{staticClass:\"pin_T\"},[_vm._v(\"1\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"2\"},on:{\"click\":function($event){return _vm.onPinPress(2)}}},[_c('label',{staticClass:\"pin_T\"},[_vm._v(\"2\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"3\"},on:{\"click\":function($event){return _vm.onPinPress(3)}}},[_c('label',{staticClass:\"pin_T\"},[_vm._v(\"3\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"4\"},on:{\"click\":function($event){return _vm.onPinPress(4)}}},[_c('label',{staticClass:\"pin_T\"},[_vm._v(\"4\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"5\"},on:{\"click\":function($event){return _vm.onPinPress(5)}}},[_c('label',{staticClass:\"pin_T\"},[_vm._v(\"5\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"6\"},on:{\"click\":function($event){return _vm.onPinPress(6)}}},[_c('label',{staticClass:\"pin_T\"},[_vm._v(\"6\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"7\"},on:{\"click\":function($event){return _vm.onPinPress(7)}}},[_c('label',{staticClass:\"pin_T\"},[_vm._v(\"7\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"8\"},on:{\"click\":function($event){return _vm.onPinPress(8)}}},[_c('label',{staticClass:\"pin_T\"},[_vm._v(\"8\")])]),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"9\"},on:{\"click\":function($event){return _vm.onPinPress(9)}}},[_c('label',{staticClass:\"pin_T\"},[_vm._v(\"9\")])]),_c('div',{staticClass:\"pinB\"}),_c('div',{staticClass:\"pinB\",attrs:{\"nr\":\"0\"},on:{\"click\":function($event){return _vm.onPinPress(0)}}},[_c('label',{staticClass:\"pin_T\"},[_vm._v(\"0\")])]),_c('div',{staticClass:\"pinB pDelete\",on:{\"click\":function($event){return _vm.onPinPress('del')}}},[_c('label',{staticClass:\"pin_T pDelete\"},[_vm._v(\"ลบ\")])])])]),_c('a-button',{staticClass:\"text-center primary-btn ant-button-label-custom\",staticStyle:{\"width\":\"47.5%\"},attrs:{\"size\":\"large\"},on:{\"click\":_vm.onConfirm}},[_c('strong',{staticClass:\"fs-18\"},[_vm._v(_vm._s(_vm.$t('Confirm')))])]),_c('modal-form',{key:_vm.modal_visible,ref:\"modalForm\",attrs:{\"visible\":_vm.modal_visible,\"step\":_vm.modal_step},on:{\"on-save\":_vm.onModalSave,\"on-cancel\":_vm.onModalCancel}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.step == 'wrong_password')?_c('a-modal',{attrs:{\"centered\":\"\",\"bodyStyle\":{ padding: 0 },\"visible\":_vm.visible,\"closable\":false,\"footer\":null}},[_c('div',{staticClass:\"custom-modal-header\"},[_c('label',{staticClass:\"custom-modal-header-title fs-20\"},[_c('span',{staticClass:\"color-white\"},[_vm._v(\" \"+_vm._s(_vm.$t('ขออภัย')))])])]),_c('div',{staticClass:\"custom-modal-body\"},[_c('label',{staticClass:\"custom-modal-body-detail fs-18\"},[_vm._v(\" ท่านกรอกข้อมูลไม่ถูกต้อง\"),_c('br'),_vm._v(\"กรุณากรอกใหม่อีกครั้ง \")])]),_c('div',{staticClass:\"custom-modal-footer text-center\"},[_c('a-button',{staticClass:\"text-center bg-red br-20\",attrs:{\"size\":\"large\"},on:{\"click\":function($event){return _vm.cancel()}}},[_c('span',{staticClass:\"fs-20 color-white\"},[_vm._v(\" \"+_vm._s(_vm.$t('ปิดหน้าต่าง')))])])],1)]):_vm._e(),(_vm.step == 'correct_password')?_c('a-modal',{attrs:{\"centered\":\"\",\"bodyStyle\":{ padding: 0 },\"visible\":_vm.visible,\"closable\":false,\"footer\":null}},[_c('div',{staticClass:\"custom-modal-body\",staticStyle:{\"padding-top\":\"32px\",\"padding-bottom\":\"32px\"}},[_c('img',{staticStyle:{\"width\":\"20%\",\"margin\":\"0 auto\",\"min-width\":\"25px\"},attrs:{\"src\":require(\"../../../public/resources/images/check.png\")}}),_c('br'),_c('label',{staticClass:\"custom-modal-body-detail fs-20 fw-600 mb-0 mt-8\"},[_vm._v(\" \"+_vm._s(_vm.$t('Correct Password'))+\" \")])])]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <a-modal centered v-if=\"step == 'wrong_password'\" :bodyStyle=\"{ padding: 0 }\" :visible=\"visible\" :closable=\"false\" :footer=\"null\">\r\n            <div class=\"custom-modal-header\">\r\n                <label class=\"custom-modal-header-title fs-20\">\r\n                    <span class=\"color-white\"> {{ $t('ขออภัย') }}</span>\r\n                </label>\r\n            </div>\r\n            <!-- <div class=\"custom-modal-body\">\r\n                <label class=\"custom-modal-body-detail fs-16\" style=\"display: block\"> ท่านกรอกข้อมูลไม่ถูกต้อง </label>\r\n                <label class=\"custom-modal-body-detail fs-16\"> กรุณากรอกใหม่อีกครั้ง </label>\r\n            </div> -->\r\n            <div class=\"custom-modal-body\">\r\n                <label class=\"custom-modal-body-detail fs-18\"> ท่านกรอกข้อมูลไม่ถูกต้อง<br />กรุณากรอกใหม่อีกครั้ง </label>\r\n            </div>\r\n            <!-- footer -->\r\n            <div class=\"custom-modal-footer text-center\">\r\n                <!-- <a-button key=\"back\" class=\"custom-modal-footer-single-close-btn fs-20\" @click=\"cancel()\">\r\n                    {{ $t('ปิดหน้าต่าง') }}\r\n                </a-button> -->\r\n                <a-button size=\"large\" class=\"text-center bg-red br-20\" @click=\"cancel()\">\r\n                    <span class=\"fs-20 color-white\"> {{ $t('ปิดหน้าต่าง') }}</span>\r\n                </a-button>\r\n            </div>\r\n        </a-modal>\r\n        <a-modal centered v-if=\"step == 'correct_password'\" :bodyStyle=\"{ padding: 0 }\" :visible=\"visible\" :closable=\"false\" :footer=\"null\">\r\n            <div class=\"custom-modal-body\" style=\"padding-top: 32px; padding-bottom: 32px\">\r\n                <img src=\"../../../public/resources/images/check.png\" style=\"width: 20%; margin: 0 auto; min-width: 25px\" />\r\n                <br />\r\n                <label class=\"custom-modal-body-detail fs-20 fw-600 mb-0 mt-8\">\r\n                    {{ $t('Correct Password') }}\r\n                </label>\r\n            </div>\r\n        </a-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { directive as onClickaway } from 'vue-clickaway';\r\nexport default {\r\n    props: ['visible', 'step'],\r\n    data() {\r\n        return {};\r\n    },\r\n    methods: {\r\n        cancel() {\r\n            this.$emit('on-cancel');\r\n        },\r\n        create() {\r\n            this.$emit('on-save');\r\n        },\r\n    },\r\n    directives: {\r\n        onClickaway: onClickaway,\r\n    },\r\n};\r\n</script>\r\n<style scoped>\r\n.custom-modal-header {\r\n    background: transparent;\r\n    padding: 16px 10px;\r\n    padding-bottom: 0;\r\n    text-align: center;\r\n}\r\n.custom-modal-header-title {\r\n    color: #141322 !important;\r\n    font-weight: 600;\r\n}\r\n.custom-modal-body {\r\n    background: transparent;\r\n    /* padding: 16px 10px; */\r\n    padding-bottom: 0;\r\n    text-align: center;\r\n}\r\n.custom-modal-body-detail {\r\n    color: #141322 !important;\r\n    font-weight: 300;\r\n}\r\n.custom-modal-footer {\r\n    background: transparent;\r\n    padding: 16px 10px;\r\n}\r\n.custom-modal-footer-single-close-btn {\r\n    background: linear-gradient(0deg, #ff7105, #ff9500 100%) no-repeat;\r\n    color: #fff;\r\n    width: 100%;\r\n}\r\n</style>","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!./modalForm.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!./modalForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./modalForm.vue?vue&type=template&id=13a91027&scoped=true&\"\nimport script from \"./modalForm.vue?vue&type=script&lang=js&\"\nexport * from \"./modalForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./modalForm.vue?vue&type=style&index=0&id=13a91027&scoped=true&lang=css&\"\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  \"13a91027\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div class=\"main-container\">\r\n        <div :class=\"'container-password is-' + $device\">\r\n            <span class=\"fs-18 black fw-600\" style=\"display: block\"> กรุณากรอกรหัสคูปอง </span>\r\n            <!-- <span class=\"fs-18 red fw-600\" style=\"display: block\"> คอนเสิร์ตมหัศจรรย์ รักไม่รู้จบ </span> -->\r\n            <br />\r\n            <!-- <span class=\"fs-14 black\" style=\"display: block\"> กรุณากรอกรหัสเปิดไฟล์ตั๋วอิเล็กทรอนิกส์ </span>\r\n        <br /> -->\r\n            <div class=\"dots-width\">\r\n                <span\r\n                    class=\"dot animated\"\r\n                    :style=\"{\r\n                        'margin-left': 0,\r\n                        'background-color': password.length > 0 ? '#cc0000' : 'transparent',\r\n                    }\"\r\n                ></span>\r\n                <span\r\n                    class=\"dot animated\"\r\n                    :style=\"{\r\n                        'background-color': password.length > 1 ? '#cc0000' : 'transparent',\r\n                    }\"\r\n                ></span>\r\n                <span\r\n                    class=\"dot animated\"\r\n                    :style=\"{\r\n                        'background-color': password.length > 2 ? '#cc0000' : 'transparent',\r\n                    }\"\r\n                ></span>\r\n                <span\r\n                    class=\"dot animated\"\r\n                    :style=\"{\r\n                        'background-color': password.length > 3 ? '#cc0000' : 'transparent',\r\n                    }\"\r\n                ></span>\r\n            </div>\r\n            <div class=\"center1\">\r\n                <div class=\"pinC animated bounceInUp\">\r\n                    <div class=\"pinB\" nr=\"1\" @click=\"onPinPress(1)\">\r\n                        <label class=\"pin_T\">1</label>\r\n                    </div>\r\n                    <div class=\"pinB\" nr=\"2\" @click=\"onPinPress(2)\">\r\n                        <label class=\"pin_T\">2</label>\r\n                    </div>\r\n                    <div class=\"pinB\" nr=\"3\" @click=\"onPinPress(3)\">\r\n                        <label class=\"pin_T\">3</label>\r\n                    </div>\r\n                    <div class=\"pinB\" nr=\"4\" @click=\"onPinPress(4)\">\r\n                        <label class=\"pin_T\">4</label>\r\n                    </div>\r\n                    <div class=\"pinB\" nr=\"5\" @click=\"onPinPress(5)\">\r\n                        <label class=\"pin_T\">5</label>\r\n                    </div>\r\n                    <div class=\"pinB\" nr=\"6\" @click=\"onPinPress(6)\">\r\n                        <label class=\"pin_T\">6</label>\r\n                    </div>\r\n                    <div class=\"pinB\" nr=\"7\" @click=\"onPinPress(7)\">\r\n                        <label class=\"pin_T\">7</label>\r\n                    </div>\r\n                    <div class=\"pinB\" nr=\"8\" @click=\"onPinPress(8)\">\r\n                        <label class=\"pin_T\">8</label>\r\n                    </div>\r\n                    <div class=\"pinB\" nr=\"9\" @click=\"onPinPress(9)\">\r\n                        <label class=\"pin_T\">9</label>\r\n                    </div>\r\n                    <div class=\"pinB\"></div>\r\n                    <div class=\"pinB\" nr=\"0\" @click=\"onPinPress(0)\">\r\n                        <label class=\"pin_T\">0</label>\r\n                    </div>\r\n                    <div class=\"pinB pDelete\" @click=\"onPinPress('del')\">\r\n                        <label class=\"pin_T pDelete\">ลบ</label>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <a-button size=\"large\" class=\"text-center primary-btn ant-button-label-custom\" style=\"width: 47.5%\" @click=\"onConfirm\">\r\n                <strong class=\"fs-18\">{{ $t('Confirm') }}</strong>\r\n            </a-button>\r\n            <modal-form ref=\"modalForm\" :key=\"modal_visible\" :visible=\"modal_visible\" :step=\"modal_step\" @on-save=\"onModalSave\" @on-cancel=\"onModalCancel\" />\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nimport modalForm from './modalForm';\r\n// import store from 'store';\r\nexport default {\r\n    components: {\r\n        modalForm,\r\n    },\r\n    data: function () {\r\n        return {\r\n            password: '',\r\n            modal_visible: false,\r\n            modal_step: null,\r\n            key: this.$route.params.key,\r\n            reward: null,\r\n        };\r\n    },\r\n    mounted() {},\r\n    methods: {\r\n        onPinPress(pin) {\r\n            if (pin == 'del') this.password = this.password.slice(0, -1);\r\n            else if (this.password.length >= 4) return false;\r\n            else this.password += String(pin);\r\n        },\r\n        onConfirm(e = null) {\r\n            if (e) e.preventDefault();\r\n            this.modal_step = null;\r\n            const self = this;\r\n            this.$store.dispatch('user/POST', {\r\n                payload: {\r\n                    path: '/api/reward/share/generate',\r\n                    data: {\r\n                        key: self.key,\r\n                        password: self.password,\r\n                    },\r\n                    callback: (res) => {\r\n                        if (res && res.result == 'errors') {\r\n                            self.modal_visible = true;\r\n                            self.modal_step = 'wrong_password';\r\n                        } else {\r\n                            self.reward = res;\r\n                            self.onModalCancel();\r\n                        }\r\n                    },\r\n                },\r\n            });\r\n        },\r\n        onModalSave() {},\r\n        onModalCancel() {\r\n            this.modal_visible = false;\r\n            if (this.modal_step == 'wrong_password') this.password = '';\r\n            else if (this.reward) this.$router.replace({ path: '/reward-code/guest', query: { reward: this.reward, key: this.key } });\r\n        },\r\n    },\r\n};\r\n</script>\r\n<style scoped>\r\n.navbar {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    /* height: 40px; */\r\n    /* height: 10vh; */\r\n    height: 48px;\r\n    padding: 0 8px;\r\n    z-index: 2;\r\n}\r\n.custom-close {\r\n    font-weight: 300;\r\n    margin: 0;\r\n    color: #707070 !important;\r\n    text-align: right;\r\n    opacity: 0.5;\r\n}\r\n.center1 {\r\n    /* position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%); */\r\n}\r\n.center2 {\r\n    text-align: center;\r\n}\r\n.pinRC {\r\n    display: none;\r\n}\r\n.pinC {\r\n    display: block;\r\n    position: relative;\r\n    width: 270px;\r\n    height: 220px;\r\n    margin: 0 auto;\r\n}\r\n.pinC > .pinB {\r\n    position: relative;\r\n    float: left;\r\n    width: calc(270px / 3);\r\n    height: calc(220px / 3);\r\n    text-align: center;\r\n    /* line-height: 3; */\r\n    -webkit-transition: all 0.2s ease;\r\n    -moz-transition: all 0.2s ease;\r\n    -o-transition: all 0.2s ease;\r\n    transition: all 0.2s ease;\r\n    -webkit-touch-callout: none;\r\n    -webkit-user-select: none;\r\n    -khtml-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n}\r\n.pinC > .pinB:not(.empty) {\r\n    /* background-color: #dcdcdc; */\r\n    background-color: transparent;\r\n    border: 2px solid #ffffff;\r\n}\r\n.pinC > .pinB:not(.empty):hover {\r\n    /*     border: 2px dotted #fefefe; */\r\n    cursor: pointer;\r\n}\r\n.pinC > .pinB:not(.empty)::before {\r\n    content: ' ';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(100, 100, 100, 0);\r\n    /* background-color: transparent; */\r\n    -webkit-transition: all 0.4s ease;\r\n    -moz-transition: all 0.4s ease;\r\n    -o-transition: all 0.4s ease;\r\n    transition: all 0.4s ease;\r\n    -webkit-touch-callout: none;\r\n    -webkit-user-select: none;\r\n    -khtml-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n}\r\n.pinC > .pinB:not(.empty):active::before {\r\n    background-color: rgba(200, 200, 200, 0.45);\r\n}\r\n.pinC > .pinB > .pin_T {\r\n    /* position: absolute;\r\n  width: 100%;\r\n  left: 0%;\r\n  height: 100%; */\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    -webkit-transform: translate(-50%, -50%);\r\n    transform: translate(-50%, -50%);\r\n    font-size: 26px;\r\n    font-weight: 600;\r\n}\r\n.pin_T.pDelete {\r\n    font-weight: 300 !important;\r\n}\r\n.pinC > .pinB > .pin_t {\r\n    font-size: 75%;\r\n    position: absolute;\r\n    bottom: -5px;\r\n    left: 50%;\r\n    color: darkgrey;\r\n    transform: translate(-50%, 0);\r\n}\r\n.pinC > .pinB.input > .pinpart {\r\n    border: 2px solid #000000;\r\n    border-radius: 50%;\r\n    float: left;\r\n    width: 10px;\r\n    height: 10px;\r\n    position: relative;\r\n    top: calc(50% - 5px);\r\n    margin-left: 4.5px;\r\n    background-color: rgba(100, 100, 100, 0);\r\n    /* background-color: transparent; */\r\n    -webkit-transition: all 0.4s ease;\r\n    -moz-transition: all 0.4s ease;\r\n    -o-transition: all 0.4s ease;\r\n    transition: all 0.4s ease;\r\n    -webkit-touch-callout: none;\r\n    -webkit-user-select: none;\r\n    -khtml-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n}\r\n.pinC > .pinB.input > .pinpart.active {\r\n    background-color: #000000;\r\n}\r\n.confirmed {\r\n    animation: removec ease-out 1s;\r\n    animation-iteration-count: 1;\r\n    transform-origin: 0% 50%;\r\n    animation-fill-mode: forwards;\r\n    /*when the spec is finished*/\r\n    -webkit-animation: removec ease-out 1s;\r\n    -webkit-animation-iteration-count: 1;\r\n    -webkit-transform-origin: 0% 50%;\r\n    -webkit-animation-fill-mode: forwards;\r\n    /*Chrome 16+, Safari 4+*/\r\n    -moz-animation: removec ease-out 1s;\r\n    -moz-animation-iteration-count: 1;\r\n    -moz-transform-origin: 0% 50%;\r\n    -moz-animation-fill-mode: forwards;\r\n    /*FF 5+*/\r\n    -o-animation: removec ease-out 1s;\r\n    -o-animation-iteration-count: 1;\r\n    -o-transform-origin: 0% 50%;\r\n    -o-animation-fill-mode: forwards;\r\n    /*Not implemented yet*/\r\n    -ms-animation: removec ease-out 1s;\r\n    -ms-animation-iteration-count: 1;\r\n    -ms-transform-origin: 0% 50%;\r\n    -ms-animation-fill-mode: forwards;\r\n    /*IE 10+*/\r\n}\r\n.custom-modal-footer-single-close-btn {\r\n    background: linear-gradient(0deg, #ff7105, #ff9500 100%) no-repeat;\r\n    color: #fff;\r\n    width: 100%;\r\n}\r\n@keyframes removec {\r\n    0% {\r\n        opacity: 1;\r\n        transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    20% {\r\n        opacity: 1;\r\n        transform: translate(0px, 10px) scaleX(1);\r\n    }\r\n    25% {\r\n        transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    27% {\r\n        opacity: 0;\r\n        transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n        transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n}\r\n@-moz-keyframes removec {\r\n    0% {\r\n        opacity: 1;\r\n        -moz-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    20% {\r\n        opacity: 1;\r\n        -moz-transform: translate(0px, 10px) scaleX(1);\r\n    }\r\n    25% {\r\n        -moz-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    27% {\r\n        opacity: 0;\r\n        -moz-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n        -moz-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n}\r\n@-webkit-keyframes removec {\r\n    0% {\r\n        opacity: 1;\r\n        -webkit-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    20% {\r\n        opacity: 1;\r\n        -webkit-transform: translate(0px, 10px) scaleX(1);\r\n    }\r\n    25% {\r\n        -webkit-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    27% {\r\n        opacity: 0;\r\n        -webkit-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n        -webkit-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n}\r\n@-o-keyframes removec {\r\n    0% {\r\n        opacity: 1;\r\n        -o-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    20% {\r\n        opacity: 1;\r\n        -o-transform: translate(0px, 10px) scaleX(1);\r\n    }\r\n    25% {\r\n        -o-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    27% {\r\n        opacity: 0;\r\n        -o-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n        -o-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n}\r\n@-ms-keyframes removec {\r\n    0% {\r\n        opacity: 1;\r\n        -ms-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    20% {\r\n        opacity: 1;\r\n        -ms-transform: translate(0px, 10px) scaleX(1);\r\n    }\r\n    25% {\r\n        -ms-transform: translate(0px, 0px) scaleX(1);\r\n    }\r\n    27% {\r\n        opacity: 0;\r\n        -ms-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n        -ms-transform: translate(0px, 0px) scaleX(0);\r\n    }\r\n}\r\n.dots-width {\r\n    width: 100%;\r\n    margin: 0 auto;\r\n}\r\n.dot {\r\n    border: 2px solid #bbb;\r\n    border-radius: 50%;\r\n    width: 48px;\r\n    height: 48px;\r\n    display: inline-block;\r\n    margin-left: 20px;\r\n}\r\n.footer-label {\r\n    padding: 0;\r\n    font-weight: 300;\r\n    color: #cc0000;\r\n    margin-top: 12px;\r\n}\r\n.เข้าใช้งานด้วยหมายเลขสมาชิกอื่น {\r\n    text-align: left;\r\n    width: 60%;\r\n}\r\n.ลืมรหัส {\r\n    text-align: right;\r\n    width: 40%;\r\n}\r\n.container-password {\r\n    padding: 20px 16px;\r\n    text-align: center;\r\n    border: unset;\r\n    box-shadow: unset !important;\r\n    /* width: 90%; */\r\n    width: 360px;\r\n    background-color: #fff !important;\r\n    border-radius: 0;\r\n    position: fixed;\r\n    left: 50%;\r\n    top: 50%;\r\n    -webkit-transform: translate(-50%, -50%);\r\n    transform: translate(-50%, -50%);\r\n}\r\n.container-password.is-desktop,\r\n.container-password.is-tablet {\r\n    /* width: auto; */\r\n    width: 360px;\r\n}\r\n.container_forgot_password {\r\n    padding: 8px;\r\n    text-align: center;\r\n    border: unset;\r\n    box-shadow: unset !important;\r\n    width: 360px;\r\n    background-color: #fff !important;\r\n    border-radius: 0;\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    -webkit-transform: translate(-50%, -50%);\r\n    transform: translate(-50%, -50%);\r\n}\r\n.container_forgot_password.is-desktop,\r\n.container_forgot_password.is-tablet {\r\n    width: 360px;\r\n}\r\n.container_forgot_member {\r\n    padding: 8px;\r\n    text-align: center;\r\n    border: unset;\r\n    box-shadow: unset !important;\r\n    width: 360px;\r\n    background-color: #fff !important;\r\n    border-radius: 0;\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    -webkit-transform: translate(-50%, -50%);\r\n    transform: translate(-50%, -50%);\r\n}\r\n.container_forgot_member.is-desktop,\r\n.container_forgot_member.is-tablet {\r\n    width: 360px;\r\n}\r\n@media (max-device-width: 413px) and (max-device-height: 843px) {\r\n    .pinC {\r\n        width: 270px;\r\n        height: 220px;\r\n    }\r\n    .pinC > .pinB {\r\n        width: calc(270px / 3);\r\n        height: calc(220px / 3);\r\n    }\r\n    .pinC > .pinB > .pin_T {\r\n        font-size: 25px;\r\n    }\r\n    .container-password {\r\n        width: 330px;\r\n    }\r\n    .container_forgot_member {\r\n        width: 330px;\r\n    }\r\n}\r\n@media (max-device-width: 374px) and (max-device-height: 843px) {\r\n    .dots-width {\r\n        width: 80%;\r\n    }\r\n    .dot {\r\n        width: 15px;\r\n        height: 15px;\r\n        margin-left: 10px;\r\n    }\r\n    .pinC {\r\n        width: 250px;\r\n        height: 200px;\r\n    }\r\n    .pinC > .pinB {\r\n        width: calc(250px / 3);\r\n        height: calc(200px / 3);\r\n    }\r\n    .pinC > .pinB > .pin_T {\r\n        font-size: 25px;\r\n    }\r\n    .container-password {\r\n        /* width: 280px !important; */\r\n        width: 100% !important;\r\n    }\r\n    .container_forgot_member {\r\n        /* width: 280px !important; */\r\n        width: 100% !important;\r\n    }\r\n}\r\n@media screen and (max-width: 1200px) {\r\n    .col-xl-6 {\r\n        width: 50%;\r\n    }\r\n}\r\n@media (max-device-width: 15360px) and (max-device-height: 1080px) {\r\n    .container-password {\r\n        position: relative;\r\n        left: unset;\r\n        top: unset;\r\n        -webkit-transform: unset;\r\n        transform: unset;\r\n        margin: 0 auto;\r\n    }\r\n}\r\n</style>","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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=2f0b89d4&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=2f0b89d4&scoped=true&lang=css&\"\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  \"2f0b89d4\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/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/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=2f0b89d4&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/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/lib/index.js??vue-loader-options!./modalForm.vue?vue&type=style&index=0&id=13a91027&scoped=true&lang=css&\"","'use strict';\r\n\r\nvar Vue = require('vue');\r\nVue = 'default' in Vue ? Vue['default'] : Vue;\r\n\r\nvar version = '2.2.2';\r\n\r\nvar compatible = (/^2\\./).test(Vue.version);\r\nif (!compatible) {\r\n  Vue.util.warn('VueClickaway ' + version + ' only supports Vue 2.x, and does not support Vue ' + Vue.version);\r\n}\r\n\r\n\r\n\r\n// @SECTION: implementation\r\n\r\nvar HANDLER = '_vue_clickaway_handler';\r\n\r\nfunction bind(el, binding, vnode) {\r\n  unbind(el);\r\n\r\n  var vm = vnode.context;\r\n\r\n  var callback = binding.value;\r\n  if (typeof callback !== 'function') {\r\n    if (process.env.NODE_ENV !== 'production') {\r\n      Vue.util.warn(\r\n        'v-' + binding.name + '=\"' +\r\n        binding.expression + '\" expects a function value, ' +\r\n        'got ' + callback\r\n      );\r\n    }\r\n    return;\r\n  }\r\n\r\n  // @NOTE: Vue binds directives in microtasks, while UI events are dispatched\r\n  //        in macrotasks. This causes the listener to be set up before\r\n  //        the \"origin\" click event (the event that lead to the binding of\r\n  //        the directive) arrives at the document root. To work around that,\r\n  //        we ignore events until the end of the \"initial\" macrotask.\r\n  // @REFERENCE: https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/\r\n  // @REFERENCE: https://github.com/simplesmiler/vue-clickaway/issues/8\r\n  var initialMacrotaskEnded = false;\r\n  setTimeout(function() {\r\n    initialMacrotaskEnded = true;\r\n  }, 0);\r\n\r\n  el[HANDLER] = function(ev) {\r\n    // @NOTE: this test used to be just `el.containts`, but working with path is better,\r\n    //        because it tests whether the element was there at the time of\r\n    //        the click, not whether it is there now, that the event has arrived\r\n    //        to the top.\r\n    // @NOTE: `.path` is non-standard, the standard way is `.composedPath()`\r\n    var path = ev.path || (ev.composedPath ? ev.composedPath() : undefined);\r\n    if (initialMacrotaskEnded && (path ? path.indexOf(el) < 0 : !el.contains(ev.target))) {\r\n      return callback.call(vm, ev);\r\n    }\r\n  };\r\n\r\n  document.documentElement.addEventListener('click', el[HANDLER], false);\r\n}\r\n\r\nfunction unbind(el) {\r\n  document.documentElement.removeEventListener('click', el[HANDLER], false);\r\n  delete el[HANDLER];\r\n}\r\n\r\nvar directive = {\r\n  bind: bind,\r\n  update: function(el, binding) {\r\n    if (binding.value === binding.oldValue) return;\r\n    bind(el, binding);\r\n  },\r\n  unbind: unbind,\r\n};\r\n\r\nvar mixin = {\r\n  directives: { onClickaway: directive },\r\n};\r\n\r\nexports.version = version;\r\nexports.directive = directive;\r\nexports.mixin = mixin;","module.exports = __webpack_public_path__ + \"img/check.37b6bc65.png\";"],"sourceRoot":""}