{"version":3,"sources":["webpack:///./src/views/content/companies/CompanyDetail.vue?640c","webpack:///./src/views/content/companies/ranks/CompanyRankLocalizationsCard.vue?159f","webpack:///./src/views/content/companies/groups/CompanyGroupsEditorCard.vue?a5de","webpack:///./src/views/content/companies/ranks/CompanyRanksEditorCard.vue?0702","webpack:///./src/views/content/companies/CompanyDetail.vue?354c","webpack:///./src/views/content/companies/ranks/CompanyRanksEditorCard.vue?3401","webpack:///./src/views/content/companies/ranks/CompanyRankLocalizationsCard.vue?57c3","webpack:///src/views/content/companies/ranks/CompanyRankLocalizationsCard.vue","webpack:///./src/views/content/companies/ranks/CompanyRankLocalizationsCard.vue?f88c","webpack:///./src/views/content/companies/ranks/CompanyRankLocalizationsCard.vue?240e","webpack:///./src/views/content/companies/ranks/AddCompanyRankCard.vue?6681","webpack:///src/views/content/companies/ranks/AddCompanyRankCard.vue","webpack:///./src/views/content/companies/ranks/AddCompanyRankCard.vue?ef76","webpack:///./src/views/content/companies/ranks/AddCompanyRankCard.vue","webpack:///src/views/content/companies/ranks/CompanyRanksEditorCard.vue","webpack:///./src/views/content/companies/ranks/CompanyRanksEditorCard.vue?71ff","webpack:///./src/views/content/companies/ranks/CompanyRanksEditorCard.vue?4d0f","webpack:///./src/views/content/companies/groups/CompanyGroupsEditorCard.vue?7902","webpack:///./src/views/content/companies/groups/ProductSelectionCard.vue?cea6","webpack:///./src/views/content/companies/groups/CompanyGroupLocalizationsCard.vue?e991","webpack:///src/views/content/companies/groups/CompanyGroupLocalizationsCard.vue","webpack:///./src/views/content/companies/groups/CompanyGroupLocalizationsCard.vue?7663","webpack:///./src/views/content/companies/groups/CompanyGroupLocalizationsCard.vue","webpack:///src/views/content/companies/groups/ProductSelectionCard.vue","webpack:///./src/views/content/companies/groups/ProductSelectionCard.vue?758f","webpack:///./src/views/content/companies/groups/ProductSelectionCard.vue?8e2d","webpack:///./src/views/content/companies/groups/AddCompanyGroupCard.vue?7d5c","webpack:///src/views/content/companies/groups/AddCompanyGroupCard.vue","webpack:///./src/views/content/companies/groups/AddCompanyGroupCard.vue?ea1c","webpack:///./src/views/content/companies/groups/AddCompanyGroupCard.vue","webpack:///src/views/content/companies/groups/CompanyGroupsEditorCard.vue","webpack:///./src/views/content/companies/groups/CompanyGroupsEditorCard.vue?bfe7","webpack:///./src/views/content/companies/groups/CompanyGroupsEditorCard.vue?8eea","webpack:///src/views/content/companies/CompanyDetail.vue","webpack:///./src/views/content/companies/CompanyDetail.vue?b9a2","webpack:///./src/views/content/companies/CompanyDetail.vue?4dc1","webpack:///./src/views/content/companies/groups/ProductSelectionCard.vue?f4fe"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","_s","company","name","company_id","slot","workingCompany","on","$event","type","indexOf","_k","keyCode","key","saveCompany","apply","arguments","model","value","callback","$$v","$set","expression","activeBool","toggleActive","staticRenderFns","onRanksSorted","workingRanks","_l","rank","index","id","staticStyle","prepRankForLocalizationEdit","confirmDeleteRank","showNewRankDialog","rankToEdit","showRankLocalizationsDialog","updateRank","highestOrderNumber","addRank","_e","loading","localization","language_id","getLanguageNameAndCode","saveChanges","component","createRank","newRank","group","products","groupDeleted","updateGroup","showNewGroupDialog","addGroup","division_name","showGroupLocalizationsDialog","confirmDeleteGroup","selectedProducts","product","product_id","unSelectedProducts","productSelectionChanged","onGroupLocalizationUpdate","createGroup","newGroup"],"mappings":"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","file":"js/chunk-68a4da14.5af1979f.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CompanyDetail.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CompanyRankLocalizationsCard.vue?vue&type=style&index=0&id=4e5b3547&lang=css&scoped=true&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CompanyGroupsEditorCard.vue?vue&type=style&index=0&id=40a13622&lang=css&scoped=true&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CompanyRanksEditorCard.vue?vue&type=style&index=0&id=7b16cfee&lang=css&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"main-container\"}},[_c('div',{staticClass:\"vx-row mt-5 mb-2\"},[_c('div',{staticClass:\"vx-col sm:w-1/2 w-full mb-1\"},[_c('h1',[_vm._v(_vm._s(_vm.company.name)+\" (ID: \"+_vm._s(_vm.company.company_id)+\")\")])]),_c('div',{staticClass:\"vx-col sm:w-1/2 w-full mb-1\"},[_c('vs-card',[_c('div',{attrs:{\"slot\":\"media\"},slot:\"media\"},[_c('div',{staticClass:\"vx-row m-2 p-2\"},[_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label\":\"Company Name\",\"description-text\":_vm.workingCompany.name !== _vm.company.name ? \"Press 'Enter' to save changes\" : ''},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.saveCompany.apply(null, arguments)}},model:{value:(_vm.workingCompany.name),callback:function ($$v) {_vm.$set(_vm.workingCompany, \"name\", $$v)},expression:\"workingCompany.name\"}})],1),_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('label',{staticClass:\"label\",attrs:{\"for\":\"active-switch\"}},[_vm._v(\"Active\")]),_c('vs-switch',{attrs:{\"id\":\"active-switch\",\"color\":\"success\",\"checked\":_vm.activeBool},on:{\"input\":_vm.toggleActive}})],1)])])])],1)]),_c('div',{staticClass:\"vx-row mt-1\"},[_c('div',{staticClass:\"vx-col sm:w-1/2 w-full mb-1\"},[_c('company-ranks-editor-card',{attrs:{\"company\":_vm.workingCompany}})],1),_c('div',{staticClass:\"vx-col sm:w-1/2 w-full mb-1\"},[_c('company-groups-editor-card',{attrs:{\"company\":_vm.company}})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{staticClass:\"vs-con-loading__container\",attrs:{\"id\":\"loading-block\",\"collapse-action\":true,\"title\":\"Company Ranks\"}},[_c('SlickList',{staticClass:\"mb-2\",attrs:{\"lockAxis\":\"y\",\"distance\":5},on:{\"input\":_vm.onRanksSorted},model:{value:(_vm.workingRanks),callback:function ($$v) {_vm.workingRanks=$$v},expression:\"workingRanks\"}},_vm._l((_vm.workingRanks),function(rank,index){return _c('SlickItem',{key:rank.id,attrs:{\"index\":index}},[_c('vs-alert',{staticClass:\"p-0 mb-1\",attrs:{\"color\":\"#EAEAEA\"}},[_c('vs-icon',{staticClass:\"float-left\",staticStyle:{\"cursor\":\"grab\"},attrs:{\"size\":\"25px\",\"color\":\"#e5e5f9\",\"icon\":\"menu\"}}),_c('span',{staticClass:\"label ml-3 text-dark\"},[_vm._v(_vm._s(rank.name))]),_c('vs-button',{staticClass:\"float-right\",attrs:{\"type\":\"line\",\"size\":\"small\",\"color\":\"primary\",\"icon\":\"edit\"},on:{\"click\":function($event){return _vm.prepRankForLocalizationEdit(rank)}}}),_c('vs-button',{staticClass:\"float-right mx-2\",attrs:{\"type\":\"line\",\"size\":\"small\",\"color\":\"danger\",\"icon\":\"delete\"},on:{\"click\":function($event){return _vm.confirmDeleteRank(rank)}}})],1)],1)}),1),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full my-2\"},[_c('vs-button',{staticClass:\"float-right\",attrs:{\"color\":\"primary\",\"type\":\"border\",\"icon-after\":\"\",\"icon\":\"add\"},on:{\"click\":function($event){_vm.showNewRankDialog = true}}},[_vm._v(\"New Rank\")])],1)]),_c('vs-prompt',{attrs:{\"buttons-hidden\":\"\",\"title\":_vm.rankToEdit.name,\"active\":_vm.showRankLocalizationsDialog},on:{\"update:active\":function($event){_vm.showRankLocalizationsDialog=$event}}},[_c('div',{staticClass:\"modal-lg\"},[_c('CompanyRankLocalizationCard',{attrs:{\"rank\":_vm.rankToEdit},on:{\"rankUpdated\":_vm.updateRank}})],1)]),_c('vs-prompt',{attrs:{\"buttons-hidden\":\"\",\"title\":\"Add Rank\",\"active\":_vm.showNewRankDialog},on:{\"update:active\":function($event){_vm.showNewRankDialog=$event}}},[_c('div',{staticClass:\"modal-lg\"},[_c('AddCompanyRankCard',{attrs:{\"company\":_vm.company,\"order\":_vm.highestOrderNumber + 1},on:{\"rankCreated\":_vm.addRank}})],1)])],1)}\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',[(_vm.loading)?_c('vs-progress',{attrs:{\"indeterminate\":\"\",\"color\":\"primary\"}}):_vm._e(),(!_vm.loading)?_c('div',{staticClass:\"vx-row mb-1\",staticStyle:{\"max-height\":\"550px\",\"overflow\":\"scroll\"}},[_c('div',{staticClass:\"vx-col  w-full\"},[_vm._l((_vm.workingLocalizations),function(localization,index){return [_c('vs-input',{key:localization.language_id,staticClass:\"w-full py-2 my-2\",attrs:{\"label\":_vm.getLanguageNameAndCode(localization.language_id)},model:{value:(localization.name),callback:function ($$v) {_vm.$set(localization, \"name\", $$v)},expression:\"localization.name\"}})]})],2)]):_vm._e(),(_vm.isModified)?_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full mb-2\"},[_c('vs-button',{staticClass:\"mx-1 w-full\",on:{\"click\":_vm.saveChanges}},[_vm._v(\"Save Changes\")])],1)]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: ProductListItem.vue\n    Description: Item Component - List VIew\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n<template>\n    <div>\n      <vs-progress v-if=\"loading\" indeterminate color=\"primary\"></vs-progress>\n\n      <!--  ROW    -->\n      <div v-if=\"!loading\" class=\"vx-row mb-1\" style=\"max-height: 550px;overflow: scroll;\">\n        <div class=\"vx-col  w-full\">\n          <template\n            v-for=\"(localization, index) in workingLocalizations\" :index=\"index\">\n            <vs-input\n              class=\"w-full py-2 my-2\"\n              :key=\"localization.language_id\"\n              :label=\"getLanguageNameAndCode(localization.language_id)\"\n              v-model=\"localization.name\"\n            />\n          </template>\n\n        </div>\n      </div>\n\n      <div class=\"vx-row\" v-if=\"isModified\">\n        <div class=\"vx-col w-full mb-2\">\n          <vs-button class=\"mx-1 w-full\" @click=\"saveChanges\">Save Changes</vs-button>\n        </div>\n      </div>\n\n    </div>\n\n\n</template>\n\n<script>\n  import types from '@/models';\n  import jsonHtml from '@/misc/jsonHtmlPrinter'\n  import api from '@/http/api';\n\n  export default {\n    // mixins: [\n    //   ContainerMixin,\n    //   ElementMixin\n    // ],\n    data() {\n      return {\n        loading: false,\n        jsonHtml: jsonHtml,\n        showNewRankDialog: false,\n        languages: [new types.Language()],\n        originalLocalizations: [new types.CompanyRankLocalization()],\n        workingLocalizations: [new types.CompanyRankLocalization()],\n      }\n    },\n    props: {\n      rank: {\n        type: types.CompanyRank(),\n        required: true,\n        default: () => {\n          return new types.CompanyRank()\n        }\n      },\n    },\n    watch: {\n      // rank: function (newVal, oldVal) {\n      //   if (JSON.stringify(newVal.ranks) === JSON.stringify(oldVal.ranks)) return;\n      //   this.setRankCopies(newVal.ranks);\n      // },\n    },\n    mounted() {\n      this.fetchLanguages();\n    },\n    computed: {\n      isModified() {\n        return JSON.stringify(this.workingLocalizations) !== JSON.stringify(this.originalLocalizations);\n      }\n    },\n    methods: {\n      async fetchLanguages() {\n        this.loading = true;\n        this.languages = await api.fetchAllLanguages();\n        this.buildWorkingLocalizations()\n        this.loading = false;\n      },\n      getLanguageNameAndCode(id) {\n        try {\n          const lang = this.languages.filter((l) => l.language_id === id)[0];\n          return `${lang.name} (${lang.code}-${lang.country || ''})`;\n        } catch (e) {\n          return '?';\n        }\n      },\n      getRankLocalization(localizations, languageId) {\n        // it is very likely that the rank doesn't have a localization for each language\n        const matches = localizations.filter((l) => l.language_id === languageId);\n        if (matches.length > 0) {\n          return new types.CompanyRankLocalization(matches[0]);\n        }\n        return new types.CompanyRankLocalization({ language_id: languageId });\n      },\n      buildWorkingLocalizations() {\n        this.workingLocalizations = [];\n        this.languages.forEach((lang) => {\n          this.workingLocalizations.push(this.getRankLocalization(this.rank.localizations, lang.language_id))\n        });\n        this.originalLocalizations = JSON.parse(JSON.stringify(this.workingLocalizations));\n      },\n      async saveChanges() {\n        if (!this.isModified) return;\n        this.loading = true;\n\n        let localizationsToSave = [];\n        this.languages.forEach((lang)=> {\n          // only save if the name has changed\n          const original = this.getRankLocalization(this.originalLocalizations, lang.language_id);\n          const modified = this.getRankLocalization(this.workingLocalizations, lang.language_id);\n          if (original.name !== modified.name) {\n            localizationsToSave.push(modified);\n          }\n        });\n        // todo: save via api\n        let newRank = await api.putCompanyRankLocalizations(this.rank, localizationsToSave);\n\n        this.$emit('rankUpdated', newRank);\n\n        this.loading = false;\n\n      },\n      showNotification(success, message) {\n        this.$vs.notify({\n          title: success ? 'Success' : 'Error',\n          text: message ? message : '',\n          color: success ? 'success' : 'danger',\n          icon: success ? 'check_circle_outline' : 'error'});\n      },\n    }\n  }\n</script>\n\n<style lang=\"css\" scoped>\n  .fill-row-loading {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\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!./CompanyRankLocalizationsCard.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!./CompanyRankLocalizationsCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CompanyRankLocalizationsCard.vue?vue&type=template&id=4e5b3547&scoped=true&\"\nimport script from \"./CompanyRankLocalizationsCard.vue?vue&type=script&lang=js&\"\nexport * from \"./CompanyRankLocalizationsCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CompanyRankLocalizationsCard.vue?vue&type=style&index=0&id=4e5b3547&lang=css&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  \"4e5b3547\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"vx-row mb-1\"},[_c('div',{staticClass:\"vx-col  w-full\"},[_c('vs-input',{staticClass:\"w-full my-2\",attrs:{\"label\":\"Name\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.createRank.apply(null, arguments)}},model:{value:(_vm.newRank.name),callback:function ($$v) {_vm.$set(_vm.newRank, \"name\", $$v)},expression:\"newRank.name\"}})],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full my-2 mb-2\"},[_c('vs-button',{staticClass:\"mx-1 w-full\",on:{\"click\":_vm.createRank}},[_vm._v(\"Create Rank\")])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: ProductListItem.vue\n    Description: Item Component - List VIew\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n<template>\n    <div>\n\n      <!--  ROW    -->\n      <div class=\"vx-row mb-1\" >\n        <div class=\"vx-col  w-full\">\n          <vs-input\n            v-on:keydown.enter=\"createRank\"\n            class=\"w-full my-2\"\n            label=\"Name\"\n            v-model=\"newRank.name\"\n          />\n        </div>\n      </div>\n\n      <div class=\"vx-row\">\n        <div class=\"vx-col w-full my-2 mb-2\">\n          <vs-button class=\"mx-1 w-full\" @click=\"createRank\">Create Rank</vs-button>\n        </div>\n      </div>\n\n    </div>\n\n\n</template>\n\n<script>\n  import types from '@/models';\n  import api from '@/http/api';\n\n  export default {\n    data() {\n      return {\n        newRank: new types.CompanyRank(),\n      }\n    },\n    props: {\n      company: {\n        type: types.Company(),\n        required: true,\n        default: () => {\n          return new types.Company()\n        }\n      },\n      order: {\n        type: Number,\n        required: true,\n        default: () => {\n          return 100;\n        }\n      },\n    },\n    methods: {\n      async createRank() {\n        this.$vs.loading();\n        this.newRank.company_id = this.company.company_id;\n        this.newRank.order = this.order + 1;\n\n        let newRank = await api.createCompanyRank(this.newRank);\n        // console.log(newRank);\n        this.$vs.loading.close();\n\n        if (newRank === null) {\n          this.showNotification(false, 'error creating rank');\n          return;\n        }\n\n        this.$emit('rankCreated', newRank);\n\n      },\n      showNotification(success, message) {\n        this.$vs.notify({\n          title: success ? 'Success' : 'Error',\n          text: message ? message : '',\n          color: success ? 'success' : 'danger',\n          icon: success ? 'check_circle_outline' : 'error'});\n      },\n    }\n  }\n</script>\n\n<style lang=\"css\" scoped>\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!./AddCompanyRankCard.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!./AddCompanyRankCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AddCompanyRankCard.vue?vue&type=template&id=3546200c&scoped=true&\"\nimport script from \"./AddCompanyRankCard.vue?vue&type=script&lang=js&\"\nexport * from \"./AddCompanyRankCard.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  \"3546200c\",\n  null\n  \n)\n\nexport default component.exports","<!-- =========================================================================================\n    File Name: ProductListItem.vue\n    Description: Item Component - List VIew\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n<template>\n    <vx-card id=\"loading-block\" class=\"vs-con-loading__container\" :collapse-action=\"true\" title=\"Company Ranks\">\n      <SlickList class=\"mb-2\" lockAxis=\"y\" :distance=\"5\" v-model=\"workingRanks\" @input=\"onRanksSorted\">\n<!--        <vs-list>-->\n          <SlickItem v-for=\"(rank, index) in workingRanks\" :index=\"index\" :key=\"rank.id\">\n            <vs-alert class=\"p-0 mb-1\" color=\"#EAEAEA\">\n              <vs-icon size=\"25px\" color=\"#e5e5f9\" class=\"float-left\" style=\"cursor:grab;\" icon=\"menu\"></vs-icon>\n              <span class=\"label ml-3 text-dark\">{{ rank.name }}</span>\n              <vs-button class=\"float-right\" type=\"line\" size=\"small\" @click=\"prepRankForLocalizationEdit(rank)\" color=\"primary\" icon=\"edit\" ></vs-button>\n              <vs-button class=\"float-right mx-2\" type=\"line\" size=\"small\" @click=\"confirmDeleteRank(rank)\" color=\"danger\" icon=\"delete\" ></vs-button>\n            </vs-alert>\n          </SlickItem>\n<!--        </vs-list>-->\n      </SlickList>\n\n      <div class=\"vx-row\">\n        <div class=\"vx-col w-full my-2\">\n          <vs-button class=\"float-right\" color=\"primary\" type=\"border\" icon-after icon=\"add\" @click=\"showNewRankDialog = true\">New Rank</vs-button>\n        </div>\n      </div>\n\n      <vs-prompt\n        buttons-hidden\n        :title=\"rankToEdit.name\"\n        :active.sync=\"showRankLocalizationsDialog\">\n        <div class=\"modal-lg\">\n          <CompanyRankLocalizationCard :rank=\"rankToEdit\"\n                                       v-on:rankUpdated=\"updateRank\"\n          ></CompanyRankLocalizationCard>\n        </div>\n      </vs-prompt>\n\n      <vs-prompt\n        buttons-hidden\n        title=\"Add Rank\"\n        :active.sync=\"showNewRankDialog\">\n        <div class=\"modal-lg\">\n          <AddCompanyRankCard :company=\"company\"\n                              :order=\"highestOrderNumber + 1\"\n                                       v-on:rankCreated=\"addRank\"\n          ></AddCompanyRankCard>\n        </div>\n      </vs-prompt>\n\n    </vx-card>\n\n\n</template>\n\n<script>\n  import types from '@/models';\n  import jsonHtml from '@/misc/jsonHtmlPrinter'\n  import {productHelpers} from '@/models/helpers';\n  import api from '@/http/api';\n  import { SlickList, SlickItem } from 'vue-slicksort';\n  import CompanyRankLocalizationCard from './CompanyRankLocalizationsCard';\n  import AddCompanyRankCard from './AddCompanyRankCard';\n\n  export default {\n    // mixins: [\n    //   ContainerMixin,\n    //   ElementMixin\n    // ],\n    components: {\n      SlickList,\n      SlickItem,\n      CompanyRankLocalizationCard,\n      AddCompanyRankCard,\n    },\n    data() {\n      return {\n        types: types,\n        jsonHtml: jsonHtml,\n        showNewRankDialog: false,\n        showRankLocalizationsDialog: false,\n        rankToEdit: new types.CompanyRank(),\n        helpers: productHelpers,\n        workingRanks: [],\n        highestOrderNumber: 0,\n      }\n    },\n    props: {\n      company: {\n        type: types.Company(),\n        required: true,\n        default: () => {\n          return new types.Company()\n        }\n      },\n    },\n    watch: {\n      company: function (newVal, oldVal) {\n        if (JSON.stringify(newVal.ranks) === JSON.stringify(oldVal.ranks)) return;\n        this.setRankCopies(newVal.ranks);\n      },\n    },\n    computed: {\n      localizedProperties() {\n        return this.workingRanks.filter((prop) => { return prop.language_id === this.language.language_id});\n      }\n    },\n    methods: {\n      confirmDeleteRank(rank) {\n        this.$vs.dialog({\n          type: 'confirm',\n          color: 'danger',\n          acceptText: 'DELETE',\n          title: `DELETE ${rank.name}`,\n          text: `Are you sure you want to delete this rank?`,\n          accept: () => {\n            this.deleteRank(rank);\n          }\n        })\n      },\n      async deleteRank(rank) {\n        const success = api.deleteCompanyRank(rank);\n        if (!success) {\n          this.showNotification(false, 'error deleting rank');\n          return;\n        }\n        // const refreshedCompany = await api.fetchCompany(this.company.company_id);\n\n        this.showNotification(true, `Rank \"${rank.name}\" Deleted`);\n        // update the rank list with the deleted rank removed.\n        this.setRankCopies(this.workingRanks.filter((r) => r.id !== rank.id));\n      },\n      prepRankForLocalizationEdit(rank) {\n        this.rankToEdit = new types.CompanyRank(rank);\n        this.showRankLocalizationsDialog = true;\n      },\n      showSpinnerOverCard(){\n        this.$vs.loading({\n          container: '#loading-block',\n          scale: 0.6\n        });\n        setTimeout( ()=> {\n          this.hideSpinnerOverCard();\n        }, 3000);\n      },\n      hideSpinnerOverCard() {\n        this.$vs.loading.close('#loading-block > .con-vs-loading')\n\n      },\n      setRankCopies(rankList) {\n        let temp = JSON.parse(JSON.stringify(rankList));\n        if (temp.length > 0) {\n          temp.sort((a,b) => a.order - b.order);\n          this.highestOrderNumber = temp[temp.length - 1].order;\n        }\n        this.workingRanks = temp;\n      },\n      async onRanksSorted(sorted) {\n        this.showSpinnerOverCard();\n\n        // put all the modified ranks into a list\n        let newRanks = [];\n        for (let i=0; i<sorted.length; i++) {\n          let rankToUpdate = this.workingRanks.filter((it) => it.id === sorted[i].id)[0];\n          if (rankToUpdate.order !== i) {\n            rankToUpdate.order = i;\n            newRanks.push(rankToUpdate);\n          }\n        }\n        // patch the changes (if any)\n        if (newRanks.length > 0) {\n          let resultRanks = await api.patchCompanyRanksOrder(this.company, newRanks);\n          this.setRankCopies(resultRanks);\n        }\n        this.hideSpinnerOverCard();\n      },\n      updateRank(newRank) {\n        for (let i = 0; i<this.workingRanks.length; i++) {\n          let rank = this.workingRanks[i];\n          if (rank.id === newRank.id) {\n            this.workingRanks[i] = newRank;\n            return;\n          }\n        }\n      },\n      addRank(newRank) {\n        if (!newRank) return;\n        this.workingRanks.push(newRank);\n        this.setRankCopies(this.workingRanks);\n        this.showNewRankDialog = false;\n      },\n      showNotification(success, message) {\n        this.$vs.notify({\n          title: success ? 'Success' : 'Error',\n          text: message ? message : '',\n          color: success ? 'success' : 'danger',\n          icon: success ? 'check_circle_outline' : 'error'});\n      },\n    }\n  }\n</script>\n\n<style lang=\"css\" scoped>\n  .fill-row-loading {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\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!./CompanyRanksEditorCard.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!./CompanyRanksEditorCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CompanyRanksEditorCard.vue?vue&type=template&id=7b16cfee&scoped=true&\"\nimport script from \"./CompanyRanksEditorCard.vue?vue&type=script&lang=js&\"\nexport * from \"./CompanyRanksEditorCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CompanyRanksEditorCard.vue?vue&type=style&index=0&id=7b16cfee&lang=css&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  \"7b16cfee\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{staticClass:\"vs-con-loading__container\",attrs:{\"id\":\"loading-block-groups-card\",\"collapse-action\":true,\"title\":\"Product Groups\"}},[_vm._l((_vm.workingGroups),function(group){return [_c('ProductSelectionCard',{key:group.id,staticClass:\"mb-1\",attrs:{\"group\":group,\"products\":_vm.products},on:{\"groupDeleted\":_vm.groupDeleted,\"groupUpdated\":_vm.updateGroup}})]}),_c('vs-button',{staticClass:\"ml-auto mt-5 pt-2\",attrs:{\"color\":\"primary\",\"type\":\"border\",\"icon-after\":\"\",\"icon\":\"add\"},on:{\"click\":function($event){_vm.showNewGroupDialog = true}}},[_vm._v(\"Add New Group\")]),_c('vs-prompt',{attrs:{\"buttons-hidden\":\"\",\"title\":\"Add Product Group\",\"active\":_vm.showNewGroupDialog},on:{\"update:active\":function($event){_vm.showNewGroupDialog=$event}}},[_c('div',[_c('AddCompanyGroupCard',{attrs:{\"company\":_vm.company},on:{\"groupCreated\":_vm.addGroup}})],1)])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',[_c('div',{staticClass:\"vx-row no-gutter mb-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('span',{staticClass:\"h5 float-left mt-2 mr-1\"},[_vm._v(_vm._s(_vm.group.division_name))]),_c('vs-button',{staticClass:\"float-left\",attrs:{\"type\":\"line\",\"size\":\"small\",\"color\":\"primary\",\"icon\":\"edit\"},on:{\"click\":function($event){_vm.showGroupLocalizationsDialog = true}}},[_vm._v(\"Name/Localizations\")]),_c('vs-button',{staticClass:\"float-right mx-2\",attrs:{\"type\":\"gradient\",\"size\":\"small\",\"color\":\"danger\",\"icon\":\"delete\"},on:{\"click\":function($event){return _vm.confirmDeleteGroup(_vm.group)}}})],1)]),_c('div',{staticClass:\"vx-row no-gutter\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('label',{attrs:{\"for\":\"foobar\"}},[_vm._v(_vm._s(((_vm.group.products.length) + \" Products\")))]),_c('v-select',{attrs:{\"id\":\"foobar\",\"multiple\":\"\",\"label\":\"name\",\"value\":_vm.selectedProducts,\"reduce\":function (product) { return product.product_id; },\"options\":_vm.unSelectedProducts},on:{\"input\":_vm.productSelectionChanged}})],1)]),_c('vs-prompt',{attrs:{\"buttons-hidden\":\"\",\"title\":\"Edit Group Name\",\"active\":_vm.showGroupLocalizationsDialog},on:{\"update:active\":function($event){_vm.showGroupLocalizationsDialog=$event}}},[_c('div',[_c('CompanyGroupLocalizationsCard',{attrs:{\"group\":_vm.group},on:{\"groupUpdated\":_vm.onGroupLocalizationUpdate}})],1)])],1)}\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',[(_vm.loading)?_c('vs-progress',{attrs:{\"indeterminate\":\"\",\"color\":\"primary\"}}):_vm._e(),(!_vm.loading)?_c('div',{staticClass:\"vx-row mb-1\",staticStyle:{\"max-height\":\"550px\",\"overflow\":\"scroll\"}},[_c('div',{staticClass:\"vx-col  w-full\"},[_vm._l((_vm.workingLocalizations),function(localization,index){return [_c('vs-input',{key:localization.language_id,staticClass:\"w-full py-2 my-2\",attrs:{\"label\":_vm.getLanguageNameAndCode(localization.language_id)},model:{value:(localization.division_name),callback:function ($$v) {_vm.$set(localization, \"division_name\", $$v)},expression:\"localization.division_name\"}})]})],2)]):_vm._e(),(_vm.isModified)?_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full mb-2\"},[_c('vs-button',{staticClass:\"mx-1 w-full\",on:{\"click\":_vm.saveChanges}},[_vm._v(\"Save Changes\")])],1)]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: ProductListItem.vue\n    Description: Item Component - List VIew\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n<template>\n    <div>\n      <vs-progress v-if=\"loading\" indeterminate color=\"primary\"></vs-progress>\n\n      <!--  ROW    -->\n      <div v-if=\"!loading\" class=\"vx-row mb-1\" style=\"max-height: 550px;overflow: scroll;\">\n        <div class=\"vx-col  w-full\">\n          <template\n            v-for=\"(localization, index) in workingLocalizations\" :index=\"index\">\n            <vs-input\n              class=\"w-full py-2 my-2\"\n              :key=\"localization.language_id\"\n              :label=\"getLanguageNameAndCode(localization.language_id)\"\n              v-model=\"localization.division_name\"\n            />\n          </template>\n\n        </div>\n      </div>\n\n      <div class=\"vx-row\" v-if=\"isModified\">\n        <div class=\"vx-col w-full mb-2\">\n          <vs-button class=\"mx-1 w-full\" @click=\"saveChanges\">Save Changes</vs-button>\n        </div>\n      </div>\n\n    </div>\n\n\n</template>\n\n<script>\n  import types from '@/models';\n  import jsonHtml from '@/misc/jsonHtmlPrinter'\n  import api from '@/http/api';\n\n  export default {\n    // mixins: [\n    //   ContainerMixin,\n    //   ElementMixin\n    // ],\n    data() {\n      return {\n        loading: false,\n        jsonHtml: jsonHtml,\n        languages: [new types.Language()],\n        originalLocalizations: [new types.CompanyGroupLocalization()],\n        workingLocalizations: [new types.CompanyGroupLocalization()],\n      }\n    },\n    props: {\n      group: {\n        type: types.CompanyGroup(),\n        required: true,\n        default: () => {\n          return new types.CompanyGroup()\n        }\n      },\n    },\n    watch: {\n      // group: function (newVal, oldVal) {\n      //   if (JSON.stringify(newVal.groups) === JSON.stringify(oldVal.groups)) return;\n      //   this.setRankCopies(newVal.groups);\n      // },\n    },\n    mounted() {\n      console.log(JSON.stringify(this.group));\n      this.fetchLanguages();\n    },\n    computed: {\n      isModified() {\n        return JSON.stringify(this.workingLocalizations) !== JSON.stringify(this.originalLocalizations);\n      }\n    },\n    methods: {\n      async fetchLanguages() {\n        this.loading = true;\n        this.languages = await api.fetchAllLanguages();\n        this.buildWorkingLocalizations();\n        this.loading = false;\n      },\n      getLanguageNameAndCode(id) {\n        try {\n          const lang = this.languages.filter((l) => l.language_id === id)[0];\n          return `${lang.name} (${lang.code}-${lang.country || ''})`;\n        } catch (e) {\n          return '?';\n        }\n      },\n      getGroupLocalization(localizations, languageId) {\n        // it is very likely that the group doesn't have a localization for each language\n        const matches = localizations.filter((l) => l.language_id === languageId);\n        if (matches.length > 0) {\n          return new types.CompanyGroupLocalization(matches[0]);\n        }\n        return new types.CompanyGroupLocalization({ language_id: languageId });\n      },\n      buildWorkingLocalizations() {\n        this.workingLocalizations = [];\n        this.languages.forEach((lang) => {\n          this.workingLocalizations.push(this.getGroupLocalization(this.group.localizations, lang.language_id))\n        });\n        this.originalLocalizations = JSON.parse(JSON.stringify(this.workingLocalizations));\n      },\n      async saveChanges() {\n        if (!this.isModified) return;\n        this.loading = true;\n        let localizationsToSave = [];\n        this.languages.forEach((lang)=> {\n          // only save if the name has changed\n          const original = this.getGroupLocalization(this.originalLocalizations, lang.language_id);\n          const modified = this.getGroupLocalization(this.workingLocalizations, lang.language_id);\n          if (original.division_name !== modified.division_name) {\n            localizationsToSave.push(modified);\n          }\n        });\n\n        let updatedGroup = await api.putCompanyGroupLocalizations(this.group, localizationsToSave);\n\n        this.$emit('groupUpdated', updatedGroup);\n\n        this.loading = false;\n\n      },\n      showNotification(success, message) {\n        this.$vs.notify({\n          title: success ? 'Success' : 'Error',\n          text: message ? message : '',\n          color: success ? 'success' : 'danger',\n          icon: success ? 'check_circle_outline' : 'error'});\n      },\n    }\n  }\n</script>\n\n<style lang=\"css\" scoped>\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!./CompanyGroupLocalizationsCard.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!./CompanyGroupLocalizationsCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CompanyGroupLocalizationsCard.vue?vue&type=template&id=29fb0ec4&scoped=true&\"\nimport script from \"./CompanyGroupLocalizationsCard.vue?vue&type=script&lang=js&\"\nexport * from \"./CompanyGroupLocalizationsCard.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  \"29fb0ec4\",\n  null\n  \n)\n\nexport default component.exports","<!-- =========================================================================================\n    File Name: ProductListItem.vue\n    Description: Item Component - List VIew\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n<template>\n      <vx-card>\n        <div class=\"vx-row no-gutter mb-2\">\n          <div class=\"vx-col w-full\">\n            <span class=\"h5 float-left mt-2 mr-1\">{{ group.division_name }}</span>\n            <vs-button class=\"float-left\" type=\"line\" size=\"small\" @click=\"showGroupLocalizationsDialog = true\" color=\"primary\" icon=\"edit\" >Name/Localizations</vs-button>\n            <vs-button class=\"float-right mx-2\" type=\"gradient\" size=\"small\" @click=\"confirmDeleteGroup(group)\" color=\"danger\" icon=\"delete\" ></vs-button>\n          </div>\n        </div>\n\n        <div class=\"vx-row no-gutter\">\n          <div class=\"vx-col w-full\">\n            <label for=\"foobar\">{{ `${group.products.length} Products` }}</label>\n            <v-select id=\"foobar\" multiple label=\"name\" :value=\"selectedProducts\" :reduce=\"product => product.product_id\" @input=\"productSelectionChanged\" :options=\"unSelectedProducts\" />\n          </div>\n        </div>\n\n\n        <vs-prompt\n          buttons-hidden\n          title=\"Edit Group Name\"\n          :active.sync=\"showGroupLocalizationsDialog\">\n          <div>\n\n            <CompanyGroupLocalizationsCard :group=\"group\"\n                                           v-on:groupUpdated=\"onGroupLocalizationUpdate\"\n            ></CompanyGroupLocalizationsCard>\n          </div>\n        </vs-prompt>\n\n      </vx-card>\n\n</template>\n\n<script>\n  import types from '@/models';\n  import jsonHtml from '@/misc/jsonHtmlPrinter'\n  import {productHelpers} from '@/models/helpers';\n  import api from '@/http/api';\n  import CompanyGroupLocalizationsCard from './CompanyGroupLocalizationsCard';\n\n  export default {\n    components: {\n      CompanyGroupLocalizationsCard,\n    },\n    data() {\n      return {\n        loadingCount: 0,\n        types: types,\n        jsonHtml: jsonHtml,\n        showGroupLocalizationsDialog: false,\n        helpers: productHelpers,\n        selectedProductIds: [],\n        allProducts: [],\n      }\n    },\n    props: {\n      group: {\n        type: types.CompanyGroup(),\n        required: true,\n        default: () => {\n          return new types.CompanyGroup()\n        }\n      },\n      products: {\n        type: Array,\n        required: true,\n        default: () => {\n          return []\n        }\n      },\n    },\n    mounted() {\n      // window.addEventListener(\"keyup\", function(e) {\n      //   if (e.key === 'Escape') {\n      //   }\n      // });\n    },\n    watch: {\n      group(oldVal, newVal) {\n        if (newVal.id === oldVal.id) return;\n        this.setUpWorkingData();\n      },\n      products(oldVal, newVal) {\n        if (JSON.stringify(newVal) === JSON.stringify(oldVal)) return;\n        this.setUpWorkingData();\n      },\n    },\n    computed: {\n      selectedProducts() {\n        return this.allProducts.filter((prod) => {\n          return this.selectedProductIds.indexOf(prod.product_id) !== -1;\n        });\n      },\n      unSelectedProducts() {\n        return this.allProducts.filter((prod) => {\n          return this.selectedProductIds.indexOf(prod.product_id) === -1;\n        });\n      },\n    },\n    methods: {\n      onGroupLocalizationUpdate(updatedGroup) {\n        console.log('group updated received @ ProductSelectionCard');\n        this.$emit('groupUpdated', updatedGroup);\n        this.showGroupLocalizationsDialog = false;\n      },\n      async productSelectionChanged(newSelectedProducts) {\n        if (newSelectedProducts.length === this.selectedProductIds.length) return;\n        const productAdded = newSelectedProducts.length > this.selectedProductIds.length;\n\n        let success = false;\n        if (productAdded) {\n          let addedProductId = newSelectedProducts.filter(x => !this.selectedProductIds.includes(x))[0];\n          console.log(`product ${addedProductId} added`);\n          success = await api.addProductToCompanyGroup(addedProductId, this.group);\n        } else {\n          let removedProductId = this.selectedProductIds.filter(x => !newSelectedProducts.includes(x))[0];\n          console.log(`product ${removedProductId} removed`);\n          success = await api.deleteProductFromCompanyGroup(removedProductId, this.group);\n        }\n\n        this.showNotification(success, productAdded ? `Product added to ${this.group.division_name}` : `Product removed from ${this.group.division_name}`);\n\n        this.selectedProductIds = newSelectedProducts;\n\n      },\n      setUpWorkingData() {\n        this.selectedProductIds = this.group.products.map((prod) => prod.product_id);\n        this.allProducts = this.products.map((prod) => {\n          prod.name = this.helpers.getPreferredName(prod);\n          return prod;\n        });\n      },\n      confirmDeleteGroup(group) {\n        this.$vs.dialog({\n          type: 'confirm',\n          color: 'danger',\n          acceptText: 'DELETE',\n          title: `DELETE ${group.division_name}`,\n          text: `Are you sure you want to delete this group?`,\n          accept: () => {\n            this.deleteGroup(group);\n          }\n        })\n      },\n      async deleteGroup(group) {\n        const success = api.deleteCompanyProductGroup(group);\n        if (!success) {\n          this.showNotification(false, 'error deleting group');\n          return;\n        }\n\n        this.showNotification(true, `Group \"${group.division_name}\" Deleted`);\n\n        this.$emit('groupDeleted', group);\n\n      },\n      showNotification(success, message) {\n        this.$vs.notify({\n          title: success ? 'Success' : 'Error',\n          text: message ? message : '',\n          color: success ? 'success' : 'danger',\n          icon: success ? 'check_circle_outline' : 'error'});\n      },\n    }\n  }\n</script>\n\n<style lang=\"css\" scoped>\n  .fill-row-loading {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\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!./ProductSelectionCard.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!./ProductSelectionCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductSelectionCard.vue?vue&type=template&id=808aa526&scoped=true&\"\nimport script from \"./ProductSelectionCard.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductSelectionCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductSelectionCard.vue?vue&type=style&index=0&id=808aa526&lang=css&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  \"808aa526\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"vx-row mb-1\"},[_c('div',{staticClass:\"vx-col  w-full\"},[_c('vs-input',{staticClass:\"w-full my-2\",attrs:{\"label\":\"Name\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.createGroup.apply(null, arguments)}},model:{value:(_vm.newGroup.division_name),callback:function ($$v) {_vm.$set(_vm.newGroup, \"division_name\", $$v)},expression:\"newGroup.division_name\"}})],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full my-2 mb-2\"},[_c('vs-button',{staticClass:\"mx-1 w-full\",on:{\"click\":_vm.createGroup}},[_vm._v(\"Create Group\")])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: ProductListItem.vue\n    Description: Item Component - List VIew\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n<template>\n    <div>\n\n      <!--  ROW    -->\n      <div class=\"vx-row mb-1\" >\n        <div class=\"vx-col  w-full\">\n          <vs-input\n            v-on:keydown.enter=\"createGroup\"\n            class=\"w-full my-2\"\n            label=\"Name\"\n            v-model=\"newGroup.division_name\"\n          />\n        </div>\n      </div>\n\n      <div class=\"vx-row\">\n        <div class=\"vx-col w-full my-2 mb-2\">\n          <vs-button class=\"mx-1 w-full\" @click=\"createGroup\">Create Group</vs-button>\n        </div>\n      </div>\n\n    </div>\n\n\n</template>\n\n<script>\n  import types from '@/models';\n  import api from '@/http/api';\n\n  export default {\n    data() {\n      return {\n        newGroup: new types.CompanyGroup(),\n      }\n    },\n    props: {\n      company: {\n        type: types.Company(),\n        required: true,\n        default: () => {\n          return new types.Company()\n        }\n      },\n    },\n    methods: {\n      async createGroup() {\n        this.$vs.loading();\n        this.newGroup.parent_company_id = this.company.company_id;\n\n        let newGroup = await api.createCompanyProductGroup(this.newGroup);\n\n        this.$vs.loading.close();\n\n        if (newGroup === null) {\n          this.showNotification(false, 'error creating group');\n          return;\n        }\n\n        this.$emit('groupCreated', newGroup);\n\n      },\n      showNotification(success, message) {\n        this.$vs.notify({\n          title: success ? 'Success' : 'Error',\n          text: message ? message : '',\n          color: success ? 'success' : 'danger',\n          icon: success ? 'check_circle_outline' : 'error'});\n      },\n    }\n  }\n</script>\n\n<style lang=\"css\" scoped>\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!./AddCompanyGroupCard.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!./AddCompanyGroupCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AddCompanyGroupCard.vue?vue&type=template&id=bdcf9516&scoped=true&\"\nimport script from \"./AddCompanyGroupCard.vue?vue&type=script&lang=js&\"\nexport * from \"./AddCompanyGroupCard.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  \"bdcf9516\",\n  null\n  \n)\n\nexport default component.exports","<!-- =========================================================================================\n    File Name: ProductListItem.vue\n    Description: Item Component - List VIew\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n<template>\n    <vx-card id=\"loading-block-groups-card\" class=\"vs-con-loading__container\" :collapse-action=\"true\" title=\"Product Groups\">\n\n      <template v-for=\"(group) in workingGroups\">\n        <ProductSelectionCard\n                              class=\"mb-1\"\n                              :key=\"group.id\"\n                              :group=\"group\"\n                              :products=\"products\"\n                              v-on:groupDeleted=\"groupDeleted\"\n                              v-on:groupUpdated=\"updateGroup\"\n        ></ProductSelectionCard>\n      </template>\n\n      <vs-button class=\"ml-auto mt-5 pt-2\" color=\"primary\" type=\"border\" icon-after icon=\"add\" @click=\"showNewGroupDialog = true\">Add New Group</vs-button>\n\n      <vs-prompt\n        buttons-hidden\n        title=\"Add Product Group\"\n        :active.sync=\"showNewGroupDialog\">\n        <div>\n\n          <AddCompanyGroupCard :company=\"company\"\n                               v-on:groupCreated=\"addGroup\"\n          ></AddCompanyGroupCard>\n        </div>\n      </vs-prompt>\n\n\n    </vx-card>\n\n\n</template>\n\n<script>\n  import types from '@/models';\n  import jsonHtml from '@/misc/jsonHtmlPrinter'\n  import {productHelpers} from '@/models/helpers';\n  import api from '@/http/api';\n  import ProductSelectionCard from './ProductSelectionCard';\n  import AddCompanyGroupCard from './AddCompanyGroupCard';\n\n  export default {\n    // mixins: [\n    //   ContainerMixin,\n    //   ElementMixin\n    // ],\n    components: {\n      ProductSelectionCard,\n      AddCompanyGroupCard,\n    },\n    mounted() {\n      this.fetchAll();\n    },\n    data() {\n      return {\n        loadingCount: 0,\n        types: types,\n        jsonHtml: jsonHtml,\n        showNewGroupDialog: false,\n        helpers: productHelpers,\n        groupToEdit: new types.CompanyGroup(),\n        products: [ ],\n        workingGroups: [],\n      }\n    },\n    props: {\n      company: {\n        type: types.Company(),\n        required: true,\n        default: () => {\n          return new types.Company()\n        }\n      },\n    },\n    watch: {\n      isLoading(oldVal, newVal) {\n        if (!newVal) {\n          this.showSpinnerOverCard();\n        } else {\n          this.hideSpinnerOverCard();\n        }\n      },\n      company(oldVal, newVal) {\n        if (newVal.company_id === oldVal.company_id) return;\n        this.setUpWorkingData();\n        this.fetchAll();\n      },\n    },\n    computed: {\n      isLoading() {\n        return this.loadingCount > 0;\n      }\n    },\n    methods: {\n      setUpWorkingData() {\n        this.workingGroups = this.company.groups.map((g) => new types.CompanyGroup(g));\n      },\n      fetchAll() {\n        this.loadingCount++;\n        Promise.all([\n          this.fetchProducts(),\n          this.fetchGroups(),\n        ]).then(() => {\n          this.loadingCount--;\n        });\n      },\n      confirmDeleteRank(rank) {\n        this.$vs.dialog({\n          type: 'confirm',\n          color: 'danger',\n          acceptText: 'DELETE',\n          title: `DELETE ${rank.name}`,\n          text: `Are you sure you want to delete this rank?`,\n          accept: () => {\n            this.deleteRank(rank);\n          }\n        })\n      },\n      async fetchProducts() {\n        if (this.company.company_id === 0) return;\n        const products = await api.fetchProductsForCompany(this.company.company_id);\n        if (products === null) {\n          this.showNotification(false, 'error fetching company products');\n          return;\n        }\n        this.products = products;\n      },\n      async deleteRank(rank) {\n        const success = api.deleteCompanyRank(rank);\n        if (!success) {\n          this.showNotification(false, 'error deleting rank');\n          return;\n        }\n\n        this.showNotification(true, `Rank \"${rank.name}\" Deleted`);\n        // update the rank list with the deleted rank removed.\n        this.setRankCopies(this.workingGroups.filter((r) => r.id !== rank.id));\n      },\n      showSpinnerOverCard(){\n        this.$vs.loading({\n          container: '#loading-block-groups-card',\n          scale: 0.6\n        });\n      },\n      hideSpinnerOverCard() {\n        this.$vs.loading.close('#loading-block-groups-card > .con-vs-loading')\n      },\n      updateGroup(newGroup) {\n        console.log('group updated received @ CompanyGroupsEditorCard');\n        for (let i = 0; i<this.workingGroups.length; i++) {\n          let rank = this.workingGroups[i];\n          if (rank.id === newGroup.id) {\n            this.workingGroups[i] = newGroup;\n          }\n        }\n        this.fetchGroups();\n      },\n      async fetchGroups() {\n        if (this.company.company_id === 0) return;\n        this.loadingCount++;\n\n        this.workingGroups = await api.fetchCompanyGroups(this.company.company_id);\n\n        this.loadingCount--;\n      },\n      addGroup(newGroup) {\n        if (!newGroup) return;\n        this.workingGroups.push(newGroup);\n        this.showNewGroupDialog = false;\n        window.location = `${window.location}`;\n      },\n      groupDeleted(deletedGroup) {\n        if (!deletedGroup) return;\n        let removeAtIndex = null;\n        for (let i=0;i<this.workingGroups.length;i++) {\n          if (this.workingGroups[i].id === deletedGroup.id) {\n            removeAtIndex = i;\n          }\n        }\n        this.workingGroups.splice(removeAtIndex, 1);\n        this.showNewGroupDialog = false;\n      },\n      showNotification(success, message) {\n        this.$vs.notify({\n          title: success ? 'Success' : 'Error',\n          text: message ? message : '',\n          color: success ? 'success' : 'danger',\n          icon: success ? 'check_circle_outline' : 'error'});\n      },\n    }\n  }\n</script>\n\n<style lang=\"css\" scoped>\n  .fill-row-loading {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\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!./CompanyGroupsEditorCard.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!./CompanyGroupsEditorCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CompanyGroupsEditorCard.vue?vue&type=template&id=40a13622&scoped=true&\"\nimport script from \"./CompanyGroupsEditorCard.vue?vue&type=script&lang=js&\"\nexport * from \"./CompanyGroupsEditorCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CompanyGroupsEditorCard.vue?vue&type=style&index=0&id=40a13622&lang=css&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  \"40a13622\",\n  null\n  \n)\n\nexport default component.exports","<!-- =========================================================================================\n  File Name: ECommerceShop.vue\n  Description: eCommerce Shop Page\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n    Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n<template>\n  <div id=\"main-container\">\n    <div class=\"vx-row mt-5 mb-2\">\n      <div class=\"vx-col sm:w-1/2 w-full mb-1\">\n        <h1>{{ company.name }} (ID: {{ company.company_id }})</h1>\n      </div>\n      <div class=\"vx-col sm:w-1/2 w-full mb-1\">\n        <vs-card>\n          <div slot=\"media\">\n            <div class=\"vx-row m-2 p-2\">\n              <div class=\"vx-col sm:w-2/3 w-full\">\n                <vs-input\n                  class=\"w-full\"\n                  v-on:keydown.enter=\"saveCompany\"\n                  label=\"Company Name\"\n                  v-model=\"workingCompany.name\"\n                  :description-text=\"workingCompany.name !== company.name ? `Press 'Enter' to save changes` : ''\"\n                />\n              </div>\n              <div class=\"vx-col sm:w-1/3 w-full\">\n                <!--   ACTIVE   -->\n                <label class=\"label\" for=\"active-switch\">Active</label>\n                <vs-switch\n                  id=\"active-switch\"\n                  color=\"success\"\n                  v-bind:checked=\"activeBool\"\n                  v-on:input=\"toggleActive\"/>\n\n              </div>\n              <!--              <vs-button class=\"ml-auto\" color=\"danger\" icon=\"delete_outline\" type=\"gradient\" >Delete Company</vs-button>-->\n            </div>\n          </div>\n\n        </vs-card>\n      </div>\n    </div>\n\n\n    <div class=\"vx-row mt-1\">\n      <div class=\"vx-col sm:w-1/2 w-full mb-1\">\n        <company-ranks-editor-card :company=\"workingCompany\"></company-ranks-editor-card>\n      </div>\n      <div class=\"vx-col sm:w-1/2 w-full mb-1\">\n        <company-groups-editor-card :company=\"company\"></company-groups-editor-card>\n      </div>\n    </div>\n<!--    <div class=\"mt-5\" v-html=\"jsonHtml.toHtml(company)\"></div>-->\n  </div>\n</template>\n\n<script>\n  import api from '@/http/api';\n  import types from '@/models';\n  import jsonHtml from '@/misc/jsonHtmlPrinter'\n  import helpers from '@/models/helpers';\n  import CompanyRanksEditorCard from './ranks/CompanyRanksEditorCard';\n  import CompanyGroupsEditorCard from './groups/CompanyGroupsEditorCard';\n\n  export default {\n    components: {\n      CompanyRanksEditorCard,\n      CompanyGroupsEditorCard,\n    },\n    mounted() {\n      this.fetchAll();\n    },\n    data() {\n      return {\n        jsonHtml: jsonHtml,\n        isLoading: false,\n        company: new types.Company(),\n        workingCompany: new types.Company(),\n        cyclopedias: [new types.Cyclopedia()],\n        currentLocalization: new types.Localization(),\n        languages: [new types.Language()],\n        allProductTypes: [new types.ProductType()],\n        helpers: helpers,\n      }\n    },\n    computed: {\n      companyId() {\n        return this.$route.query.id || null;\n      },\n      activeBool() {\n        return this.workingCompany.active === 1;\n      },\n      defaultLanguageId() {\n        return Number(this.$route.query.lang) || null;\n      },\n      howManyUnsavedChanges() {\n        let count = 0;\n        let keys = Object.keys(this.unsavedChanges);\n        for (let i = 0; i < keys.length; i++) {\n          if (this.unsavedChanges[keys[i]]) {\n            count++;\n          }\n        }\n        return count;\n      },\n    },\n    watch: {\n      isLoading(oldVal, newVal) {\n        if (!newVal) {\n          this.$vs.loading();\n        } else {\n          this.$vs.loading.close();\n        }\n      }\n    },\n    methods: {\n      async saveCompany() {\n        if (JSON.stringify(this.workingCompany) === JSON.stringify(this.company)) return;\n\n        const company = await api.patchCompany(this.workingCompany);\n        if (company === null) {\n          this.showNotification(false, `Error updating ${this.company.name}`);\n          this.setCompanyCopies(this.company);\n          return;\n        }\n\n        this.showNotification(true, `${company.name} updated successfully`);\n\n        this.setCompanyCopies(company);\n\n      },\n      toggleActive() {\n        if (this.activeBool) {\n          this.workingCompany.active = 0;\n        } else {\n          this.workingCompany.active = 1;\n        }\n        this.saveCompany();\n      },\n      showNotification(success, message) {\n        this.$vs.notify({\n          title: success ? 'Success' : 'Error',\n          text: message ? message : '',\n          color: success ? 'success' : 'danger',\n          icon: success ? 'check_circle_outline' : 'error'\n        });\n      },\n      fetchAll() {\n        this.isLoading = true;\n        Promise.all([\n          this.fetchCompany(),\n        ]).then(() => {\n          this.isLoading = false;\n        });\n      },\n      async fetchCompany() {\n        const company = await api.fetchCompany(this.companyId);\n        this.setCompanyCopies(company);\n      },\n      setCompanyCopies(company) {\n        this.company = company;\n        this.workingCompany = new types.Company(this.company);\n      },\n    },\n  }\n\n</script>\n\n\n<style lang=\"scss\">\n  #main-container {\n\n    .algolia-header {\n      .algolia-filters-label {\n        width: calc(260px + 2.4rem);\n      }\n    }\n\n    #algolia-content-container {\n\n      .vs-sidebar {\n        position: relative;\n        float: left;\n      }\n    }\n\n    .algolia-search-input-right-aligned-icon {\n      padding: 1rem 1.5rem;\n    }\n\n    .algolia-price-slider {\n      min-width: unset;\n    }\n\n    .item-view-primary-action-btn {\n      color: #2c2c2c !important;\n      background-color: #f6f6f6;\n      min-width: 50%;\n    }\n\n    .item-view-secondary-action-btn {\n      min-width: 50%;\n    }\n  }\n\n  .theme-dark {\n    #main-container {\n      #algolia-content-container {\n        .vs-sidebar {\n          background-color: #10163a;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 992px) {\n    .vs-sidebar-rounded {\n      .vs-sidebar {\n        border-radius: .5rem;\n      }\n\n      .vs-sidebar--items {\n        border-radius: .5rem;\n      }\n    }\n  }\n\n  @media (max-width: 992px) {\n    #algolia-content-container {\n      .vs-sidebar {\n        position: absolute !important;\n        float: none !important;\n      }\n    }\n  }\n\n</style>\n\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!./CompanyDetail.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!./CompanyDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CompanyDetail.vue?vue&type=template&id=69a47d2c&\"\nimport script from \"./CompanyDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./CompanyDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CompanyDetail.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductSelectionCard.vue?vue&type=style&index=0&id=808aa526&lang=css&scoped=true&\""],"sourceRoot":""}