{"version":3,"sources":["webpack:///./src/pages/forms.vue?7dae","webpack:///src/pages/forms.vue","webpack:///./src/pages/forms.vue?58bb","webpack:///./src/pages/forms.vue","webpack:///./node_modules/vue-multiselect/dist/vue-multiselect.min.css?e6ef"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","$t","class","formData","type","model","value","callback","$$v","formIsValid","expression","formTypes","$set","nameRules","shebaRules","v","complexItems","items","radioOptions","fileRules","on","onSubmitForm","_v","_s","$event","$router","go","staticRenderFns","layout","APP_CONFIG","mainPanelLayout","data","computed","methods","console","log","component","VBtn","VForm","VTextField"],"mappings":"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","file":"js/page-forms.004f093c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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\":[function (v) { return !!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\":[function (v) { return !!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\":[function (v) { return !!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\":[function (v) { return !!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)}\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&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  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\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VForm } from 'vuetify/lib/components/VForm';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VForm,VTextField})\n","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&lang=css&\""],"sourceRoot":""}