{"version":3,"sources":["webpack:///./src/components/SearchBar.vue?92dd","webpack:///./src/components/SearchBar.vue","webpack:///src/components/SearchBar.vue","webpack:///./src/components/SearchBar.vue?b883","webpack:///./src/components/SearchBar.vue?f14b","webpack:///./src/views/UserProjectsPage.vue","webpack:///./src/components/EmployeeProjects/EmployeeProjectList.vue","webpack:///src/components/EmployeeProjects/EmployeeProjectList.vue","webpack:///./src/components/EmployeeProjects/EmployeeProjectList.vue?bd56","webpack:///./src/components/EmployeeProjects/EmployeeProjectList.vue?4058","webpack:///src/views/UserProjectsPage.vue","webpack:///./src/views/UserProjectsPage.vue?8e86","webpack:///./src/views/UserProjectsPage.vue?ca69"],"names":["_c","attrs","staticClass","_vm","$emit","$event","indexOf","searchLabel","disabled","model","search","$$v","background","on","staticRenderFns","name","props","type","String","default","Boolean","usingVModel","value","data","methods","onSearch","trim","length","onSearchForVModel","clearSearch","setSearch","component","fn","_v","headers","options","loadProjects","scopedSlots","_u","attachedProjectCount","key","items","removeProject","index","load","callback","showProjectList","show","expression","reload","selected","render","components","AutocompleteWithList","projects","watch","nv","getAllProjects","computed","get","set","close","params","organizationId","$store","getters","user","companyId","employeeId","selectedUser","id","loaderText","$axios","post","then","response","confirm","userIds","$route","projectIds","onSelect","event","JSON","parse","stringify","EmployeeProjectList","SearchBar","attachedProjects","sortBy","sortDesc","page","$constants","PAGINATION","DEFAULT_PAGE","itemsPerPage","DEFAULT_PERPAGE","isLoading","text","align","class","width","sortable","noDataMessage","count","commit","status","project","projectId","splice"],"mappings":"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","file":"js/chunk-6f32f677-2025-2-14-11-25.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchBar.vue?vue&type=style&index=0&id=0daaf0f2&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{staticClass:\"pa-0\",attrs:{\"fluid\":\"\"}},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"grow\"},[(_vm.usingVModel)?_c('v-text-field',{staticClass:\"search-bar\",attrs:{\"disabled\":_vm.disabled,\"label\":_vm.searchLabel,\"value\":_vm.value,\"background-color\":\"white\",\"clearable\":\"\",\"color\":\"msaBlue\",\"dense\":\"\",\"hide-details\":\"\",\"light\":\"\",\"outlined\":\"\",\"single-line\":\"\"},on:{\"change\":function($event){return _vm.$emit('input', $event)},\"click:clear\":function($event){_vm.$emit('input', null);\n          _vm.$emit('search');},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.onSearchForVModel.apply(null, arguments)}}}):_c('v-text-field',{staticClass:\"search-bar\",attrs:{\"id\":\"search-bar\",\"label\":_vm.searchLabel,\"single-line\":\"\",\"hide-details\":\"\",\"clearable\":\"\",\"dense\":\"\",\"outlined\":\"\",\"background-color\":\"white\",\"light\":\"\",\"color\":\"msaBlue\",\"disabled\":_vm.disabled,\"data-testid\":\"search-bar\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.onSearch.apply(null, arguments)},\"click:clear\":function($event){return _vm.clearSearch()}},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1),_c('v-col',{staticClass:\"shrink\"},[_c('v-btn',{staticClass:\"msaBlue white--text search-bar-btn\",style:({\n          background: 'linear-gradient(to bottom,  #0a5fb1 0%,#093f79 100%)',\n        }),attrs:{\"height\":\"40\",\"elevation\":\"0\",\"disabled\":_vm.disabled,\"data-test-id\":\"search-button\",\"data-testid\":\"search-button\"},on:{\"click\":_vm.onSearch}},[_c('v-icon',[_vm._v(\" mdi-magnify \")])],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container fluid class=\"pa-0\">\n    <v-row no-gutters>\n      <v-col class=\"grow\">\n        <v-text-field\n          v-if=\"usingVModel\"\n          @change=\"$emit('input', $event)\"\n          @click:clear=\"\n            $emit('input', null);\n            $emit('search');\n          \"\n          @keyup.enter=\"onSearchForVModel\"\n          :disabled=\"disabled\"\n          :label=\"searchLabel\"\n          :value=\"value\"\n          background-color=\"white\"\n          class=\"search-bar\"\n          clearable\n          color=\"msaBlue\"\n          dense\n          hide-details\n          light\n          outlined\n          single-line\n        />\n        <v-text-field\n          v-else\n          v-model=\"search\"\n          id=\"search-bar\"\n          :label=\"searchLabel\"\n          single-line\n          hide-details\n          clearable\n          @keyup.enter=\"onSearch\"\n          @click:clear=\"clearSearch()\"\n          dense\n          outlined\n          background-color=\"white\"\n          light\n          color=\"msaBlue\"\n          class=\"search-bar\"\n          :disabled=\"disabled\"\n          data-testid=\"search-bar\"\n        />\n      </v-col>\n      <v-col class=\"shrink\">\n        <v-btn\n          height=\"40\"\n          class=\"msaBlue white--text search-bar-btn\"\n          @click=\"onSearch\"\n          :style=\"{\n            background: 'linear-gradient(to bottom,  #0a5fb1 0%,#093f79 100%)',\n          }\"\n          elevation=\"0\"\n          :disabled=\"disabled\"\n          data-test-id=\"search-button\"\n          data-testid=\"search-button\"\n        >\n          <v-icon> mdi-magnify </v-icon>\n        </v-btn>\n      </v-col>\n    </v-row>\n  </v-container>\n</template>\n<script>\n/**\n * This is the standard search bar for use in CHT.\n *\n * It can either be used with v-model, or it can contain its own search text\n * state and emit it upon hitting the search button.\n *\n * @emits search on hitting the button or the enter key\n */\nexport default {\n  name: 'SearchBar',\n  props: {\n    searchLabel: {\n      type: String,\n      default: 'Search',\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    /** Set to true if you want to use this component with v-model */\n    usingVModel: {\n      type: Boolean,\n      default: false,\n    },\n    value: {\n      type: String,\n    },\n  },\n  data() {\n    return {\n      search: '',\n    };\n  },\n  methods: {\n    /** @deprecated you should use this component with v-model */\n    onSearch() {\n      if (this.search == null || this.search.trim().length == 0) {\n        this.search = '';\n      }\n      this.$emit('search', this.search);\n    },\n    onSearchForVModel() {\n      if (!this.value || this.value.trim().length == 0) {\n        this.$emit('input', null);\n        this.$emit('search', this.value);\n        return;\n      }\n      this.$emit('search', this.value);\n    },\n    /** @deprecated you should use this component with v-model */\n    clearSearch() {\n      this.search = '';\n      this.onSearch();\n    },\n    /**\n     * DO NOT remove this method - it's OFTEN called externally with $refs\n     * @deprecated you should use this component with v-model, and avoid\n     * accessing its private methods with $refs...\n     */\n    setSearch(data) {\n      this.search = data;\n    },\n  },\n};\n</script>\n<style>\n.search-bar {\n  border-bottom-right-radius: 0 !important;\n  border-top-right-radius: 0 !important;\n}\n.search-bar-btn {\n  border-bottom-left-radius: 0 !important;\n  border-top-left-radius: 0 !important;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchBar.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchBar.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SearchBar.vue?vue&type=template&id=0daaf0f2\"\nimport script from \"./SearchBar.vue?vue&type=script&lang=js\"\nexport * from \"./SearchBar.vue?vue&type=script&lang=js\"\nimport style0 from \"./SearchBar.vue?vue&type=style&index=0&id=0daaf0f2&prod&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\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('SearchBar',{on:{\"search\":function($event){_vm.search = $event}}})],1),_c('v-col',{staticClass:\"grow\",attrs:{\"align\":\"right\"}},[_c('v-tooltip',{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-btn',_vm._g({staticClass:\"msaBlue white--text\",on:{\"click\":function($event){_vm.showProjectList = true}}},on),[_c('v-icon',[_vm._v(\" mdi-tag-plus-outline \")])],1)]}}])},[_c('span',[_vm._v(\"Attach projects\")])])],1)],1),_c('v-row',[_c('v-col',[_c('v-card',[_c('v-card-title',{staticClass:\"msaBlue white--text\"},[_vm._v(\" Attached Projects \")]),_c('v-data-table',{attrs:{\"headers\":_vm.headers,\"items\":_vm.attachedProjects,\"server-items-length\":_vm.attachedProjectCount,\"footer-props\":_vm.$constants.PAGINATION.DEFAULT_FOOTER_PROPS,\"options\":_vm.options,\"no-data-text\":_vm.noDataMessage,\"loading\":_vm.isLoading,\"must-sort\":\"\"},on:{\"update:options\":[function($event){_vm.options=$event},_vm.loadProjects]},scopedSlots:_vm._u([(_vm.attachedProjectCount > 0)?{key:\"body\",fn:function({ items }){return [_c('v-slide-y-transition',{attrs:{\"group\":\"\",\"tag\":\"tbody\"}},[_vm._l((items),function(item,index){return [_c('tr',{key:item.id},[_c('td',{staticClass:\"msaBlue--text\"},[_c('router-link',{staticClass:\"text-decoration-none\",attrs:{\"to\":{\n                        name: 'CompanyProjects',\n                      }}},[_vm._v(\" \"+_vm._s(item.name)+\" \")])],1),_c('td',{attrs:{\"align\":\"center\"}},[_c('v-btn',{attrs:{\"text\":\"\",\"color\":\"red\"},on:{\"click\":function($event){return _vm.removeProject(item, index)}}},[_c('v-icon',[_vm._v(\"mdi-delete\")])],1)],1)])]})],2)]}}:{key:\"default\",fn:function(undefined){return [_c('v-row',[_c('v-col',[_vm._v(\" \"+_vm._s(_vm.noDataMessage)+\" \")])],1)]}}],null,true)})],1)],1)],1),_c('EmployeeProjectList',{on:{\"projectAdded\":_vm.load},model:{value:(_vm.showProjectList),callback:function ($$v) {_vm.showProjectList=$$v},expression:\"showProjectList\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-dialog',{attrs:{\"max-width\":\"500\",\"persistent\":\"\"},model:{value:(_vm.show),callback:function ($$v) {_vm.show=$$v},expression:\"show\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"msaBlue white--text\"},[_vm._v(\" Attach Projects \")]),_c('v-card-text',[_c('v-row',[_c('v-col',{staticClass:\"mt-4\"},[_c('AutocompleteWithList',{key:_vm.reload,attrs:{\"placeholder\":\"Select project(s)\",\"items\":_vm.projects,\"multiple\":\"\"},on:{\"change\":function($event){return _vm.onSelect($event)}}})],1)],1)],1),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"text\":\"\",\"color\":\"red\"},on:{\"click\":function($event){return _vm.close()}}},[_vm._v(\" cancel \")]),_c('v-badge',{attrs:{\"value\":_vm.selected.length,\"content\":_vm.selected.length,\"color\":\"green\",\"offset-x\":\"15px\",\"offset-y\":\"10px\"}},[_c('v-btn',{staticClass:\"msaBlue white--text ml-4\",attrs:{\"disabled\":_vm.selected.length == 0},on:{\"click\":function($event){return _vm.confirm()}}},[_vm._v(\" confirm \")])],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-dialog v-model=\"show\" max-width=\"500\" persistent>\n    <v-card>\n      <v-card-title class=\"msaBlue white--text\"> Attach Projects </v-card-title>\n      <v-card-text>\n        <v-row>\n          <v-col class=\"mt-4\">\n            <AutocompleteWithList\n              placeholder=\"Select project(s)\"\n              :items=\"projects\"\n              multiple\n              @change=\"onSelect($event)\"\n              :key=\"reload\"\n            />\n          </v-col>\n        </v-row>\n      </v-card-text>\n      <v-card-actions>\n        <v-spacer></v-spacer>\n        <v-btn text color=\"red\" @click=\"close()\"> cancel </v-btn>\n        <v-badge\n          :value=\"selected.length\"\n          :content=\"selected.length\"\n          color=\"green\"\n          offset-x=\"15px\"\n          offset-y=\"10px\"\n        >\n          <v-btn\n            class=\"msaBlue white--text ml-4\"\n            @click=\"confirm()\"\n            :disabled=\"selected.length == 0\"\n          >\n            confirm\n          </v-btn>\n        </v-badge>\n      </v-card-actions>\n    </v-card>\n  </v-dialog>\n</template>\n<script>\nimport AutocompleteWithList from '@/components/AutocompleteWithList.vue';\nexport default {\n  name: 'EmployeeProjectList',\n  components: {\n    AutocompleteWithList,\n  },\n  data() {\n    return {\n      projects: [],\n      selected: [],\n      reload: false,\n    };\n  },\n  props: {\n    value: Boolean,\n  },\n  watch: {\n    value: function (nv) {\n      if (!nv) {\n        this.projects = [];\n        this.selected = [];\n      } else {\n        this.getAllProjects();\n      }\n    },\n  },\n  computed: {\n    show: {\n      get() {\n        return this.value;\n      },\n      set(value) {\n        this.$emit('input', value);\n      },\n    },\n  },\n  methods: {\n    close() {\n      this.reload = !this.reload;\n      this.show = false;\n    },\n    getAllProjects() {\n      let params = {\n        organizationId: this.$store.getters.user.companyId,\n        employeeId: this.$store.getters.selectedUser.id,\n        loaderText: 'loading...',\n      };\n      this.$axios\n        .post('get-available-projects-for-user?format=json', params)\n        .then((response) => {\n          this.projects = response.data;\n        });\n    },\n    confirm() {\n      let params = {\n        userIds: [this.$route.params.id],\n        projectIds: this.selected,\n        loaderText: 'Attaching project...',\n      };\n      this.$axios\n        .post('add-projects-to-employees?format=json', params)\n        .then(() => {\n          this.close();\n          this.$emit('projectAdded');\n        });\n    },\n    onSelect(event) {\n      this.selected = JSON.parse(JSON.stringify(event));\n    },\n  },\n};\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EmployeeProjectList.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EmployeeProjectList.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./EmployeeProjectList.vue?vue&type=template&id=a3a6e0c8\"\nimport script from \"./EmployeeProjectList.vue?vue&type=script&lang=js\"\nexport * from \"./EmployeeProjectList.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","<template>\n  <v-container fluid>\n    <v-row align=\"center\">\n      <v-col cols=\"6\">\n        <SearchBar @search=\"search = $event\" />\n      </v-col>\n      <v-col class=\"grow\" align=\"right\">\n        <v-tooltip bottom>\n          <template v-slot:activator=\"{ on }\">\n            <v-btn\n              class=\"msaBlue white--text\"\n              v-on=\"on\"\n              @click=\"showProjectList = true\"\n            >\n              <v-icon> mdi-tag-plus-outline </v-icon>\n            </v-btn>\n          </template>\n          <span>Attach projects</span>\n        </v-tooltip>\n      </v-col>\n    </v-row>\n    <v-row>\n      <v-col>\n        <v-card>\n          <v-card-title class=\"msaBlue white--text\">\n            Attached Projects\n          </v-card-title>\n          <v-data-table\n            :headers=\"headers\"\n            :items=\"attachedProjects\"\n            :server-items-length=\"attachedProjectCount\"\n            :footer-props=\"$constants.PAGINATION.DEFAULT_FOOTER_PROPS\"\n            :options.sync=\"options\"\n            :no-data-text=\"noDataMessage\"\n            :loading=\"isLoading\"\n            must-sort\n            @update:options=\"loadProjects\"\n          >\n            <template v-slot:body=\"{ items }\" v-if=\"attachedProjectCount > 0\">\n              <v-slide-y-transition group tag=\"tbody\">\n                <template v-for=\"(item, index) in items\">\n                  <tr :key=\"item.id\">\n                    <td class=\"msaBlue--text\">\n                      <router-link\n                        :to=\"{\n                          name: 'CompanyProjects',\n                        }\"\n                        class=\"text-decoration-none\"\n                      >\n                        {{ item.name }}\n                      </router-link>\n                    </td>\n                    <td align=\"center\">\n                      <v-btn\n                        text\n                        color=\"red\"\n                        @click=\"removeProject(item, index)\"\n                      >\n                        <v-icon>mdi-delete</v-icon>\n                      </v-btn>\n                    </td>\n                  </tr>\n                </template>\n              </v-slide-y-transition>\n            </template>\n            <template v-else>\n              <v-row>\n                <v-col>\n                  {{ noDataMessage }}\n                </v-col>\n              </v-row>\n            </template>\n          </v-data-table>\n        </v-card>\n      </v-col>\n    </v-row>\n    <EmployeeProjectList v-model=\"showProjectList\" @projectAdded=\"load\" />\n  </v-container>\n</template>\n<script>\nimport SearchBar from '@/components/SearchBar.vue';\nimport EmployeeProjectList from '@/components/EmployeeProjects/EmployeeProjectList.vue';\nexport default {\n  name: 'UserProjectsPage',\n  components: {\n    EmployeeProjectList,\n    SearchBar,\n  },\n  data() {\n    return {\n      attachedProjects: [],\n      attachedProjectCount: 0,\n      options: {\n        sortBy: ['name'],\n        sortDesc: [false],\n        page: this.$constants.PAGINATION.DEFAULT_PAGE,\n        itemsPerPage: this.$constants.PAGINATION.DEFAULT_PERPAGE,\n      },\n      isLoading: false,\n      headers: [\n        {\n          text: 'Name',\n          value: 'name',\n          align: 'start',\n          class: 'lightGrey',\n        },\n        {\n          text: 'Actions',\n          value: '',\n          align: 'center',\n          class: 'lightGrey',\n          width: '60px',\n          sortable: false,\n        },\n      ],\n      search: '',\n      showProjectList: false,\n      noDataMessage: 'No results found',\n    };\n  },\n  watch: {\n    search() {\n      this.load();\n    },\n  },\n  methods: {\n    loadProjects() {\n      this.isLoading = true;\n      const params = {\n        employeeId: this.$route.params.id,\n        search: this.search,\n        options: this.options,\n      };\n      this.$axios\n        .post('get-projects-by-user?format=json', params)\n        .then((response) => {\n          this.attachedProjects = response.data.items;\n          this.attachedProjectCount = response.data.count;\n          this.$store.commit('updateSelectedUser', {\n            ...response.data.user,\n            status: response.data.user.status == 'Active' ? 1 : 0,\n          });\n          this.isLoading = false;\n        });\n    },\n    removeProject(project, index) {\n      const params = {\n        employeeId: this.$route.params.id,\n        projectId: project.projectId,\n        loaderText: 'Removing project...',\n      };\n      this.$axios\n        .post('remove-project-from-user?format=json', params)\n        .then(() => {\n          this.attachedProjects.splice(index, 1);\n          this.attachedProjectCount -= 1;\n          this.isLoading = true;\n          this.loadProjects();\n        });\n    },\n    load() {\n      this.options.page = 1;\n      this.loadProjects();\n    },\n  },\n};\n</script>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserProjectsPage.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserProjectsPage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./UserProjectsPage.vue?vue&type=template&id=4db171ed\"\nimport script from \"./UserProjectsPage.vue?vue&type=script&lang=js\"\nexport * from \"./UserProjectsPage.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":""}