{"version":3,"sources":["webpack:///./src/routes/apply/ApplyRoute.vue?3ace","webpack:///./src/routes/apply/ApplyRoute.vue?f7b9","webpack:///./src/routes/apply/components/ApplyForm.vue?a529","webpack:///src/routes/apply/components/ApplyForm.vue","webpack:///./src/routes/apply/components/ApplyForm.vue?2ad9","webpack:///./src/routes/apply/components/ApplyForm.vue","webpack:///src/routes/apply/ApplyRoute.vue","webpack:///./src/routes/apply/ApplyRoute.vue?0c7f","webpack:///./src/routes/apply/ApplyRoute.vue","webpack:///./src/routes/apply/components/ApplyForm.vue?a34f"],"names":["_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_lib_loader_js_ref_8_oneOf_1_3_node_modules_style_resources_loader_lib_index_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ApplyRoute_vue_vue_type_style_index_0_id_8405fd48_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_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_lib_loader_js_ref_8_oneOf_1_3_node_modules_style_resources_loader_lib_index_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ApplyRoute_vue_vue_type_style_index_0_id_8405fd48_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","n","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","title","applicationIsSubmitting","_e","staticRenderFns","ApplyFormvue_type_template_id_637d1f86_scoped_true_render","inline","visible","showModal","slot","_v","_s","application","_l","option","key","value","text","on","input","checked","typeClicked","$v","selectedTypes","$dirty","required","length","label","disabledDates","element-id","placeholder","type","$event","updateStartDate","contactEmail","changeContactEmail","email","ceoEmail","changeCeoEmail","href","target","gdprChecked","confirm","class","getButtonClass","disabled","$invalid","click","apply","ApplyFormvue_type_template_id_637d1f86_scoped_true_staticRenderFns","ApplyFormvue_type_script_lang_js_","name","components","TextInput","CheckboxInput","DatePickerInput","Modal","props","company","Object","[object Object]","from","Date","validations","validators","hasDate","y","every","x","date","oidcUser","computed","objectSpread","vuex_esm","all","lodash_default","keys","constants","map","sortBy","companyName","orgNo","organizationNumber","contactPerson","firstname","lastname","methods","opt","a","remove","val","concat","ev","console","log","filter","s","isChecked","$touch","staffing","find","recruitment","adaptation","createApplication","isRecruitment","isEmpty","isAdaptation","isStaffing","recruitmentActiveSince","moment_default","format","adaptationActiveSince","staffingActiveSince","components_ApplyFormvue_type_script_lang_js_","component","componentNormalizer","ApplyForm","ApplyRoutevue_type_script_lang_js_","ApplicationCompanyInfo","PreLoader","apply_ApplyRoutevue_type_script_lang_js_","ApplyRoute_component","__webpack_exports__","_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_lib_loader_js_ref_8_oneOf_1_3_node_modules_style_resources_loader_lib_index_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ApplyForm_vue_vue_type_style_index_0_id_637d1f86_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","_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_lib_loader_js_ref_8_oneOf_1_3_node_modules_style_resources_loader_lib_index_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ApplyForm_vue_vue_type_style_index_0_id_637d1f86_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default"],"mappings":"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","file":"js/apply.716daed0.js","sourcesContent":["import mod 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/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ApplyRoute.vue?vue&type=style&index=0&id=8405fd48&lang=scss&scoped=true&\"; export default mod; 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/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ApplyRoute.vue?vue&type=style&index=0&id=8405fd48&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.oidcUser)?_c('div',{staticClass:\"Application-apply\"},[_c('div',{staticClass:\"Application-apply__aside hide-under-delta\"},[_c('ApplicationCompanyInfo',{attrs:{\"title\":\"Företagsinformation\"}})],1),(!_vm.applicationIsSubmitting)?_c('ApplyForm'):_c('PreLoader')],1):_vm._e()}\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',[_c('Modal',{staticClass:\"Modal--gdpr\",attrs:{\"inline\":false,\"visible\":_vm.showModal}},[_c('template',{slot:\"content\"},[_c('h2',{staticClass:\"Modal__title\"},[_vm._v(\"\\n        \"+_vm._s(!_vm.application ? \"Ansök om auktorisation\" : \"Förnya auktorisation\")+\"\\n      \")]),_c('div',{staticClass:\"Modal__content\"},[_c('div',{staticClass:\"Modal__content__text\"},[_c('h2',{staticClass:\"Modal__content__title\"},[_vm._v(\"Välj auktoriseringstyp\")]),_c('ul',{staticClass:\"Application-apply__formgroup Application-apply__checkboxes\"},_vm._l((_vm.getTypes),function(option){return _c('li',{key:option.value,staticClass:\"Form-input\"},[_c('CheckboxInput',{staticClass:\"Checkbox-input\",attrs:{\"text\":option.text,\"value\":option.value},on:{\"input\":function (checked) { return _vm.typeClicked(option, checked); }}})],1)}),0),(_vm.$v.selectedTypes.$dirty && !_vm.$v.selectedTypes.required)?_c('div',{staticClass:\"Application-apply__formgroup Form-input__error\"},[_vm._v(\"\\n            Du måste välja minst ett område\\n          \")]):_vm._e()]),(_vm.selectedTypes.length > 0)?_c('div',{staticClass:\"Modal__content__text\"},[_c('h2',{staticClass:\"Modal__content__title\"},[_vm._v(\"\\n            Startdatum per verksamhetsområde\\n          \")]),_c('ul',{staticClass:\"Application-apply__formgroup Application-apply__startdates\"},_vm._l((_vm.selectedTypes),function(option){return _c('li',{key:option.value,staticClass:\"Application-apply__formgroup Application-apply__startdates Form-input\"},[_c('DatePickerInput',{staticClass:\"Form-input__item\",attrs:{\"value\":null,\"label\":option.text,\"disabledDates\":_vm.disabledDates,\"element-id\":'date-' && option.value,\"placeholder\":\"Datum...\",\"type\":\"date\"},on:{\"input\":function($event){return _vm.updateStartDate($event, option)}}})],1)}),0)]):_vm._e(),_c('div',{staticClass:\"Modal__content__text\"},[_c('h2',{staticClass:\"Modal__content__title\"},[_vm._v(\"\\n            Kontaktperson och firmatecknare\\n          \")]),_c('p',[_vm._v(\"Dessa kommer att notifieras under ärendets gång via e-post.\")]),_c('TextInput',{staticClass:\"Application-apply__formgroup Form-input__item\",attrs:{\"label\":\"Kontaktperson\",\"value\":_vm.contactEmail,\"type\":\"email\",\"placeholder\":\"Ange e-post\"},on:{\"input\":_vm.changeContactEmail}}),(_vm.$v.contactEmail.$dirty && !_vm.$v.contactEmail.email)?_c('div',{staticClass:\"Application-apply__formgroup Form-input__error\"},[_vm._v(\"\\n            Ogiltigt e-postformat\\n          \")]):_vm._e(),(_vm.$v.contactEmail.$dirty && !_vm.$v.contactEmail.required)?_c('div',{staticClass:\"Application-apply__formgroup Form-input__error\"},[_vm._v(\"\\n            Du måste ange en giltig e-postadress\\n          \")]):_vm._e(),_c('TextInput',{staticClass:\"Application-apply__formgroup Form-input__item\",attrs:{\"label\":\"Firmatecknare\",\"value\":_vm.ceoEmail,\"type\":\"email\",\"placeholder\":\"Ange e-post\"},on:{\"input\":_vm.changeCeoEmail}}),(_vm.$v.ceoEmail.$dirty && !_vm.$v.ceoEmail.email)?_c('div',{staticClass:\"Application-apply__formgroup Form-input__error\"},[_vm._v(\"\\n            Ogiltigt e-postformat\\n          \")]):_vm._e(),(_vm.$v.ceoEmail.$dirty && !_vm.$v.ceoEmail.required)?_c('div',{staticClass:\"Application-apply__formgroup Form-input__error\"},[_vm._v(\"\\n            Du måste ange en giltig e-postadress\\n          \")]):_vm._e()],1),_c('div',{staticClass:\"Modal__content__text\"},[_c('h2',{staticClass:\"Modal__content__title Modal__content__title--gdpr\"},[_vm._v(\"\\n            Datapolicy & GDPR\\n          \")]),_c('p',[_vm._v(\"\\n            Kompetensföretagen/Almega behandlar alltid dina personuppgifter i\\n            enlighet med tillämplig lagstiftning: Vi behandlar dina\\n            personuppgifter då det är nödvändigt för att fullgöra ett avtal\\n            med dig eller svara på din begäran om service eller då vi har ett\\n            annat legitimt och berättigat intresse av att behandla dina\\n            personuppgifter, t ex ett intresse av att få marknadsföra våra\\n            tjänster.\\n          \")]),_c('br'),_c('br'),_c('a',{staticClass:\"link\",attrs:{\"href\":\"https://kompetensforetagen.se/om-webbplatsen\",\"target\":\"_blank\"}},[_vm._v(\"Läs vår fullständiga datapolicy\")]),_c('CheckboxInput',{attrs:{\"text\":\"Jag accepterar villkoren\",\"checked\":_vm.gdprChecked},on:{\"input\":_vm.confirm}})],1)])]),_c('template',{slot:\"buttons\"},[_c('div',{staticClass:\"Modal__button\"},[_c('button',{staticClass:\"Button Button--large\",class:_vm.getButtonClass(),attrs:{\"type\":\"submit\",\"disabled\":_vm.$v.$invalid || !_vm.gdprChecked},on:{\"click\":_vm.apply}},[_vm._v(\"\\n          Starta ansökan\\n        \")])])])],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <Modal class=\"Modal--gdpr\" :inline=\"false\" :visible=\"showModal\">\n      <template slot=\"content\">\n        <h2 class=\"Modal__title\">\n          {{ !application ? \"Ansök om auktorisation\" : \"Förnya auktorisation\" }}\n        </h2>\n        <div class=\"Modal__content\">\n          <div class=\"Modal__content__text\">\n            <h2 class=\"Modal__content__title\">Välj auktoriseringstyp</h2>\n            <ul\n              class=\"Application-apply__formgroup Application-apply__checkboxes\"\n            >\n              <li\n                class=\"Form-input\"\n                v-for=\"option in getTypes\"\n                :key=\"option.value\"\n              >\n                <CheckboxInput\n                  class=\"Checkbox-input\"\n                  :text=\"option.text\"\n                  :value=\"option.value\"\n                  @input=\"checked => typeClicked(option, checked)\"\n                />\n              </li>\n            </ul>\n            <div\n              class=\"Application-apply__formgroup Form-input__error\"\n              v-if=\"$v.selectedTypes.$dirty && !$v.selectedTypes.required\"\n            >\n              Du måste välja minst ett område\n            </div>\n          </div>\n          <div class=\"Modal__content__text\" v-if=\"selectedTypes.length > 0\">\n            <h2 class=\"Modal__content__title\">\n              Startdatum per verksamhetsområde\n            </h2>\n            <ul\n              class=\"Application-apply__formgroup Application-apply__startdates\"\n            >\n              <li\n                class=\"Application-apply__formgroup Application-apply__startdates Form-input\"\n                v-for=\"option in selectedTypes\"\n                :key=\"option.value\"\n              >\n                <DatePickerInput\n                  class=\"Form-input__item\"\n                  :value=\"null\"\n                  :label=\"option.text\"\n                  :disabledDates=\"disabledDates\"\n                  :element-id=\"'date-' && option.value\"\n                  placeholder=\"Datum...\"\n                  type=\"date\"\n                  @input=\"updateStartDate($event, option)\"\n                />\n              </li>\n            </ul>\n          </div>\n          <div class=\"Modal__content__text\">\n            <h2 class=\"Modal__content__title\">\n              Kontaktperson och firmatecknare\n            </h2>\n            <p>Dessa kommer att notifieras under ärendets gång via e-post.</p>\n            <TextInput\n              class=\"Application-apply__formgroup Form-input__item\"\n              label=\"Kontaktperson\"\n              :value=\"contactEmail\"\n              @input=\"changeContactEmail\"\n              type=\"email\"\n              placeholder=\"Ange e-post\"\n            />\n            <div\n              class=\"Application-apply__formgroup Form-input__error\"\n              v-if=\"$v.contactEmail.$dirty && !$v.contactEmail.email\"\n            >\n              Ogiltigt e-postformat\n            </div>\n            <div\n              class=\"Application-apply__formgroup Form-input__error\"\n              v-if=\"$v.contactEmail.$dirty && !$v.contactEmail.required\"\n            >\n              Du måste ange en giltig e-postadress\n            </div>\n            <TextInput\n              class=\"Application-apply__formgroup Form-input__item\"\n              label=\"Firmatecknare\"\n              :value=\"ceoEmail\"\n              @input=\"changeCeoEmail\"\n              type=\"email\"\n              placeholder=\"Ange e-post\"\n            />\n            <div\n              class=\"Application-apply__formgroup Form-input__error\"\n              v-if=\"$v.ceoEmail.$dirty && !$v.ceoEmail.email\"\n            >\n              Ogiltigt e-postformat\n            </div>\n            <div\n              class=\"Application-apply__formgroup Form-input__error\"\n              v-if=\"$v.ceoEmail.$dirty && !$v.ceoEmail.required\"\n            >\n              Du måste ange en giltig e-postadress\n            </div>\n          </div>\n          <div class=\"Modal__content__text\">\n            <h2 class=\"Modal__content__title Modal__content__title--gdpr\">\n              Datapolicy & GDPR\n            </h2>\n            <p>\n              Kompetensföretagen/Almega behandlar alltid dina personuppgifter i\n              enlighet med tillämplig lagstiftning: Vi behandlar dina\n              personuppgifter då det är nödvändigt för att fullgöra ett avtal\n              med dig eller svara på din begäran om service eller då vi har ett\n              annat legitimt och berättigat intresse av att behandla dina\n              personuppgifter, t ex ett intresse av att få marknadsföra våra\n              tjänster.\n            </p>\n            <br /><br />\n            <a\n              class=\"link\"\n              href=\"https://kompetensforetagen.se/om-webbplatsen\"\n              target=\"_blank\"\n              >Läs vår fullständiga datapolicy</a\n            >\n            <CheckboxInput\n              text=\"Jag accepterar villkoren\"\n              :checked=\"gdprChecked\"\n              @input=\"confirm\"\n            />\n          </div>\n        </div>\n      </template>\n      <template slot=\"buttons\">\n        <div class=\"Modal__button\">\n          <button\n            type=\"submit\"\n            class=\"Button Button--large\"\n            :disabled=\"$v.$invalid || !gdprChecked\"\n            :class=\"getButtonClass()\"\n            @click=\"apply\"\n          >\n            Starta ansökan\n          </button>\n        </div>\n      </template>\n    </Modal>\n  </div>\n</template>\n\n<script>\nimport { mapState, mapGetters, mapActions } from \"vuex\";\nimport TextInput from \"@/components/forms/TextInput\";\nimport CheckboxInput from \"@/components/forms/CheckboxInput\";\nimport DatePickerInput from \"@/components/forms/DatePickerInput\";\nimport { required, email } from \"vuelidate/lib/validators\";\nimport { authorizationTypes } from \"@/utils/constants\";\nimport _ from \"lodash\";\nimport Modal from \"@/components/Modal\";\nimport moment from \"moment\";\n\nexport default {\n  name: \"ApplyForm\",\n  components: { TextInput, CheckboxInput, DatePickerInput, Modal },\n  props: {\n    company: {\n      type: Object\n    }\n  },\n  data() {\n    return {\n      contactEmail: this.contactEmail,\n      ceoEmail: \"\",\n      selectedTypes: [],\n      showModal: true,\n      gdprChecked: false,\n      disabledDates: {\n        from: new Date()\n      }\n    };\n  },\n  validations: {\n    selectedTypes: {\n      required,\n      hasDate: y => {\n        return y.every(x => x.date);\n      }\n    },\n    contactEmail: {\n      required,\n      email\n    },\n    ceoEmail: {\n      required,\n      email\n    }\n  },\n  created() {\n    this.contactEmail = this.oidcUser.email;\n  },\n  computed: {\n    ...mapState(\"applicationStore\", [\"application\"]),\n    ...mapState(\"memberStore\", [\n      \"organizationNumber\",\n      \"companyName\",\n      \"companyId\"\n    ]),\n    ...mapGetters(\"oidcStore\", [\"oidcUser\"]),\n    getTypes(all) {\n      return _(Object.keys(authorizationTypes))\n        .map(type => authorizationTypes[type])\n        .sortBy([\"text\"])\n        .value();\n    },\n    getCompanyData() {\n      return {\n        name: this.companyName,\n        orgNo: this.organizationNumber,\n        contactPerson: this.oidcUser.firstname + \" \" + this.oidcUser.lastname,\n        contactEmail: this.oidcUser.email\n      };\n    }\n  },\n  methods: {\n    ...mapActions(\"applicationStore\", [\"createApplication\"]),\n    typeClicked(opt, checked) {\n      this.selectedTypes = _.remove(this.selectedTypes, function(val) {\n        return val.value !== opt.value;\n      });\n      if (checked) {\n        this.selectedTypes = _.concat(this.selectedTypes, opt);\n      }\n      this.selectedTypes = _(this.selectedTypes)\n        .sortBy([\"text\"])\n        .value();\n    },\n    updateStartDate(ev, opt) {\n      console.log(\"click\");\n      this.selectedTypes = [\n        ...this.selectedTypes.filter(s => s.value !== opt.value),\n        {\n          ...opt,\n          date: ev\n        }\n      ];\n      this.selectedTypes = _(this.selectedTypes)\n        .sortBy([\"text\"])\n        .value();\n    },\n    changeContactEmail(value) {\n      this.contactEmail = value;\n    },\n    changeCeoEmail(value) {\n      this.ceoEmail = value;\n    },\n    getButtonClass() {\n      if (this.gdprChecked === false || this.$v.$invalid) {\n        return \"Button--primary-inactive\";\n      } else {\n        return \"Button--primary\";\n      }\n    },\n    confirm(isChecked) {\n      this.gdprChecked = isChecked;\n    },\n    apply() {\n      if (this.gdprChecked === false || this.$v.$invalid) {\n        this.$v.$touch();\n      } else {\n        const staffing = _.find(this.selectedTypes, { value: \"isStaffing\" });\n        const recruitment = _.find(this.selectedTypes, {\n          value: \"isRecruitment\"\n        });\n        const adaptation = _.find(this.selectedTypes, {\n          value: \"isAdaptation\"\n        });\n\n        this.createApplication({\n          ceoEmail: this.ceoEmail,\n          contactEmail: this.contactEmail,\n          isRecruitment: !_.isEmpty(recruitment),\n          isAdaptation: !_.isEmpty(adaptation),\n          isStaffing: !_.isEmpty(staffing),\n          recruitmentActiveSince:\n            recruitment && moment(recruitment.date).format(\"YYYY-MM-DD\"),\n          adaptationActiveSince:\n            adaptation && moment(adaptation.date).format(\"YYYY-MM-DD\"),\n          staffingActiveSince:\n            staffing && moment(staffing.date).format(\"YYYY-MM-DD\")\n        });\n        this.showModal = false;\n      }\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.Modal__title {\n  width: 100%;\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!./ApplyForm.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!./ApplyForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ApplyForm.vue?vue&type=template&id=637d1f86&scoped=true&\"\nimport script from \"./ApplyForm.vue?vue&type=script&lang=js&\"\nexport * from \"./ApplyForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ApplyForm.vue?vue&type=style&index=0&id=637d1f86&lang=scss&scoped=true&\"\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  \"637d1f86\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"Application-apply\" v-if=\"oidcUser\">\n    <div class=\"Application-apply__aside hide-under-delta\">\n      <ApplicationCompanyInfo title=\"Företagsinformation\" />\n    </div>\n    <ApplyForm v-if=\"!applicationIsSubmitting\" />\n    <PreLoader v-else />\n  </div>\n</template>\n\n<script>\nimport { mapState, mapGetters } from \"vuex\";\nimport ApplicationCompanyInfo from \"../application/components/ApplicationCompanyInfo\";\nimport ApplyForm from \"./components/ApplyForm\";\nimport PreLoader from \"@/components/PreLoader\";\n\nexport default {\n  name: \"ApplyRoute\",\n  components: { ApplyForm, ApplicationCompanyInfo, PreLoader },\n  computed: {\n    ...mapGetters(\"oidcStore\", [\"oidcUser\"]),\n    ...mapState(\"memberStore\", [\"organizationNumber\", \"companyName\"]),\n    ...mapState(\"applicationStore\", [\"application\"]),\n    ...mapGetters(\"applicationStore\", [\"applicationIsSubmitting\"])\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.Application-apply {\n  display: flex;\n  justify-content: stretch;\n  min-height: 100vh;\n  // padding-top: $header-height;\n  // margin-top: -$header-height;\n\n  &__aside {\n    @extend %text-S;\n    background-color: $color-white-two;\n    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n    flex: none;\n    padding: $spacing-L * 2 $spacing-L $spacing-L $spacing-L;\n    width: 300px;\n  }\n\n  &__content {\n    flex: auto;\n    padding: $spacing-L * 2 0 $spacing-L 0;\n\n    @include media-from($beta-width) {\n      padding-left: $spacing-L;\n      padding-bottom: $spacing-L;\n    }\n  }\n\n  &__header {\n    @extend %text-S;\n    margin-bottom: $spacing;\n  }\n\n  &__formgroup {\n    @extend %text-S;\n    margin-bottom: $spacing;\n    margin-top: $spacing;\n\n    label + input[type=\"email\"] {\n      margin-bottom: 0px;\n    }\n\n    & + .Form-input__error {\n      margin-top: -12px;\n    }\n  }\n\n  &__checkboxes {\n    display: flex;\n    flex-direction: column;\n\n    .Form-input + .Form-input {\n      margin-top: 0px;\n    }\n\n    .Checkbox-input__checkbox {\n      padding-left: $checkbox-size + $spacing/2;\n    }\n  }\n\n  &__startdates {\n    .Date-picker {\n      width: 110px;\n    }\n  }\n\n  &__button {\n    padding-top: $spacing;\n  }\n\n  .Company-info {\n    padding-top: 0px;\n  }\n\n  .vdp-datepicker__calendar {\n    @include vdp-datepicker__calendar();\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!./ApplyRoute.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!./ApplyRoute.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ApplyRoute.vue?vue&type=template&id=8405fd48&scoped=true&\"\nimport script from \"./ApplyRoute.vue?vue&type=script&lang=js&\"\nexport * from \"./ApplyRoute.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ApplyRoute.vue?vue&type=style&index=0&id=8405fd48&lang=scss&scoped=true&\"\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  \"8405fd48\",\n  null\n  \n)\n\nexport default component.exports","import mod 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/lib/loader.js??ref--8-oneOf-1-3!../../../../node_modules/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ApplyForm.vue?vue&type=style&index=0&id=637d1f86&lang=scss&scoped=true&\"; export default mod; 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/lib/loader.js??ref--8-oneOf-1-3!../../../../node_modules/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ApplyForm.vue?vue&type=style&index=0&id=637d1f86&lang=scss&scoped=true&\""],"sourceRoot":""}