{"version":3,"sources":["webpack:///./src/views/users/Create.vue?926e","webpack:///./src/views/users/Create.vue","webpack:///src/views/users/Create.vue","webpack:///./src/views/users/Create.vue?44ea","webpack:///./src/views/users/Create.vue?f3ea","webpack:///./src/components/ErrorMessage.vue","webpack:///src/components/ErrorMessage.vue","webpack:///./src/components/ErrorMessage.vue?2e0e","webpack:///./src/components/ErrorMessage.vue?a984","webpack:///./src/components/SubmitButton.vue","webpack:///src/components/SubmitButton.vue","webpack:///./src/components/SubmitButton.vue?0e8c","webpack:///./src/components/SubmitButton.vue?ec5e"],"names":["render","_vm","this","_c","_self","staticClass","_v","attrs","name","directives","rawName","value","form","expression","domProps","on","$event","target","composing","$set","errors","email","password","confirm_password","roles","model","role","callback","$$v","_l","permissionList","per","class","icon","_s","hint","selected","Array","isArray","_i","$$a","$$el","$$c","checked","$$i","concat","slice","permissionSelected","_m","permission","loading","saveUser","staticRenderFns","components","SubmitButton","ErrorMessage","Multiselect","data","userRoles","methods","resetErrorMessage","message","client","post","$toast","success","$router","push","e","_helper","showErrorMessage","includes","key","filter","created","permissions","map","component","_e","props","type","String","default","className","block","disabled","nativeType","preventDefault","click","apply","arguments","staticStyle","loadingText","_t","Boolean","Function"],"mappings":"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","file":"js/chunk-214f576c.2df15fc4.js","sourcesContent":["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!./Create.vue?vue&type=style&index=0&id=3bdd9296&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"content-area__body\"},[_c('section',{staticClass:\"add-user section-gap\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"details__card\"},[_c('div',{staticClass:\"details__card__head\"},[_c('h5',{staticClass:\"font-weight-bold\"},[_vm._v(\"Add New User\")]),_c('router-link',{staticClass:\"button primary-button\",attrs:{\"to\":{name:'admin-users'}}},[_c('span',{staticClass:\"button-icon\"},[_c('i',{staticClass:\"fa fa-list\"})]),_vm._v(\" Users \")])],1),_c('div',{staticClass:\"details__card__body\"},[_c('form',{attrs:{\"action\":\"\"}},[_c('div',{staticClass:\"form-box\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"Name*\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.name),expression:\"form.name\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"id\":\"name\",\"placeholder\":\"Enter User Name\"},domProps:{\"value\":(_vm.form.name)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.form, \"name\", $event.target.value)}}}),_c('error-message',{attrs:{\"message\":_vm.errors.name}})],1)]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"email\"}},[_vm._v(\"Email*\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.email),expression:\"form.email\"}],staticClass:\"form-control\",attrs:{\"type\":\"email\",\"id\":\"email\",\"placeholder\":\"user@easy.jobs\"},domProps:{\"value\":(_vm.form.email)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.form, \"email\", $event.target.value)}}}),_c('error-message',{attrs:{\"message\":_vm.errors.email}})],1)])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"password\"}},[_vm._v(\"Password*\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.password),expression:\"form.password\"}],staticClass:\"form-control\",attrs:{\"id\":\"password\",\"type\":\"password\",\"placeholder\":\"********\"},domProps:{\"value\":(_vm.form.password)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.form, \"password\", $event.target.value)}}}),_c('error-message',{attrs:{\"message\":_vm.errors.password}})],1)]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"confirm-password\"}},[_vm._v(\"Confirm Password*\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.confirm_password),expression:\"form.confirm_password\"}],staticClass:\"form-control\",attrs:{\"type\":\"password\",\"id\":\"confirm-password\",\"placeholder\":\"********\",\"required\":\"\"},domProps:{\"value\":(_vm.form.confirm_password)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.form, \"confirm_password\", $event.target.value)}}}),_c('error-message',{attrs:{\"message\":_vm.errors.confirm_password}})],1)]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"role\"}},[_vm._v(\"Role*\")]),_c('multiselect',{attrs:{\"id\":\"role\",\"options\":_vm.roles,\"label\":\"name\",\"track-by\":\"id\",\"placeholder\":\"Select Role\"},model:{value:(_vm.form.role),callback:function ($$v) {_vm.$set(_vm.form, \"role\", $$v)},expression:\"form.role\"}}),_c('error-message',{attrs:{\"message\":_vm.errors.role}})],1)])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-sm-12\"},[_c('div',{staticClass:\"custom-field-tab-wrap\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"notification__settings\"},_vm._l((_vm.permissionList),function(per){return _c('div',{staticClass:\"settings__item\"},[_c('div',{staticClass:\"item__content\"},[_c('h5',{staticClass:\"mb-1\"},[_c('i',{class:`eicon ${per.icon}`}),_vm._v(_vm._s(per.name))]),_c('p',[_vm._v(_vm._s(per.hint))])]),_c('div',{staticClass:\"item__switch\"},[_c('label',{staticClass:\"ej-switch\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(per.selected),expression:\"per.selected\"}],attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(per.selected)?_vm._i(per.selected,null)>-1:(per.selected)},on:{\"change\":[function($event){var $$a=per.selected,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(per, \"selected\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(per, \"selected\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(per, \"selected\", $$c)}},function($event){return _vm.permissionSelected(per)}]}}),_vm._m(0,true)])])])}),0)])]),_c('div',{staticClass:\"error-message\"},[_vm._v(_vm._s(_vm.errors.permission))])])])])])])]),_c('div',{staticClass:\"details__card__footer\"},[_c('submit-button',{attrs:{\"loading\":_vm.loading,\"class-name\":\"success-button ml-auto\",\"loading-text\":\"saving..\",\"click\":_vm.saveUser}},[_vm._v(\"Save \")])],1)])])])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"switch__btn\"},[_c('span',{staticClass:\"on\"},[_vm._v(\"On\")]),_c('span',{staticClass:\"off\"},[_vm._v(\"Off\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n    <!-- content body -->\n    <div class=\"content-area__body\">\n        <!-- add new user -->\n        <section class=\"add-user section-gap\">\n            <div class=\"row\">\n                <div class=\"col-md-12\">\n                    <div class=\"details__card\">\n                        <div class=\"details__card__head\">\n                            <h5 class=\"font-weight-bold\">Add New User</h5>\n                            <router-link :to=\"{name:'admin-users'}\" class=\"button primary-button\">\n                                <span class=\"button-icon\">\n                                    <i class=\"fa fa-list\"></i>\n                                </span>\n                                Users\n                            </router-link>\n                        </div>\n                        <div class=\"details__card__body\">\n                            <form action>\n                                <div class=\"form-box\">\n                                    <div class=\"row\">\n                                        <div class=\"col-md-6\">\n                                            <div class=\"form-group\">\n                                                <label for=\"name\">Name*</label>\n                                                <input\n                                                        type=\"text\"\n                                                        id=\"name\"\n                                                        v-model=\"form.name\"\n                                                        class=\"form-control\"\n                                                        placeholder=\"Enter User Name\"\n                                                />\n                                                <error-message :message=\"errors.name\"/>\n                                            </div>\n                                        </div>\n                                        <div class=\"col-md-6\">\n                                            <div class=\"form-group\">\n                                                <label for=\"email\">Email*</label>\n                                                <input\n                                                        type=\"email\"\n                                                        id=\"email\"\n                                                        class=\"form-control\"\n                                                        v-model=\"form.email\"\n                                                        placeholder=\"user@easy.jobs\"\n                                                />\n                                                <error-message :message=\"errors.email\"/>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <div class=\"row\">\n                                        <div class=\"col-md-6\">\n                                            <div class=\"form-group\">\n                                                <label for=\"password\">Password*</label>\n                                                <input\n                                                        id=\"password\"\n                                                        type=\"password\"\n                                                        v-model=\"form.password\"\n                                                        class=\"form-control\"\n                                                        placeholder=\"********\"\n                                                />\n                                                <error-message :message=\"errors.password\"/>\n                                            </div>\n                                        </div>\n                                        <div class=\"col-md-6\">\n                                            <div class=\"form-group\">\n                                                <label for=\"confirm-password\">Confirm Password*</label>\n                                                <input\n                                                        type=\"password\"\n                                                        id=\"confirm-password\"\n                                                        v-model=\"form.confirm_password\"\n                                                        class=\"form-control\"\n                                                        placeholder=\"********\"\n                                                        required\n                                                />\n                                                <error-message :message=\"errors.confirm_password\"/>\n                                            </div>\n                                        </div>\n\n                                        <div class=\"col-md-6\">\n                                            <div class=\"form-group\">\n                                                <label for=\"role\">Role*</label>\n                                                <multiselect\n                                                    id=\"role\"\n                                                    v-model=\"form.role\"\n                                                    :options=\"roles\"\n                                                    label=\"name\"\n                                                    track-by=\"id\"\n                                                    placeholder=\"Select Role\"\n                                                ></multiselect>\n                                                <error-message :message=\"errors.role\"/>\n                                            </div>\n                                        </div>\n                                    </div>\n\n                                    <div class=\"row\">\n                                        <div class=\"col-sm-12\">\n                                            <div class=\"custom-field-tab-wrap\">\n                                                <div class=\"card\">\n                                                    <div class=\"card-body\">\n                                                        <div class=\"notification__settings\">\n                                                            <div class=\"settings__item\" v-for=\"per in permissionList\">\n                                                                <div class=\"item__content\">\n                                                                    <h5 class=\"mb-1\"><i :class=\"`eicon ${per.icon}`\"></i>{{ per.name }}</h5>\n                                                                    <p>{{ per.hint }}</p>\n                                                                </div>\n                                                                <div class=\"item__switch\">\n                                                                    <label class=\"ej-switch\">\n                                                                        <input type=\"checkbox\" v-model=\"per.selected\"\n                                                                               @change=\"permissionSelected(per)\" />\n                                                                        <span class=\"switch__btn\">\n                                                                            <span class=\"on\">On</span>\n                                                                            <span class=\"off\">Off</span>\n                                                                        </span>\n                                                                    </label>\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                                <div class=\"error-message\">{{ errors.permission }}</div>\n                                            </div>\n                                        </div>\n                                    </div>\n\n                                </div>\n                            </form>\n                        </div>\n                        <div class=\"details__card__footer\">\n                            <submit-button\n                                :loading=\"loading\"\n                                class-name=\"success-button ml-auto\"\n                                loading-text=\"saving..\"\n                                :click=\"saveUser\"\n                            >Save\n                            </submit-button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </section>\n    </div>\n</template>\n\n<script>\n    import client from \"@/api/Client\";\n    import Multiselect from \"vue-multiselect\";\n    import {userRoles} from \"@/config/app\";\n    import ErrorMessage from \"@/components/ErrorMessage\";\n    import SubmitButton from \"@/components/SubmitButton\";\n    import {permissions} from \"@/config/permission\";\n    import {cloneDeep} from \"lodash\";\n\n    export default {\n        components: {\n            SubmitButton,\n            ErrorMessage,\n            Multiselect\n        },\n        data() {\n            return {\n                loading: false,\n                form: {\n                    name: \"\",\n                    email: \"\",\n                    role: null,\n                    password: null,\n                    confirm_password: null,\n                    permission: [],\n                },\n                errors: {\n                    name: \"\",\n                    email: \"\",\n                    role: null,\n                    password: null,\n                    confirm_password: null\n                },\n                roles: userRoles,\n                permissionList: [],\n            };\n        },\n\n        methods: {\n            async saveUser() {\n                this.loading = true;\n                this.errors = this.resetErrorMessage(this.errors);\n\n                try {\n                    let {data: {message}} = await client().post(\"/users\", this.form);\n                    this.$toast.success(message);\n                    await this.$router.push({name: \"admin-users\"});\n                } catch (e) {\n                    let errors = _helper.showErrorMessage(e);\n                    if (errors) {\n                        this.errors = errors;\n                    }\n                }\n\n                this.loading = false;\n            },\n\n            permissionSelected(permission) {\n                if (this.form.permission.includes(permission.key)) {\n                    this.form.permission  = this.form.permission.filter(per => permission.key !== per);\n                } else {\n                    this.form.permission.push(permission.key);\n                }\n            }\n        },\n        created() {\n            this.permissionList = permissions.map(permission => {\n                permission.selected = false;\n                return permission;\n            });\n        }\n    };\n</script>\n\n\n<style scoped>\n.notification__settings .settings__item {\n    display: flex;\n}\n\n@media all and (max-width: 439px) {\n    .notification__settings .settings__item {\n        display: block;\n    }\n}\n\n.notification__settings .settings__item:not(:last-child) {\n    padding-bottom: 20px;\n    border-bottom: 1px solid rgba(0, 0, 0, .125);\n}\n\n.notification__settings .settings__item:not(:first-child) {\n    padding-top: 20px;\n}\n\n.notification__settings .settings__item .item__content {\n    flex: 1 1 auto;\n    padding-right: 15px;\n}\n\n@media all and (max-width: 439px) {\n    .notification__settings .settings__item .item__content {\n        padding-right: 0;\n        padding-bottom: 15px;\n    }\n}\n\n.notification__settings .settings__item .item__content h5 {\n    font-size: 15px;\n    font-weight: 500;\n}\n\n.notification__settings .settings__item .item__content h5 i {\n    margin-right: 8px;\n    font-size: 16px;\n}\n\n.notification__settings .settings__item .item__content p {\n    font-size: 14px;\n    font-weight: 400;\n    color: #7d8091;\n}\n\n\n/*Notification setting*/\n.notification__settings .settings__item .item__switch {\n    flex: 0 0 65px;\n}\n\n.ej-switch {\n    display: table-caption;\n    font-size: 0;\n}\n\n.ej-switch input {\n    display: none;\n}\n.ej-switch input:checked ~ .switch__btn {\n    background: #60ce83;\n}\n.ej-switch .switch__btn {\n    cursor: pointer;\n    width: 65px;\n    height: 30px;\n    background: #ff5f74;\n    display: inline-block;\n    border-radius: 100px;\n    position: relative;\n    margin: auto;\n}\n\n.ej-switch .switch__btn::before {\n    content: '';\n    position: absolute;\n    top: 5px;\n    left: 5px;\n    width: 20px;\n    height: 20px;\n    background: #fff;\n    border-radius: 90px;\n    transition: 0.3s;\n}\n.ej-switch input:checked ~ .switch__btn::before {\n    left: 40px;\n}\n.ej-switch input:not(:checked) ~ .switch__btn .on {\n    opacity: 0;\n}\n.ej-switch input:checked ~ .switch__btn .off {\n    opacity: 0;\n}\n .ej-switch .switch__btn .on {\n     left: 0;\n }\n\n.ej-switch .switch__btn .on, .ej-switch .switch__btn .off {\n    position: absolute;\n    top: 0;\n    color: #fff;\n    text-transform: uppercase;\n    float: right;\n    padding: 8px 8px;\n    font-size: 0.9rem;\n    line-height: 1;\n}\n\n.ej-switch .switch__btn .off {\n    right: 0;\n}\n\n@media all and (max-width: 1600px) {\n    .ej-switch .switch__btn {\n        height: 27px;\n        width: 58px;\n    }\n    .ej-switch .switch__btn::before {\n        height: 17px;\n        width: 17px;\n    }\n    .ej-switch input:checked ~ .switch__btn::before {\n        left: 35px;\n    }\n}\n\n\n</style>\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!./Create.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!./Create.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Create.vue?vue&type=template&id=3bdd9296&scoped=true\"\nimport script from \"./Create.vue?vue&type=script&lang=js\"\nexport * from \"./Create.vue?vue&type=script&lang=js\"\nimport style0 from \"./Create.vue?vue&type=style&index=0&id=3bdd9296&prod&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  \"3bdd9296\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.message)?_c('div',{staticClass:\"error-message\"},[_vm._v(_vm._s(_vm.message))]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"error-message\" v-if=\"message\">{{message}}</div>\n</template>\n\n<script>\n    export default {\n        name: \"ErrorMessage\",\n        props: {\n            message: {\n                type: String,\n                default: '',\n            }\n        }\n    }\n</script>\n\n<style scoped>\n\n</style>\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!./ErrorMessage.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!./ErrorMessage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ErrorMessage.vue?vue&type=template&id=74c76bea&scoped=true\"\nimport script from \"./ErrorMessage.vue?vue&type=script&lang=js\"\nexport * from \"./ErrorMessage.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  \"74c76bea\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('button',{staticClass:\"button\",class:{[_vm.className]: true, 'w-100': _vm.block, 'disabled': (_vm.loading || _vm.disabled)},attrs:{\"type\":_vm.nativeType,\"disabled\":(_vm.loading || _vm.disabled)},on:{\"click\":function($event){$event.preventDefault();return _vm.click.apply(null, arguments)}}},[(_vm.icon)?_c('span',{staticClass:\"button-icon\"},[(_vm.loading)?_c('svg',{staticStyle:{\"shape-rendering\":\"auto\"},attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"width\":\"20px\",\"height\":\"20px\",\"viewBox\":\"0 0 100 100\",\"preserveAspectRatio\":\"xMidYMid\"}},[_c('circle',{attrs:{\"cx\":\"50\",\"cy\":\"50\",\"r\":\"24\",\"stroke-width\":\"8\",\"stroke\":\"#fff\",\"stroke-dasharray\":\"37.69911184307752 37.69911184307752\",\"fill\":\"none\",\"stroke-linecap\":\"round\",\"transform\":\"rotate(300.791 50 50)\"}},[_c('animateTransform',{attrs:{\"attributeName\":\"transform\",\"type\":\"rotate\",\"repeatCount\":\"indefinite\",\"dur\":\"1.01010101010101s\",\"keyTimes\":\"0;1\",\"values\":\"0 50 50;360 50 50\"}})],1)]):_c('i',{class:_vm.icon})]):_vm._e(),(_vm.loading)?[_vm._v(_vm._s(_vm.loadingText))]:_vm._t(\"default\")],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <button\n            :type=\"nativeType\"\n            :disabled=\"(loading || disabled)\"\n            class=\"button\"\n            :class=\"{[className]: true, 'w-100': block, 'disabled': (loading || disabled)}\"\n            @click.prevent=\"click\"\n    >\n        <span class=\"button-icon\" v-if=\"icon\">\n            <svg\n                    v-if=\"loading\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n                    class=\"\"\n                    style=\"shape-rendering: auto;\"\n                    width=\"20px\"\n                    height=\"20px\"\n                    viewBox=\"0 0 100 100\"\n                    preserveAspectRatio=\"xMidYMid\"\n            >\n                <circle\n                        cx=\"50\"\n                        cy=\"50\"\n                        r=\"24\"\n                        stroke-width=\"8\"\n                        stroke=\"#fff\"\n                        stroke-dasharray=\"37.69911184307752 37.69911184307752\"\n                        fill=\"none\"\n                        stroke-linecap=\"round\"\n                        transform=\"rotate(300.791 50 50)\"\n                >\n                  <animateTransform\n                          attributeName=\"transform\"\n                          type=\"rotate\"\n                          repeatCount=\"indefinite\"\n                          dur=\"1.01010101010101s\"\n                          keyTimes=\"0;1\"\n                          values=\"0 50 50;360 50 50\"\n                  />\n                </circle>\n            </svg>\n            <i v-else :class=\"icon\"></i>\n        </span>\n        <template v-if=\"loading\">{{loadingText}}</template>\n        <slot v-else/>\n    </button>\n</template>\n<script>\n    export default {\n        name: \"submit-button\",\n        props: {\n            nativeType: {\n                type: String,\n                default: \"submit\"\n            },\n\n            className: {\n                type: String,\n                default: \"info-button\"\n            },\n\n            loading: {\n                type: Boolean,\n                default: false\n            },\n\n            loadingText: {\n                type: String,\n                default: \"please wait\"\n            },\n\n            icon: {\n                type: String,\n                default: \"fa fa-save\"\n            },\n\n            disabled: {\n                type: Boolean,\n                default: false\n            },\n\n            block: {\n                type: Boolean,\n                default: false\n            },\n\n            click: {\n                type: Function\n            }\n        }\n    };\n</script>\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!./SubmitButton.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!./SubmitButton.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SubmitButton.vue?vue&type=template&id=4a8c2196\"\nimport script from \"./SubmitButton.vue?vue&type=script&lang=js\"\nexport * from \"./SubmitButton.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"],"sourceRoot":""}