{"version":3,"sources":["webpack:///./src/pages/forms.vue","webpack:///src/pages/forms.vue","webpack:///./src/pages/forms.vue?a71f","webpack:///./src/pages/forms.vue?3125","webpack:///./node_modules/vue-multiselect/dist/vue-multiselect.min.css?716a"],"names":["attrs","class","_vm","model","callback","formIsValid","expression","formTypes","value","nameRules","formData","$$v","email","$t","_c","shebaRules","items","selectMultiple","onSubmitForm","_v","_s","staticRenderFns","layout","APP_CONFIG","mainPanelLayout","data","type","name","sheba","textArea","select","checkbox","radiobox","file","counter","datetime","date","time","computed","v","length","test","fileRules","complexItems","Array","map","_","index","id","firstName","faker","lastName","amount","finance","radioOptions","text","methods","console","log","component"],"mappings":"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","file":"js/page-forms.3726f785.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('page-title',{attrs:{\"title\":_vm.$t('pages.forms.title')}}),_c('v-form',{class:_vm.formData.type,model:{value:(_vm.formIsValid),callback:function ($$v) {_vm.formIsValid=$$v},expression:\"formIsValid\"}},[_c('form-item',{class:{ 'col-3': _vm.formData.type === 'form-inline' },attrs:{\"type\":\"select\",\"items\":_vm.formTypes,\"icon\":\"mdi-cards-variant\",\"label\":_vm.$t('pages.forms.typeSelectLabel')},model:{value:(_vm.formData.type),callback:function ($$v) {_vm.$set(_vm.formData, \"type\", $$v)},expression:\"formData.type\"}}),_c('form-item',{class:{ 'col-3': _vm.formData.type === 'form-inline' },attrs:{\"type\":\"textbox\",\"rules\":_vm.nameRules,\"icon\":\"mdi-form-textbox\",\"label\":_vm.$t('pages.forms.nameTextLabel'),\"placeholder\":_vm.$t('pages.forms.nameTextPlaceholder')},model:{value:(_vm.formData.name),callback:function ($$v) {_vm.$set(_vm.formData, \"name\", $$v)},expression:\"formData.name\"}}),_c('form-item',{class:{ 'col-3': _vm.formData.type === 'form-inline' },attrs:{\"type\":\"textbox\",\"icon\":\"mdi-form-textbox\",\"label\":_vm.$t('pages.forms.mailTextLabel'),\"placeholder\":_vm.$t('pages.forms.mailTextPlaceholder'),\"ltr\":\"\"},model:{value:(_vm.formData.email),callback:function ($$v) {_vm.$set(_vm.formData, \"email\", $$v)},expression:\"formData.email\"}}),_c('form-item',{class:{ 'col-3': _vm.formData.type === 'form-inline' },attrs:{\"icon\":\"mdi-form-textbox\",\"label\":_vm.$t('pages.forms.mailTextSlotLabel')}},[_c('v-text-field',{attrs:{\"placeholder\":_vm.$t('pages.forms.mailTextPlaceholder'),\"dir\":\"ltr\",\"outlined\":\"\"},model:{value:(_vm.formData.email),callback:function ($$v) {_vm.$set(_vm.formData, \"email\", $$v)},expression:\"formData.email\"}})],1),_c('form-item',{class:{ 'col-3': _vm.formData.type === 'form-inline' },attrs:{\"type\":\"textbox\",\"rules\":_vm.shebaRules,\"icon\":\"mdi-form-textbox\",\"label\":_vm.$t('pages.forms.shebaTextLabel'),\"placeholder\":_vm.$t('pages.forms.shebaTextPlaceholder'),\"suffix\":_vm.$t('pages.forms.shebaSuffix'),\"ltr\":\"\"},model:{value:(_vm.formData.sheba),callback:function ($$v) {_vm.$set(_vm.formData, \"sheba\", $$v)},expression:\"formData.sheba\"}}),_c('form-item',{class:{ 'col-3': _vm.formData.type === 'form-inline' },attrs:{\"type\":\"textarea\",\"rows\":\"4\",\"icon\":\"mdi-form-textarea\",\"label\":_vm.$t('pages.forms.descTextareaLabel'),\"placeholder\":_vm.$t('pages.forms.descTextareaPlaceholder')},model:{value:(_vm.formData.textArea),callback:function ($$v) {_vm.$set(_vm.formData, \"textArea\", $$v)},expression:\"formData.textArea\"}}),_c('form-item',{class:{ 'col-3': _vm.formData.type === 'form-inline' },attrs:{\"type\":\"select\",\"rules\":[v => !!v || _vm.$t('pages.forms.itemSelectRuleRequired')],\"items\":_vm.complexItems,\"item-text\":\"firstName\",\"item-value\":\"id\",\"icon\":\"mdi-select\",\"label\":_vm.$t('pages.forms.itemSelectLabel'),\"placeholder\":_vm.$t('pages.forms.itemSelectPlaceholder')},model:{value:(_vm.formData.select),callback:function ($$v) {_vm.$set(_vm.formData, \"select\", $$v)},expression:\"formData.select\"}}),_c('form-item',{class:{ 'col-3': _vm.formData.type === 'form-inline' },attrs:{\"type\":\"select\",\"items\":_vm.items,\"icon\":\"mdi-select-multiple\",\"label\":_vm.$t('pages.forms.itemSelectMultipleLabel'),\"placeholder\":_vm.$t('pages.forms.itemSelectMultiplePlaceholder'),\"multiple\":\"\"},model:{value:(_vm.formData.selectMultiple),callback:function ($$v) {_vm.$set(_vm.formData, \"selectMultiple\", $$v)},expression:\"formData.selectMultiple\"}}),_c('form-item',{class:{ 'col-3': _vm.formData.type === 'form-inline' },attrs:{\"type\":\"multiselect\",\"options\":_vm.items,\"multiple\":true,\"icon\":\"mdi-select-multiple\",\"label\":_vm.$t('pages.forms.itemMultiselectLabel'),\"placeholder\":_vm.$t('pages.forms.itemMultiselectPlaceholder')},model:{value:(_vm.formData.selectMultiple),callback:function ($$v) {_vm.$set(_vm.formData, \"selectMultiple\", $$v)},expression:\"formData.selectMultiple\"}}),_c('form-item',{class:{ 'col-3': _vm.formData.type === 'form-inline' },attrs:{\"icon\":\"mdi-calendar\",\"label\":_vm.$t('pages.forms.datePickerLabel'),\"type\":\"date\"},model:{value:(_vm.formData.date),callback:function ($$v) {_vm.$set(_vm.formData, \"date\", $$v)},expression:\"formData.date\"}}),_c('form-item',{class:{ 'col-3': _vm.formData.type === 'form-inline' },attrs:{\"icon\":\"mdi-calendar-clock\",\"label\":_vm.$t('pages.forms.datetimePickerLabel'),\"type\":\"datetime\"},model:{value:(_vm.formData.datetime),callback:function ($$v) {_vm.$set(_vm.formData, \"datetime\", $$v)},expression:\"formData.datetime\"}}),_c('form-item',{class:{ 'col-3': _vm.formData.type === 'form-inline' },attrs:{\"icon\":\"mdi-clock\",\"label\":_vm.$t('pages.forms.timePickerLabel'),\"type\":\"time\"},model:{value:(_vm.formData.time),callback:function ($$v) {_vm.$set(_vm.formData, \"time\", $$v)},expression:\"formData.time\"}}),_c('form-item',{class:{ 'col-3': _vm.formData.type === 'form-inline' },attrs:{\"type\":\"slider\",\"min\":\"1\",\"max\":\"20\",\"icon\":\"mdi-counter\",\"label\":_vm.$t('pages.forms.counterSliderLabel')},model:{value:(_vm.formData.counter),callback:function ($$v) {_vm.$set(_vm.formData, \"counter\", $$v)},expression:\"formData.counter\"}}),_c('form-item',{class:{ 'col-3': _vm.formData.type === 'form-inline' },attrs:{\"type\":\"checkbox\",\"rules\":[v => !!v || _vm.$t('pages.forms.agreeCheckboxRuleRequired')],\"icon\":\"mdi-checkbox-marked\",\"label\":_vm.$t('pages.forms.agreeCheckboxLabel')},model:{value:(_vm.formData.checkbox),callback:function ($$v) {_vm.$set(_vm.formData, \"checkbox\", $$v)},expression:\"formData.checkbox\"}}),_c('form-item',{class:{ 'col-3': _vm.formData.type === 'form-inline' },attrs:{\"type\":\"switch\",\"rules\":[v => !!v || _vm.$t('pages.forms.agreeSwitchRuleRequired')],\"icon\":\"mdi-toggle-switch\",\"label\":_vm.$t('pages.forms.agreeSwitchLabel')},model:{value:(_vm.formData.checkbox),callback:function ($$v) {_vm.$set(_vm.formData, \"checkbox\", $$v)},expression:\"formData.checkbox\"}}),_c('form-item',{class:{ 'col-3': _vm.formData.type === 'form-inline' },attrs:{\"type\":\"radio\",\"rules\":[v => !!v || _vm.$t('pages.forms.genderRadioRuleRequired')],\"options\":_vm.radioOptions,\"icon\":\"mdi-radiobox-marked\",\"label\":_vm.$t('pages.forms.genderRadioLabel')},model:{value:(_vm.formData.radiobox),callback:function ($$v) {_vm.$set(_vm.formData, \"radiobox\", $$v)},expression:\"formData.radiobox\"}}),_c('form-item',{class:{ 'col-3': _vm.formData.type === 'form-inline' },attrs:{\"type\":\"file\",\"icon\":\"mdi-file-upload\",\"accept\":\"image/*\",\"multiple\":\"\",\"rules\":_vm.fileRules,\"label\":_vm.$t('pages.forms.docFileLabel'),\"placeholder\":_vm.$t('pages.forms.docFilePlaceholder')},model:{value:(_vm.formData.file),callback:function ($$v) {_vm.$set(_vm.formData, \"file\", $$v)},expression:\"formData.file\"}}),_c('form-item',{class:{ 'col-3': _vm.formData.type === 'form-inline' },attrs:{\"type\":\"radio\",\"icon\":\"mdi-radiobox-marked\",\"label\":_vm.$t('pages.forms.comboboxChipsLabel'),\"multiple\":\"\",\"chips\":\"\",\"deletable-chips\":\"\",\"append-icon\":\"\"},model:{value:(_vm.formData.combobox),callback:function ($$v) {_vm.$set(_vm.formData, \"combobox\", $$v)},expression:\"formData.combobox\"}}),_c('form-item',{class:{ 'col-3': _vm.formData.type === 'form-inline' },attrs:{\"type\":\"autocomplete\",\"items\":_vm.items,\"icon\":\"mdi-select-multiple\",\"label\":_vm.$t('pages.forms.autocompleteLabel'),\"multiple\":\"\"},model:{value:(_vm.formData.autocomplete),callback:function ($$v) {_vm.$set(_vm.formData, \"autocomplete\", $$v)},expression:\"formData.autocomplete\"}}),_c('form-action',{attrs:{\"submit-text\":_vm.$t('pages.forms.sendButtonText'),\"cancel-text\":_vm.$t('pages.forms.returnButtonText'),\"novalidate\":\"\"},on:{\"submit\":_vm.onSubmitForm}}),_c('form-action',[_c('v-btn',{attrs:{\"disabled\":!_vm.formIsValid,\"color\":\"success\",\"depressed\":\"\"},on:{\"click\":_vm.onSubmitForm}},[_vm._v(\" \"+_vm._s(_vm.$t('pages.forms.submitButtonText'))+\" \")]),_c('v-btn',{attrs:{\"color\":\"secondary\",\"depressed\":\"\",\"outlined\":\"\"},on:{\"click\":function($event){return _vm.$router.go(-1)}}},[_vm._v(\" \"+_vm._s(_vm.$t('pages.forms.cancelButtonText'))+\" \")]),_c('v-btn',{attrs:{\"color\":\"error\"}},[_vm._v(\" \"+_vm._s(_vm.$t('pages.forms.removeButtonText'))+\" \")])],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<route>\n{\n  \"name\": \"forms\",\n  \"meta\": {\n    \"order\": 4.1,\n    \"isVisible\": false,\n    \"iconName\": \"mdi-pen\"\n  }\n}\n</route>\n<template>\n  <div>\n    <page-title\n      :title=\"$t('pages.forms.title')\"\n    ></page-title>\n    <v-form\n      v-model=\"formIsValid\"\n      :class=\"formData.type\"\n    >\n      <form-item\n        v-model=\"formData.type\"\n        :class=\"{ 'col-3': formData.type === 'form-inline' }\"\n        type=\"select\"\n        :items=\"formTypes\"\n        icon=\"mdi-cards-variant\"\n        :label=\"$t('pages.forms.typeSelectLabel')\"\n      ></form-item>\n      <form-item\n        v-model=\"formData.name\"\n        :class=\"{ 'col-3': formData.type === 'form-inline' }\"\n        type=\"textbox\"\n        :rules=\"nameRules\"\n        icon=\"mdi-form-textbox\"\n        :label=\"$t('pages.forms.nameTextLabel')\"\n        :placeholder=\"$t('pages.forms.nameTextPlaceholder')\"\n      ></form-item>\n      <form-item\n        v-model=\"formData.email\"\n        :class=\"{ 'col-3': formData.type === 'form-inline' }\"\n        type=\"textbox\"\n        icon=\"mdi-form-textbox\"\n        :label=\"$t('pages.forms.mailTextLabel')\"\n        :placeholder=\"$t('pages.forms.mailTextPlaceholder')\"\n        ltr\n      ></form-item>\n      <form-item\n        :class=\"{ 'col-3': formData.type === 'form-inline' }\"\n        icon=\"mdi-form-textbox\"\n        :label=\"$t('pages.forms.mailTextSlotLabel')\"\n      >\n        <v-text-field\n          v-model=\"formData.email\"\n          :placeholder=\"$t('pages.forms.mailTextPlaceholder')\"\n          dir=\"ltr\"\n          outlined\n        ></v-text-field>\n      </form-item>\n      <form-item\n        v-model=\"formData.sheba\"\n        :class=\"{ 'col-3': formData.type === 'form-inline' }\"\n        type=\"textbox\"\n        :rules=\"shebaRules\"\n        icon=\"mdi-form-textbox\"\n        :label=\"$t('pages.forms.shebaTextLabel')\"\n        :placeholder=\"$t('pages.forms.shebaTextPlaceholder')\"\n        :suffix=\"$t('pages.forms.shebaSuffix')\"\n        ltr\n      ></form-item>\n      <form-item\n        v-model=\"formData.textArea\"\n        :class=\"{ 'col-3': formData.type === 'form-inline' }\"\n        type=\"textarea\"\n        rows=\"4\"\n        icon=\"mdi-form-textarea\"\n        :label=\"$t('pages.forms.descTextareaLabel')\"\n        :placeholder=\"$t('pages.forms.descTextareaPlaceholder')\"\n      ></form-item>\n      <form-item\n        v-model=\"formData.select\"\n        :class=\"{ 'col-3': formData.type === 'form-inline' }\"\n        type=\"select\"\n        :rules=\"[v => !!v || $t('pages.forms.itemSelectRuleRequired')]\"\n        :items=\"complexItems\"\n        item-text=\"firstName\"\n        item-value=\"id\"\n        icon=\"mdi-select\"\n        :label=\"$t('pages.forms.itemSelectLabel')\"\n        :placeholder=\"$t('pages.forms.itemSelectPlaceholder')\"\n      ></form-item>\n      <form-item\n        v-model=\"formData.selectMultiple\"\n        :class=\"{ 'col-3': formData.type === 'form-inline' }\"\n        type=\"select\"\n        :items=\"items\"\n        icon=\"mdi-select-multiple\"\n        :label=\"$t('pages.forms.itemSelectMultipleLabel')\"\n        :placeholder=\"$t('pages.forms.itemSelectMultiplePlaceholder')\"\n        multiple\n      ></form-item>\n      <form-item\n        v-model=\"formData.selectMultiple\"\n        :class=\"{ 'col-3': formData.type === 'form-inline' }\"\n        type=\"multiselect\"\n        :options=\"items\"\n        :multiple=\"true\"\n        icon=\"mdi-select-multiple\"\n        :label=\"$t('pages.forms.itemMultiselectLabel')\"\n        :placeholder=\"$t('pages.forms.itemMultiselectPlaceholder')\"\n      ></form-item>\n      <form-item\n        v-model=\"formData.date\"\n        :class=\"{ 'col-3': formData.type === 'form-inline' }\"\n        icon=\"mdi-calendar\"\n        :label=\"$t('pages.forms.datePickerLabel')\"\n        type=\"date\"\n      ></form-item>\n      <form-item\n        v-model=\"formData.datetime\"\n        :class=\"{ 'col-3': formData.type === 'form-inline' }\"\n        icon=\"mdi-calendar-clock\"\n        :label=\"$t('pages.forms.datetimePickerLabel')\"\n        type=\"datetime\"\n      ></form-item>\n      <form-item\n        v-model=\"formData.time\"\n        :class=\"{ 'col-3': formData.type === 'form-inline' }\"\n        icon=\"mdi-clock\"\n        :label=\"$t('pages.forms.timePickerLabel')\"\n        type=\"time\"\n      ></form-item>\n      <form-item\n        v-model=\"formData.counter\"\n        :class=\"{ 'col-3': formData.type === 'form-inline' }\"\n        type=\"slider\"\n        min=\"1\"\n        max=\"20\"\n        icon=\"mdi-counter\"\n        :label=\"$t('pages.forms.counterSliderLabel')\"\n      ></form-item>\n      <form-item\n        v-model=\"formData.checkbox\"\n        :class=\"{ 'col-3': formData.type === 'form-inline' }\"\n        type=\"checkbox\"\n        :rules=\"[v => !!v || $t('pages.forms.agreeCheckboxRuleRequired')]\"\n        icon=\"mdi-checkbox-marked\"\n        :label=\"$t('pages.forms.agreeCheckboxLabel')\"\n      ></form-item>\n      <form-item\n        v-model=\"formData.checkbox\"\n        :class=\"{ 'col-3': formData.type === 'form-inline' }\"\n        type=\"switch\"\n        :rules=\"[v => !!v || $t('pages.forms.agreeSwitchRuleRequired')]\"\n        icon=\"mdi-toggle-switch\"\n        :label=\"$t('pages.forms.agreeSwitchLabel')\"\n      ></form-item>\n      <form-item\n        v-model=\"formData.radiobox\"\n        :class=\"{ 'col-3': formData.type === 'form-inline' }\"\n        type=\"radio\"\n        :rules=\"[v => !!v || $t('pages.forms.genderRadioRuleRequired')]\"\n        :options=\"radioOptions\"\n        icon=\"mdi-radiobox-marked\"\n        :label=\"$t('pages.forms.genderRadioLabel')\"\n      ></form-item>\n      <form-item\n        v-model=\"formData.file\"\n        :class=\"{ 'col-3': formData.type === 'form-inline' }\"\n        type=\"file\"\n        icon=\"mdi-file-upload\"\n        accept=\"image/*\"\n        multiple\n        :rules=\"fileRules\"\n        :label=\"$t('pages.forms.docFileLabel')\"\n        :placeholder=\"$t('pages.forms.docFilePlaceholder')\"\n      ></form-item>\n      <form-item\n        v-model=\"formData.combobox\"\n        :class=\"{ 'col-3': formData.type === 'form-inline' }\"\n        type=\"radio\"\n        icon=\"mdi-radiobox-marked\"\n        :label=\"$t('pages.forms.comboboxChipsLabel')\"\n        multiple\n        chips\n        deletable-chips\n        append-icon\n      ></form-item>\n      <form-item\n        v-model=\"formData.autocomplete\"\n        :class=\"{ 'col-3': formData.type === 'form-inline' }\"\n        type=\"autocomplete\"\n        :items=\"items\"\n        icon=\"mdi-select-multiple\"\n        :label=\"$t('pages.forms.autocompleteLabel')\"\n        multiple\n      ></form-item>\n      <form-action\n        :submit-text=\"$t('pages.forms.sendButtonText')\"\n        :cancel-text=\"$t('pages.forms.returnButtonText')\"\n        novalidate\n        @submit=\"onSubmitForm\"\n      ></form-action>\n      <form-action>\n        <v-btn\n          :disabled=\"!formIsValid\"\n          color=\"success\"\n          depressed\n          @click=\"onSubmitForm\"\n        >\n          {{ $t('pages.forms.submitButtonText') }}\n        </v-btn>\n        <v-btn\n          color=\"secondary\"\n          depressed\n          outlined\n          @click=\"$router.go(-1)\"\n        >\n          {{ $t('pages.forms.cancelButtonText') }}\n        </v-btn>\n        <v-btn\n          color=\"error\"\n        >\n          {{ $t('pages.forms.removeButtonText') }}\n        </v-btn>\n      </form-action>\n    </v-form>\n  </div>\n</template>\n\n<script>\nexport default {\n  layout: APP_CONFIG.layout.mainPanelLayout,\n  data: () => ({\n    // NOTE: Keep this name same in all form pages and components\n    formIsValid: true,\n    // NOTE: Keep this name same in all form pages and components\n    formData: {\n      type: 'form-horizontal',\n      name: '',\n      email: '',\n      sheba: '',\n      textArea: '',\n      select: null,\n      selectMultiple: null,\n      checkbox: true,\n      radiobox: null,\n      file: [],\n      counter: 10,\n      datetime: null,\n      date: null,\n      time: null\n    },\n    items: [\n      'Item 1',\n      'Item 2',\n      'Item 3',\n      'Item 4'\n    ],\n    formTypes: [\n      'form-horizontal',\n      'form-vertical',\n      'form-inline'\n    ]\n  }),\n  computed: {\n    nameRules () {\n      return [\n        v => !!v || this.$t('pages.forms.nameTextRuleRequired'),\n        v => (v && v.length <= 10) || this.$t('pages.forms.nameTextRuleMaxLength')\n      ]\n    },\n    shebaRules () {\n      return [\n        v => (v && v.length === 24) || this.$t('pages.forms.shebaRuleLength'),\n        v => (v && /^\\d+$/.test(v)) || this.$t('pages.forms.shebaRuleOnlyNumber')\n      ]\n    },\n    fileRules () {\n      return [\n        v => (v && v.length > 0) || 'Required'\n      ]\n    },\n    complexItems () {\n      return [...Array(5)].map((_, index) => ({\n        id: index + 1,\n        firstName: this.faker.name.firstName(),\n        lastName: this.faker.name.lastName(),\n        amount: this.faker.finance.amount()\n      }))\n    },\n    radioOptions () {\n      return [\n        {\n          text: this.$t('pages.forms.genderRadioOptionMale'),\n          value: 'm'\n        },\n        {\n          text: this.$t('pages.forms.genderRadioOptionFemale'),\n          value: 'f'\n        }\n      ]\n    }\n  },\n  methods: {\n    // NOTE: Keep this name same in all form pages and components\n    onSubmitForm () {\n      console.log('on form submit clicked!')\n      console.log(this.formData)\n    }\n  }\n}\n</script>\n<style src=\"vue-multiselect/dist/vue-multiselect.min.css\"></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!./forms.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!./forms.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./forms.vue?vue&type=template&id=3191ca48\"\nimport script from \"./forms.vue?vue&type=script&lang=js\"\nexport * from \"./forms.vue?vue&type=script&lang=js\"\nimport style0 from \"vue-multiselect/dist/vue-multiselect.min.css?vue&type=style&index=0&prod&lang=css&external\"\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\n/* custom blocks */\nimport block0 from \"./forms.vue?vue&type=custom&index=0&blockType=route\"\nif (typeof block0 === 'function') block0(component)\n\nexport default component.exports","export * from \"-!../../mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../vue-loader/lib/loaders/stylePostLoader.js!../../postcss-loader/src/index.js??ref--6-oneOf-1-2!./vue-multiselect.min.css?vue&type=style&index=0&prod&lang=css&external\""],"sourceRoot":""}