{"version":3,"sources":["webpack:///./src/views/clienttool/ClientToolView.vue","webpack:///./src/views/clienttool/ClientToolService.js","webpack:///src/views/clienttool/ClientToolView.vue","webpack:///./src/views/clienttool/ClientToolView.vue?330a","webpack:///./src/views/clienttool/ClientToolView.vue?c7cf","webpack:///./src/views/clienttool/ClientToolView.vue?948e"],"names":["render","_vm","this","_c","_self","$userInfo","attrs","canManage","on","onHeaderButtonClicked","staticClass","activeDevices","length","isLoading","_l","device","index","key","isEdit","staticStyle","directives","name","rawName","value","deviceName","expression","class","$v","devices","$each","$error","domProps","$event","target","composing","$set","$dirty","required","_v","_e","_s","toggleEdit","deleteDevice","_m","deviceId","deviceInformation","formats","locale","scopedSlots","_u","fn","inputValue","inputEvents","_g","model","selectedDate","callback","$$v","$filters","formatDateLocale","registeredDate","isConfirmModalActive","deleteEntity","slot","staticRenderFns","getDevices","companyId","url","FqApi","get","result","data","saveDevice","entity","id","put","insertDevice","post","components","AppDetailHeader","ConfirmModal","mixins","title","weekdays","navMonths","input","dayPopover","highlight","backgroundColor","popover","label","dates","computed","created","validations","mounted","methods","action","getClientToolDevices","ClientToolService","console","response","addNew","active","isNew","confirmDelete","component"],"mappings":"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","file":"static/js/client-tool-chunk.00d149e6.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.$userInfo)?_c('div',[_c('app-detail-header',{attrs:{\"show-toggle\":false,\"show-new\":_vm.canManage,\"show-print\":false,\"show-delete\":false,\"show-save\":false,\"show-cancel\":false},on:{\"appDetailHeaderButtonClicked\":_vm.onHeaderButtonClicked}}),_c('div',{staticClass:\"tile is-ancestor is-parent\"},[(_vm.activeDevices.length === 0 && !_vm.isLoading)?_c('div',{staticClass:\"tile is-parent\"},[_vm._m(0)]):_c('div',{staticClass:\"tile is-parent\"},[_c('div',{staticClass:\"columns is-multiline\"},_vm._l((_vm.activeDevices),function(device,index){return _c('div',{key:index,staticClass:\"column is-narrow\"},[(device)?_c('div',{staticClass:\"card\"},[_c('header',{staticClass:\"card-header\"},[_c('p',{staticClass:\"card-header-title\"},[(!device.isEdit)?_c('span',{staticClass:\"is-uppercase\"},[_vm._v(_vm._s(device.deviceName))]):_c('span',{staticStyle:{\"width\":\"100%\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(device.deviceName),expression:\"device.deviceName\"}],staticClass:\"input is-uppercase\",class:{ 'is-static': !device.isEdit, 'is-danger' : _vm.$v.devices.$each[index].deviceName.$error },attrs:{\"readonly\":!device.isEdit,\"placeholder\":\"Device Name\"},domProps:{\"value\":(device.deviceName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(device, \"deviceName\", $event.target.value)}}}),(_vm.$v.devices.$each[index].deviceName.$dirty && !_vm.$v.devices.$each[index].deviceName.required)?_c('span',{staticClass:\"help is-danger\"},[_vm._v(\"Device Name is required.\")]):_vm._e()])]),(_vm.canManage)?_c('div',{staticClass:\"buttons\",staticStyle:{\"margin-right\":\"5px\",\"margin-top\":\"-5px\"}},[_c('a',{staticClass:\"has-text-primary is-outlined\",on:{\"click\":function($event){return _vm.toggleEdit(index, device)}}},[_c('span',{staticClass:\"icon\"},[_c('i',{staticClass:\"mdi mdi-24px\",class:[device.isEdit ? 'mdi-content-save' : 'mdi-lead-pencil'],attrs:{\"aria-hidden\":\"true\"}})])]),_c('a',{staticClass:\"has-text-danger is-outlined\",on:{\"click\":function($event){return _vm.deleteDevice(index, device)}}},[_vm._m(1,true)])]):_vm._e()]),_c('div',{staticClass:\"card-content\"},[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"field\"},[_c('label',{staticClass:\"label is-small\"},[_vm._v(\"Device ID\")]),_c('div',{staticClass:\"control\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(device.deviceId),expression:\"device.deviceId\"}],staticClass:\"input is-small deviceid-input-small is-uppercase\",class:{ 'is-static': !device.isEdit, 'is-danger' : _vm.$v.devices.$each[index].deviceId.$error },attrs:{\"readonly\":!device.isEdit,\"placeholder\":\"Device ID\"},domProps:{\"value\":(device.deviceId)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(device, \"deviceId\", $event.target.value)}}}),(_vm.$v.devices.$each[index].deviceId.$dirty && !_vm.$v.devices.$each[index].deviceId.required)?_c('span',{staticClass:\"help is-danger\"},[_vm._v(\"Device ID is required.\")]):_vm._e()])]),_c('div',{staticClass:\"field\"},[_c('div',{staticClass:\"field-body\"},[_c('div',{staticClass:\"field\"},[_c('label',{staticClass:\"label is-small\"},[_vm._v(\"Device Information\")]),_c('div',{staticClass:\"control\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(device.deviceInformation),expression:\"device.deviceInformation\"}],staticClass:\"input is-small\",class:{ 'is-static': !device.isEdit, 'is-danger' : _vm.$v.devices.$each[index].deviceInformation.$error },attrs:{\"readonly\":!device.isEdit,\"placeholder\":\"Device ID\"},domProps:{\"value\":(device.deviceInformation)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(device, \"deviceInformation\", $event.target.value)}}}),(_vm.$v.devices.$each[index].deviceInformation.$dirty && !_vm.$v.devices.$each[index].deviceInformation.required)?_c('span',{staticClass:\"help is-danger\"},[_vm._v(\"Device Information is required.\")]):_vm._e()])]),(!device.isEdit)?_c('div',{staticClass:\"field\"},[_c('label',{staticClass:\"label is-small\"},[_vm._v(\"Registered Date\")]),_c('div',{staticClass:\"control\"},[_c('span',{staticClass:\"is-size-7\"},[_vm._v(_vm._s(_vm.$filters.formatDateLocale(device.registeredDate, _vm.$userInfo.locale)))])])]):_c('div',{staticClass:\"field\"},[_c('label',{staticClass:\"label is-small\"},[_vm._v(\"Registered Date\")]),_c('v-date-picker',{attrs:{\"masks\":_vm.formats,\"attributes\":_vm.attrs,\"locale\":_vm.$userInfo.locale,\"disabled\":!device.isEdit},scopedSlots:_vm._u([{key:\"default\",fn:function({ inputValue, inputEvents }){return [_c('div',{staticClass:\"field\"},[_c('div',{staticClass:\"control has-icons-left\"},[_c('input',_vm._g({staticClass:\"input is-small\",attrs:{\"type\":\"text\",\"placeholder\":\"Registered Date\"},domProps:{\"value\":inputValue}},inputEvents)),_c('span',{staticClass:\"icon is-small is-left\"},[_c('i',{staticClass:\"mdi mdi-calendar mdi-18px\"})])])])]}}],null,true),model:{value:(device.selectedDate),callback:function ($$v) {_vm.$set(device, \"selectedDate\", $$v)},expression:\"device.selectedDate\"}})],1)])])])])]):_vm._e()])}),0)])]),(_vm.device)?_c('confirm-modal',{attrs:{\"active\":_vm.isConfirmModalActive,\"ok-text\":'Yes',\"cancel-text\":'No'},on:{\"update:active\":function($event){_vm.isConfirmModalActive=$event},\"ok\":function($event){return _vm.deleteEntity(true)},\"cancel\":function($event){return _vm.deleteEntity(false)}}},[_c('p',{attrs:{\"slot\":\"text-title\"},slot:\"text-title\"},[_vm._v(\"Delete Device Registration\")]),_c('p',{attrs:{\"slot\":\"text-content\"},slot:\"text-content\"},[_vm._v(\" Device \"),_c('span',{staticClass:\"has-text-primary has-text-weight-bold\"},[_vm._v(_vm._s(`${_vm.device.deviceName}`))]),_vm._v(\" will be de-registered. Continue? \")])]):_vm._e()],1):_vm._e()\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"tile is-vertical is-12\"},[_c('div',{staticClass:\"box\"},[_c('section',{staticClass:\"section\"},[_c('div',{staticClass:\"content has-text-grey has-text-centered\"},[_c('span',{attrs:{\"icon\":\"icon is-large\"}},[_c('i',{staticClass:\"mdi mdi-48px mdi-emoticon-sad\"})]),_c('p',[_vm._v(\"No devices registered\")])])])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"icon\"},[_c('i',{staticClass:\"mdi mdi-delete mdi-24px\",attrs:{\"aria-hidden\":\"true\"}})])\n}]\n\nexport { render, staticRenderFns }","import FqApi from '@/services/fq-api'\n\nexport default {\n  async getDevices(companyId) {\n    const url = `/clienttools/devices/${companyId}`\n    const result = await FqApi.get(url)\n    return result.data\n  },\n  async saveDevice(entity) {\n    const url = `/clienttools/${entity.id}`\n    const result = await FqApi.put(url, entity)\n    return result.data\n  },\n  async insertDevice(entity) {\n    const url = '/clienttools/'\n    const result = await FqApi.post(url, entity)\n    return result\n  }\n}\n","<template>\n  <div v-if=\"$userInfo\">\n    <app-detail-header :show-toggle=\"false\"\n      :show-new=\"canManage\"\n      :show-print=\"false\"\n      :show-delete=\"false\"\n      :show-save=\"false\"\n      :show-cancel=\"false\"\n      @appDetailHeaderButtonClicked=\"onHeaderButtonClicked\" />\n    <!-- <div class=\"columns is-gapless\">\n      <div class=\"column\"> -->\n    <div class=\"tile is-ancestor is-parent\">\n      <div v-if=\"activeDevices.length === 0 && !isLoading\"\n        class=\"tile is-parent\">\n        <div class=\"tile is-vertical is-12\">\n          <div class=\"box\">\n            <section class=\"section\">\n              <div class=\"content has-text-grey has-text-centered\">\n                <span icon=\"icon is-large\">\n                  <i class=\"mdi mdi-48px mdi-emoticon-sad\" />\n                </span>\n                <p>No devices registered</p>\n              </div>\n            </section>\n          </div>\n        </div>\n      </div>\n      <div v-else\n        class=\"tile is-parent\">\n        <div class=\"columns is-multiline\">\n          <div v-for=\"(device, index) in activeDevices\"\n            :key=\"index\"\n            class=\"column is-narrow\">\n            <div v-if=\"device\"\n              class=\"card\">\n              <header class=\"card-header\">\n                <p class=\"card-header-title\">\n                  <span v-if=\"!device.isEdit\"\n                    class=\"is-uppercase\">{{ device.deviceName }}</span>\n                  <span v-else\n                    style=\"width: 100%\">\n                    <input class=\"input is-uppercase\"\n                      :class=\"{ 'is-static': !device.isEdit, 'is-danger' : $v.devices.$each[index].deviceName.$error }\"\n                      :readonly=\"!device.isEdit\"\n                      v-model=\"device.deviceName\"\n                      placeholder=\"Device Name\">\n                    <span class=\"help is-danger\"\n                      v-if=\"$v.devices.$each[index].deviceName.$dirty && !$v.devices.$each[index].deviceName.required\">Device Name is required.</span>\n                  </span>\n                </p>\n                <div v-if=\"canManage\"\n                  class=\"buttons\"\n                  style=\"margin-right: 5px; margin-top: -5px\">\n                  <a class=\"has-text-primary is-outlined\"\n                    @click=\"toggleEdit(index, device)\">\n                    <span class=\"icon\">\n                      <i class=\"mdi mdi-24px\"\n                        :class=\"[device.isEdit ? 'mdi-content-save' : 'mdi-lead-pencil']\"\n                        aria-hidden=\"true\" />\n                    </span>\n                  </a>\n                  <a class=\"has-text-danger is-outlined\"\n                    @click=\"deleteDevice(index, device)\">\n                    <span class=\"icon\">\n                      <i class=\"mdi mdi-delete mdi-24px\"\n                        aria-hidden=\"true\" />\n                    </span>\n                  </a>\n                </div>\n              </header>\n              <div class=\"card-content\">\n                <div class=\"content\">\n                  <div class=\"field\">\n                    <label class=\"label is-small\">Device ID</label>\n                    <div class=\"control\">\n                      <input class=\"input is-small deviceid-input-small is-uppercase\"\n                        :class=\"{ 'is-static': !device.isEdit, 'is-danger' : $v.devices.$each[index].deviceId.$error }\"\n                        :readonly=\"!device.isEdit\"\n                        v-model=\"device.deviceId\"\n                        placeholder=\"Device ID\">\n                      <span class=\"help is-danger\"\n                        v-if=\"$v.devices.$each[index].deviceId.$dirty && !$v.devices.$each[index].deviceId.required\">Device ID is required.</span>\n                    </div>\n                  </div>\n                  <div class=\"field\">\n                    <div class=\"field-body\">\n                      <div class=\"field\">\n                        <label class=\"label is-small\">Device Information</label>\n                        <div class=\"control\">\n                          <input class=\"input is-small\"\n                            :class=\"{ 'is-static': !device.isEdit, 'is-danger' : $v.devices.$each[index].deviceInformation.$error }\"\n                            :readonly=\"!device.isEdit\"\n                            v-model=\"device.deviceInformation\"\n                            placeholder=\"Device ID\">\n                          <span class=\"help is-danger\"\n                            v-if=\"$v.devices.$each[index].deviceInformation.$dirty && !$v.devices.$each[index].deviceInformation.required\">Device Information is required.</span>\n                        </div>\n                      </div>\n                      <div v-if=\"!device.isEdit\"\n                        class=\"field\">\n                        <label class=\"label is-small\">Registered Date</label>\n                        <div class=\"control\">\n                          <span class=\"is-size-7\">{{ $filters.formatDateLocale(device.registeredDate, $userInfo.locale) }}</span>\n                          <!-- <input class=\"input is-small\"\n                        :class=\"{ 'is-static': !device.isEdit }\"\n                        :readonly=\"!device.isEdit\"\n                        v-model=\"device.registeredDate\"\n                        placeholder=\"Device ID\"> -->\n                        </div>\n                      </div>\n                      <div v-else\n                        class=\"field\">\n                        <label class=\"label is-small\">Registered Date</label>\n                        <v-date-picker v-model=\"device.selectedDate\"\n                          :masks=\"formats\"\n                          :attributes=\"attrs\"\n                          :locale=\"$userInfo.locale\"\n                          :disabled=\"!device.isEdit\">\n                          <template v-slot=\"{ inputValue, inputEvents }\">\n                            <div class=\"field\">\n                              <div class=\"control has-icons-left\">\n                                <input type=\"text\"\n                                  class=\"input is-small\"\n                                  placeholder=\"Registered Date\"\n                                  :value=\"inputValue\"\n                                  v-on=\"inputEvents\">\n                                <span class=\"icon is-small is-left\">\n                                  <i class=\"mdi mdi-calendar mdi-18px\" />\n                                </span>\n                              </div>\n                            </div>\n                          </template>\n                        </v-date-picker>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <confirm-modal v-if=\"device\"\n      :active.sync=\"isConfirmModalActive\"\n      @ok=\"deleteEntity(true)\"\n      @cancel=\"deleteEntity(false)\"\n      :ok-text=\"'Yes'\"\n      :cancel-text=\"'No'\">\n      <p slot=\"text-title\">Delete Device Registration</p>\n      <p slot=\"text-content\">\n        Device\n        <span class=\"has-text-primary has-text-weight-bold\">{{ `${device.deviceName}` }}</span> will be de-registered. Continue?\n        <!-- <span class=\"tag is-danger\">In-Active</span> anyway? -->\n      </p>\n    </confirm-modal>\n  </div>\n  <!-- </div>\n  </div> -->\n</template>\n\n<script>\nimport AppDetailHeader from '@/components/AppDetailHeader'\nimport { DateTimeFiltersMixin } from '@/components/mixins/filters'\nimport { AppHeaderButtonTypes } from '@/enums'\nimport { required } from 'vuelidate/lib/validators'\nimport ClientToolService from './ClientToolService'\nimport { ConfirmModal } from '@/components/BulmaModal'\n\nexport default {\n  name: 'ClientTool',\n  components: {\n    AppDetailHeader,\n    ConfirmModal\n  },\n  mixins: [DateTimeFiltersMixin],\n  data: () => ({\n    formats: {\n      title: 'MMMM YYYY',\n      weekdays: 'W',\n      navMonths: 'MMM',\n      input: ['L', 'DD-MM-YYYY', 'DD/MM/YYYY'],\n      data: ['L', 'DD-MM-YYYY', 'DD/MM/YYYY'],\n      dayPopover: 'L'\n    },\n    attrs: [\n      {\n        key: 'today',\n        highlight: {\n          backgroundColor: '#ff8080'\n        },\n        popover: {\n          label: 'Today'\n        },\n        dates: new Date()\n      }\n    ],\n    devices: [],\n    isConfirmModalActive: false,\n    device: null,\n    isLoading: false\n  }),\n  computed: {\n    canManage() {\n      return this.$userInfo.isSupportUser\n    },\n    activeDevices() {\n      return this.devices.filter(d => d.active)\n    }\n  },\n  created() {\n    this.getClientToolDevices()\n  },\n  validations: {\n    devices: {\n      $each: {\n        deviceId: {\n          required\n        },\n        deviceName: {\n          required\n        },\n        deviceInformation: {\n          required\n        },\n        registeredDate: {\n          required\n        }\n      }\n    }\n  },\n  mounted() {},\n  methods: {\n    onHeaderButtonClicked(action) {\n      switch (action) {\n        case AppHeaderButtonTypes.AddNew:\n          this.addNew()\n          break\n        case AppHeaderButtonTypes.Print:\n          break\n        case AppHeaderButtonTypes.Delete:\n          break\n        case AppHeaderButtonTypes.Save:\n          break\n        case AppHeaderButtonTypes.Cancel:\n          break\n      }\n    },\n    async getClientToolDevices() {\n      // this.devices.splice(this.devices.length, 1, {\n      //   deviceName: 'TONY-PC',\n      //   deviceId: 'EJPPG-VMDOZ-BAQYU-NKLGA-HKBSA-UFXCA-PRVUT-LJTGK-JIWVJ-OBQAT-QMNFN-SXTWA',\n      //   deviceInformation: 'Windows 10 Pro',\n      //   registeredDate: '2019-09-17T14:00:00Z',\n      //   selectedDate: new Date('2019-09-17T14:00:00Z'),\n      //   isEdit: false\n      // })\n      // this.devices.splice(this.devices.length, 1, {\n      //   deviceName: 'TANYA-PC',\n      //   deviceId: 'EJPPG-VMDOZ-BAQYU-NKLGA-HKBSA-UFXCA-PRVUT-LJTGK-JIWVJ-OBQAT-QMNFN-SXTWB',\n      //   deviceInformation: 'Windows 10 Pro',\n      //   registeredDate: '2019-09-19T14:00:00Z',\n      //   selectedDate: new Date('2019-09-19T14:00:00Z'),\n      //   isEdit: false\n      // })\n      // this.devices.splice(this.devices.length, 1, {\n      //   deviceName: 'HAROLD-PC',\n      //   deviceId: 'EJPPG-VMDOZ-BAQYU-NKLGA-HKBSA-UFXCA-PRVUT-LJTGK-JIWVJ-OBQAT-QMNFN-SXTWC',\n      //   deviceInformation: 'Windows 10 Pro',\n      //   registeredDate: '2019-09-18T14:00:00Z',\n      //   selectedDate: new Date('2019-09-18T14:00:00Z'),\n      //   isEdit: false\n      // })\n      this.isLoading = true\n      this.devices = await ClientToolService.getDevices(this.$userInfo.companyId)\n      console.log(this.devices)\n      this.devices.forEach(d => d.selectedDate = new Date(d.registeredDate))\n      this.isLoading = false\n    },\n    async toggleEdit(index, device) {\n      device.isEdit = !device.isEdit\n      if (!device.isEdit) {\n        // Save device changes\n        this.$v.devices.$touch()\n        console.log('Saving', device)\n        if (!device.deviceName || !device.deviceId || !device.deviceInformation) {\n          this.$notification.openNotificationWithType('danger', 'Client Tool', 'Validation errors. Please fix before saving')\n          device.isEdit = true\n        } else {\n          device.deviceId = device.deviceId.toUpperCase()\n          device.deviceName = device.deviceName.toUpperCase()\n          device.registeredDate = device.selectedDate.toISOString().split('.')[0] + 'Z'\n          if (device.isNew) {\n            const response = await ClientToolService.insertDevice(device)\n            response.data.selectedDate = new Date(response.data.registeredDate)\n            this.devices.splice(index, 1, response.data)\n            console.log('insert', response)\n            this.$notification.openNotificationWithType('success', 'Client Tool', 'New device registration added')\n          } else {\n            const response = await ClientToolService.saveDevice(device)\n            this.$notification.openNotificationWithType('success', 'Client Tool', 'Device registration saved')\n            // this.devices.splice(index, 1, response.data)\n            console.log('insert', response)\n          }\n        }\n      }\n    },\n    addNew() {\n      const utcDate = new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate()).toISOString()\n      const newDevice = {\n        id: this.$guid.newGuid(),\n        companyId: this.$userInfo.companyId,\n        deviceId: '',\n        deviceName: '',\n        deviceInformation: '',\n        registeredDate: utcDate.split('.')[0] + 'Z',\n        active: true,\n        selectedDate: new Date(utcDate),\n        isEdit: true,\n        isNew: true\n      }\n      this.devices.splice(this.devices.length, 1, newDevice)\n    },\n    deleteDevice(index, device) {\n      this.device = device\n      if (device.isNew) {\n        this.devices.splice(index, 1)\n      } else {\n        this.isConfirmModalActive = true\n      }\n    },\n    async deleteEntity(confirmDelete) {\n      if (confirmDelete) {\n        this.device.active = false\n        const response = await ClientToolService.saveDevice(this.device)\n        console.log('delete', response)\n        const index = this.devices.findIndex(d => d.id === this.device.id)\n        this.devices.splice(index, 1)\n        this.device = null\n        this.$notification.openNotificationWithType('success', 'Client Tool', 'Device has been de-registered')\n      }\n      this.device = null\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.deviceid-input {\n  width: 45em;\n}\n.deviceid-input-small {\n  width: 45em;\n}\n</style>","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!./ClientToolView.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!./ClientToolView.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ClientToolView.vue?vue&type=template&id=3322fbd9\"\nimport script from \"./ClientToolView.vue?vue&type=script&lang=js\"\nexport * from \"./ClientToolView.vue?vue&type=script&lang=js\"\nimport style0 from \"./ClientToolView.vue?vue&type=style&index=0&id=3322fbd9&prod&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--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClientToolView.vue?vue&type=style&index=0&id=3322fbd9&prod&lang=scss\""],"sourceRoot":""}