{"version":3,"sources":["webpack:///./src/components/Loader.vue?765b","webpack:///src/components/Loader.vue","webpack:///./src/components/Loader.vue?f547","webpack:///./src/components/Loader.vue?0a72","webpack:///./src/views/account/Register.vue?f236","webpack:///src/views/account/Register.vue","webpack:///./src/views/account/Register.vue?40df","webpack:///./src/views/account/Register.vue","webpack:///../../../src/components/VSwitch/VSwitch.ts","webpack:///./src/components/Loader.vue?b87e"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","width","staticRenderFns","component","_v","_e","ref","emailRules","isLoading","model","value","form","callback","$$v","$set","trim","expression","passwordRules","confirmPasswordRules","dateOfBirthRules","sex","on","validate","VAlert","VBtn","VCard","VCardActions","VCardText","VCol","VContainer","VForm","VRow","VSwitch","VTextField","VToolbar","VToolbarTitle","name","directives","Touch","props","inset","loading","type","Boolean","default","flat","computed","classes","String","role","validationState","hasError","hasColor","switchData","setTextColor","undefined","class","themeClasses","methods","genDefaultSlot","genSwitch","genInput","attrs$","genRipple","left","right","onSwipeRight","genProgress","$slots","progress","color","size","indeterminate","onSwipeLeft","onChange","onKeydown","e"],"mappings":"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","file":"js/register~31ecd969.450df374.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"loader\"},[_c('svg',{staticClass:\"circular-loader\",attrs:{\"viewBox\":\"25 25 50 50\",\"width\":_vm.width}},[_c('circle',{staticClass:\"loader-path\",attrs:{\"cx\":\"50\",\"cy\":\"50\",\"r\":\"20\",\"fill\":\"none\",\"stroke\":\"#001e3b\",\"stroke-width\":\"2\"}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"loader\">\r\n        <svg class=\"circular-loader\" viewBox=\"25 25 50 50\" :width=\"width\">\r\n            <circle class=\"loader-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" stroke=\"#001e3b\" stroke-width=\"2\" />\r\n        </svg>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'loader',\r\n    props: {\r\n        width: { default: '1rem'}\r\n    }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.loader {\r\n    display: inline-block;\r\n}\r\n\r\n.circular-loader {\r\n  -webkit-animation: rotate 2s linear infinite;\r\n          animation: rotate 2s linear infinite;\r\n  height: 100%;\r\n  -webkit-transform-origin: center center;\r\n      -ms-transform-origin: center center;\r\n          transform-origin: center center;\r\n          /*\r\n  width: 100%;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  margin: auto;\r\n  */\r\n}\r\n\r\n.loader-path {\r\n  stroke-dasharray: 150,200;\r\n  stroke-dashoffset: -10;\r\n  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;\r\n          animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;\r\n  stroke-linecap: round;\r\n}\r\n\r\n@-webkit-keyframes rotate {\r\n  100% {\r\n    -webkit-transform: rotate(360deg);\r\n            transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@keyframes rotate {\r\n  100% {\r\n    -webkit-transform: rotate(360deg);\r\n            transform: rotate(360deg);\r\n  }\r\n}\r\n@-webkit-keyframes dash {\r\n  0% {\r\n    stroke-dasharray: 1,200;\r\n    stroke-dashoffset: 0;\r\n  }\r\n  50% {\r\n    stroke-dasharray: 89,200;\r\n    stroke-dashoffset: -35;\r\n  }\r\n  100% {\r\n    stroke-dasharray: 89,200;\r\n    stroke-dashoffset: -124;\r\n  }\r\n}\r\n@keyframes dash {\r\n  0% {\r\n    stroke-dasharray: 1,200;\r\n    stroke-dashoffset: 0;\r\n  }\r\n  50% {\r\n    stroke-dasharray: 89,200;\r\n    stroke-dashoffset: -35;\r\n  }\r\n  100% {\r\n    stroke-dasharray: 89,200;\r\n    stroke-dashoffset: -124;\r\n  }\r\n}\r\n@-webkit-keyframes color {\r\n  0% {\r\n    stroke: \"#768d6e\";\r\n  }\r\n  40% {\r\n    stroke: \"#768d6e\";\r\n  }\r\n  66% {\r\n    stroke: \"#768d6e\";\r\n  }\r\n  80%, 90% {\r\n    stroke: \"#768d6e\";\r\n  }\r\n}\r\n@keyframes color {\r\n  0% {\r\n    stroke: \"#768d6e\";\r\n  }\r\n  40% {\r\n    stroke: \"#768d6e\";\r\n  }\r\n  66% {\r\n    stroke: \"#768d6e\";\r\n  }\r\n  80%, 90% {\r\n    stroke: \"#768d6e\";\r\n  }\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!./Loader.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!./Loader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Loader.vue?vue&type=template&id=4a905b0b&scoped=true&\"\nimport script from \"./Loader.vue?vue&type=script&lang=js&\"\nexport * from \"./Loader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Loader.vue?vue&type=style&index=0&id=4a905b0b&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  \"4a905b0b\",\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('v-container',{staticClass:\"fill-height\",attrs:{\"fluid\":\"\"}},[_c('v-row',{attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"8\",\"md\":\"4\"}},[_c('v-card',{staticClass:\"elevation-12\"},[_c('v-toolbar',{attrs:{\"color\":\"primary\",\"dark\":\"\",\"flat\":\"\"}},[_c('v-toolbar-title',[_vm._v(\"Aanmelden\")])],1),_c('v-card-text',[(_vm.isSuccess)?_c('v-alert',{attrs:{\"type\":\"success\",\"dismissible\":\"\"}},[_vm._v(\"\\n                  Uw account is succesvol aangemaakt. Ga naar uw email om het account te bevestigen.\\n                \")]):_vm._e(),_c('v-form',{ref:\"form\"},[_c('v-text-field',{attrs:{\"rules\":_vm.emailRules,\"label\":\"Email\",\"name\":\"email\",\"prepend-icon\":\"mdi-account\",\"disabled\":_vm.isLoading,\"type\":\"email\"},model:{value:(_vm.form.email),callback:function ($$v) {_vm.$set(_vm.form, \"email\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"form.email\"}}),_c('v-text-field',{attrs:{\"rules\":_vm.passwordRules,\"id\":\"password\",\"label\":\"Wachtwoord\",\"name\":\"password\",\"prepend-icon\":\"mdi-lock\",\"disabled\":_vm.isLoading,\"type\":\"password\"},model:{value:(_vm.form.password),callback:function ($$v) {_vm.$set(_vm.form, \"password\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"form.password\"}}),_c('v-text-field',{attrs:{\"rules\":_vm.confirmPasswordRules,\"id\":\"confirmPassword\",\"label\":\"Bevestig Wachtwoord\",\"name\":\"confirmPassword\",\"prepend-icon\":\"mdi-lock\",\"disabled\":_vm.isLoading,\"type\":\"password\"},model:{value:(_vm.form.confirmPassword),callback:function ($$v) {_vm.$set(_vm.form, \"confirmPassword\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"form.confirmPassword\"}}),_c('v-text-field',{attrs:{\"type\":\"date\",\"rules\":_vm.dateOfBirthRules,\"prepend-icon\":\"mdi-calendar-outline\",\"disabled\":_vm.isLoading,\"label\":\"Uw Geboortedatum\"},model:{value:(_vm.form.dateOfBirth),callback:function ($$v) {_vm.$set(_vm.form, \"dateOfBirth\", $$v)},expression:\"form.dateOfBirth\"}}),_c('v-switch',{attrs:{\"prepend-icon\":\"mdi-cloud-outline\",\"disabled\":_vm.isLoading,\"label\":\"Cloud opslag toestaan\"},model:{value:(_vm.form.cloudStorage),callback:function ($$v) {_vm.$set(_vm.form, \"cloudStorage\", $$v)},expression:\"form.cloudStorage\"}}),_c('v-switch',{attrs:{\"prepend-icon\":(_vm.form.sex) ? 'mdi-human-male' : 'mdi-human-female',\"disabled\":_vm.isLoading,\"label\":_vm.form.sex ? 'Man' : 'Vrouw'},model:{value:(_vm.form.sex),callback:function ($$v) {_vm.$set(_vm.form, \"sex\", $$v)},expression:\"form.sex\"}})],1)],1),_c('v-card-actions',[_c('div',{staticClass:\"flex-grow-1\"}),_c('v-btn',{attrs:{\"color\":\"primary\",\"disabled\":_vm.isLoading},on:{\"click\":_vm.validate}},[(_vm.isLoading)?_c('loader',{staticClass:\"mr-2\",attrs:{\"width\":\"1rem\"}}):_vm._e(),_vm._v(\"Aanmelden\")],1)],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container\r\n        class=\"fill-height\"\r\n        fluid>\r\n        <v-row\r\n          align=\"center\"\r\n          justify=\"center\">\r\n          <v-col\r\n            cols=\"12\"\r\n            sm=\"8\"\r\n            md=\"4\">\r\n            <v-card class=\"elevation-12\">\r\n                <v-toolbar\r\n                    color=\"primary\"\r\n                    dark\r\n                    flat>\r\n                    <v-toolbar-title>Aanmelden</v-toolbar-title>\r\n                </v-toolbar>\r\n                <v-card-text>\r\n                  <v-alert type=\"success\" dismissible v-if=\"isSuccess\">\r\n                    Uw account is succesvol aangemaakt. Ga naar uw email om het account te bevestigen.\r\n                  </v-alert>\r\n                    <v-form ref=\"form\">\r\n                    <v-text-field\r\n                        v-model.trim=\"form.email\"\r\n                        :rules=\"emailRules\"\r\n                        label=\"Email\"\r\n                        name=\"email\"\r\n                        prepend-icon=\"mdi-account\"\r\n                        :disabled=\"isLoading\"\r\n                        type=\"email\"\r\n                    ></v-text-field>\r\n\r\n                    <v-text-field\r\n                        v-model.trim=\"form.password\"\r\n                        :rules=\"passwordRules\"\r\n                        id=\"password\"\r\n                        label=\"Wachtwoord\"\r\n                        name=\"password\"\r\n                        prepend-icon=\"mdi-lock\"\r\n                        :disabled=\"isLoading\"\r\n                        type=\"password\"\r\n                    ></v-text-field>\r\n\r\n                    <v-text-field\r\n                        v-model.trim=\"form.confirmPassword\"\r\n                        :rules=\"confirmPasswordRules\"\r\n                        id=\"confirmPassword\"\r\n                        label=\"Bevestig Wachtwoord\"\r\n                        name=\"confirmPassword\"\r\n                        prepend-icon=\"mdi-lock\"\r\n                        :disabled=\"isLoading\"\r\n                        type=\"password\"\r\n                    ></v-text-field>\r\n                    <v-text-field\r\n                      v-model=\"form.dateOfBirth\"\r\n                      type=\"date\"\r\n                      :rules=\"dateOfBirthRules\"\r\n                      prepend-icon=\"mdi-calendar-outline\"\r\n                        :disabled=\"isLoading\"\r\n                      label=\"Uw Geboortedatum\">\r\n                  </v-text-field>\r\n                  <v-switch\r\n                      v-model=\"form.cloudStorage\"\r\n                      prepend-icon=\"mdi-cloud-outline\"\r\n                      :disabled=\"isLoading\"\r\n                      label=\"Cloud opslag toestaan\">\r\n                  </v-switch>\r\n                  <v-switch \r\n                      v-model=\"form.sex\" \r\n                      :prepend-icon=\"(form.sex) ? 'mdi-human-male' : 'mdi-human-female'\"\r\n                      :disabled=\"isLoading\"\r\n                      :label=\"form.sex ? 'Man' : 'Vrouw'\">\r\n                  </v-switch>\r\n                  </v-form>\r\n                </v-card-text>\r\n                <v-card-actions>\r\n                    <div class=\"flex-grow-1\"></div>\r\n                    \r\n                    <v-btn color=\"primary\" \r\n                      @click=\"validate\"\r\n                      :disabled=\"isLoading\"><loader class=\"mr-2\" width=\"1rem\" v-if=\"isLoading\"></loader>Aanmelden</v-btn>\r\n                </v-card-actions>\r\n            </v-card>\r\n          </v-col>\r\n        </v-row>\r\n      </v-container>\r\n</template>\r\n\r\n<script>\r\nimport Loader from '@/components/Loader';\r\nconst capitals = /^(?=.*[a-z])(?=.*[A-Z])/\r\nconst numbers = /^(?=.*[0-9])/\r\nconst special = /^(?=.*[?!@#\\$%\\^&\\*])/\r\nconst length = /^(?=.{8,})/\r\nconst email = /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n\r\n  export default {\r\n    components: {\r\n      Loader\r\n    },\r\n    data() {\r\n      return {\r\n        isLoading: false,\r\n        isSuccess: false,\r\n        form: {\r\n          sex: false,\r\n          dateOfBirth: null,\r\n          email: null,\r\n          password: null,\r\n          cloudStorage: true,\r\n          firebasePushToken: localStorage.getItem('pushToken'),\r\n          confirmPassword: null,\r\n        },\r\n        dateOfBirthRules: [\r\n          v => !!v || 'Geboortedatum is verplicht.'\r\n        ],\r\n        emailRules: [\r\n          v => !!v || 'Email is verplicht',\r\n          v => email.test(v) || 'Geen geldige email.'\r\n          //v => (v && v.length <= 10) || 'Name must be less than 10 characters',\r\n        ],\r\n        passwordRules: [\r\n          v => capitals.test(v) || \"Wachtwoord moet hoofd- en kleine letters bevatten.\",\r\n          v => numbers.test(v) || \"Wachtwoord moet een nummer bevatten.\",\r\n          v => special.test(v) || \"Wachtwoord minimaal een !, ?, @, #, % of * bevatten.\",\r\n          v => length.test(v) || \"Wachtwoord moet minimaal 8 karakters zijn.\"\r\n        ],\r\n        confirmPasswordRules: [\r\n          v => v === this.form.password || \"Wachtwoorden komen niet overeen.\"\r\n        ]\r\n      }\r\n    },\r\n\r\n    methods: {\r\n      validate () {\r\n        if (this.$refs.form.validate()) {\r\n          this.isLoading = true;\r\n          let form = Object.assign({}, this.form);\r\n          form.sex = (form.sex) ? \"m\" : \"v\"\r\n          this.$http.post('api/Auth/Register', form).then((res) => {\r\n            this.isSuccess = true;\r\n          }).finally(() => {\r\n            this.isLoading = false;\r\n          });\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>","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!./Register.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!./Register.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Register.vue?vue&type=template&id=cfc7e7ac&\"\nimport script from \"./Register.vue?vue&type=script&lang=js&\"\nexport * from \"./Register.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VAlert } from 'vuetify/lib/components/VAlert';\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VForm } from 'vuetify/lib/components/VForm';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSwitch } from 'vuetify/lib/components/VSwitch';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\nimport { VToolbarTitle } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VAlert,VBtn,VCard,VCardActions,VCardText,VCol,VContainer,VForm,VRow,VSwitch,VTextField,VToolbar,VToolbarTitle})\n","// Styles\nimport '../../styles/components/_selection-controls.sass'\nimport './VSwitch.sass'\n\n// Mixins\nimport Selectable from '../../mixins/selectable'\nimport VInput from '../VInput'\n\n// Directives\nimport Touch from '../../directives/touch'\n\n// Components\nimport { VFabTransition } from '../transitions'\nimport VProgressCircular from '../VProgressCircular/VProgressCircular'\n\n// Helpers\nimport { keyCodes } from '../../util/helpers'\n\n// Types\nimport { VNode, VNodeData } from 'vue'\n\n/* @vue/component */\nexport default Selectable.extend({\n  name: 'v-switch',\n\n  directives: { Touch },\n\n  props: {\n    inset: Boolean,\n    loading: {\n      type: [Boolean, String],\n      default: false,\n    },\n    flat: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VInput.options.computed.classes.call(this),\n        'v-input--selection-controls v-input--switch': true,\n        'v-input--switch--flat': this.flat,\n        'v-input--switch--inset': this.inset,\n      }\n    },\n    attrs (): object {\n      return {\n        'aria-checked': String(this.isActive),\n        'aria-disabled': String(this.isDisabled),\n        role: 'switch',\n      }\n    },\n    // Do not return undefined if disabled,\n    // according to spec, should still show\n    // a color when disabled and active\n    validationState (): string | undefined {\n      if (this.hasError && this.shouldValidate) return 'error'\n      if (this.hasSuccess) return 'success'\n      if (this.hasColor !== null) return this.computedColor\n      return undefined\n    },\n    switchData (): VNodeData {\n      return this.setTextColor(this.loading ? undefined : this.validationState, {\n        class: this.themeClasses,\n      })\n    },\n  },\n\n  methods: {\n    genDefaultSlot (): (VNode | null)[] {\n      return [\n        this.genSwitch(),\n        this.genLabel(),\n      ]\n    },\n    genSwitch (): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-input--selection-controls__input',\n      }, [\n        this.genInput('checkbox', {\n          ...this.attrs,\n          ...this.attrs$,\n        }),\n        this.genRipple(this.setTextColor(this.validationState, {\n          directives: [{\n            name: 'touch',\n            value: {\n              left: this.onSwipeLeft,\n              right: this.onSwipeRight,\n            },\n          }],\n        })),\n        this.$createElement('div', {\n          staticClass: 'v-input--switch__track',\n          ...this.switchData,\n        }),\n        this.$createElement('div', {\n          staticClass: 'v-input--switch__thumb',\n          ...this.switchData,\n        }, [this.genProgress()]),\n      ])\n    },\n    genProgress (): VNode {\n      return this.$createElement(VFabTransition, {}, [\n        this.loading === false\n          ? null\n          : this.$slots.progress || this.$createElement(VProgressCircular, {\n            props: {\n              color: (this.loading === true || this.loading === '')\n                ? (this.color || 'primary')\n                : this.loading,\n              size: 16,\n              width: 2,\n              indeterminate: true,\n            },\n          }),\n      ])\n    },\n    onSwipeLeft () {\n      if (this.isActive) this.onChange()\n    },\n    onSwipeRight () {\n      if (!this.isActive) this.onChange()\n    },\n    onKeydown (e: KeyboardEvent) {\n      if (\n        (e.keyCode === keyCodes.left && this.isActive) ||\n        (e.keyCode === keyCodes.right && !this.isActive)\n      ) this.onChange()\n    },\n  },\n})\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Loader.vue?vue&type=style&index=0&id=4a905b0b&scoped=true&lang=scss&\""],"sourceRoot":""}