{"version":3,"sources":["webpack:///./src/pages/Attributes/index.vue?8de6","webpack:///./src/pages/Attributes/fields.js","webpack:///src/pages/Attributes/index.vue","webpack:///./src/pages/Attributes/index.vue?1f35","webpack:///./src/pages/Attributes/index.vue","webpack:///./src/pages/Attributes/index.vue?a52e"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","pageInfo","totalItems","staticStyle","on","$event","add","pageable","itemData","pageSize","take","skip","prepareColumnsData","initialColumns","fields","settingsColumns","gridSettings","columns","sortDetails","handlePageChange","handleColumnResize","handleSortChange","handleColumnReorder","onRowClick","scopedSlots","_u","key","fn","ref","props","listeners","gridId","pushToDetails","_s","_f","dataItem","dateCreated","dateModified","staticRenderFns","defaultFields","field","title","cell","headerCell","sortable","hidden","locked","width","FIELDS","ID","label","NAME","CREATED_BY_USER_ID","MODIFIED_BY_USER_ID","DATE_CREATED","DATE_MODIFIED","ACTIVE","metaInfo","attributesList","selectedRowItemId","id","select","component"],"mappings":"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","file":"js/chunk-396b6114.c82974bb.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"animated fadeIn attributes--attributes-list\"},[_c('b-row',{attrs:{\"id\":\"attributes-header-nav\"}},[_c('b-col',{attrs:{\"md\":\"6\"}},[_c('h1',{attrs:{\"id\":\"attributes-header-nav-txt\"}},[_vm._v(\"Attributes List  \"),_c('records-count',{attrs:{\"total\":_vm.pageInfo.totalItems}})],1)]),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('div',{staticClass:\"buttons-panel\"},[_c('b-button',{staticStyle:{\"float\":\"right\",\"margin-bottom\":\"5px\"},attrs:{\"size\":\"sm\",\"title\":\"Add\"},on:{\"click\":function($event){return _vm.add()}}},[_c('i',{staticClass:\"fa fa-plus\",attrs:{\"aria-hidden\":\"true\"}})])],1)])],1),_c('b-row',[_c('b-col',[_c('div',{staticClass:\"card\",staticStyle:{\"margin-top\":\"41px\"}},[_c('div',{staticClass:\"card-body\"},[_c('Grid',{staticClass:\"grid\",attrs:{\"pageable\":_vm.pageable,\"resizable\":true,\"reorderable\":true,\"sortable\":true,\"row-height\":25,\"selected-field\":\"selected\",\"data-items\":_vm.itemData,\"page-size\":_vm.pageInfo.pageSize,\"total\":_vm.pageInfo.totalItems,\"take\":_vm.take,\"skip\":_vm.skip,\"columns\":_vm.prepareColumnsData({ initialColumns: _vm.fields, settingsColumns: _vm.gridSettings.columns }),\"sort\":_vm.sortDetails},on:{\"pagechange\":_vm.handlePageChange,\"columnresize\":_vm.handleColumnResize,\"sortchange\":_vm.handleSortChange,\"columnreorder\":_vm.handleColumnReorder,\"rowclick\":_vm.onRowClick},scopedSlots:_vm._u([{key:\"commandsHeader\",fn:function(ref){\nvar props = ref.props;\nvar listeners = ref.listeners;\nreturn [_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('grid-settings',{staticClass:\"mr-2\",attrs:{\"gridId\":_vm.gridId,\"fields\":_vm.fields}})],1)]}},{key:\"commands\",fn:function(ref){\nvar props = ref.props;\nreturn [_c('td',[_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('i',{staticClass:\"table-action-icon-edit fa fa-edit\",on:{\"click\":function($event){return _vm.pushToDetails(props)}}})])])]}},{key:\"dateCreated\",fn:function(ref){\nvar props = ref.props;\nreturn [_c('td',[_vm._v(_vm._s(_vm._f(\"date\")(props.dataItem.dateCreated)))])]}},{key:\"dateModified\",fn:function(ref){\nvar props = ref.props;\nreturn [_c('td',[_vm._v(_vm._s(_vm._f(\"date\")(props.dataItem.dateModified)))])]}}])})],1)])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { FIELDS } from './constants';\r\n\r\nconst defaultFields = [\r\n  {\r\n    field: 'commands',\r\n    title: ' ',\r\n    cell: 'commands',\r\n    headerCell: 'commandsHeader',\r\n    sortable: false,\r\n    hidden: false,\r\n    locked: true,\r\n    width: 40,\r\n  },\r\n  \r\n  {\r\n    key: 'id',\r\n    field: FIELDS.ID,\r\n    title: 'Id',\r\n    label: 'id',\r\n    sortable: true,\r\n    hidden: false,\r\n    width: 150,\r\n  },\r\n  {\r\n    key: 'name',\r\n    field: FIELDS.NAME,\r\n    title: 'Name',\r\n    label: 'name',\r\n    sortable: true,\r\n    hidden: false,\r\n    width: 150,\r\n  },\r\n  {\r\n    key: 'createdByUserId',\r\n    field: FIELDS.CREATED_BY_USER_ID,\r\n    title: 'Created By User Id',\r\n    label: 'createdByUserId',\r\n    sortable: true,\r\n    hidden: false,\r\n    width: 150,\r\n  },\r\n  {\r\n    key: 'modifiedByUserId',\r\n    field: FIELDS.MODIFIED_BY_USER_ID,\r\n    title: 'Modified By User Id',\r\n    label: 'modifiedByUserId',\r\n    sortable: true,\r\n    hidden: false,\r\n    width: 150,\r\n  },\r\n  {\r\n    key: 'dateCreated',\r\n    field: FIELDS.DATE_CREATED,\r\n    title: 'Date Created',\r\n    label: 'dateCreated',\r\n    sortable: true,\r\n    hidden: false,\r\n    width: 150,\r\n  },\r\n  {\r\n    key: 'dateModified',\r\n    field: FIELDS.DATE_MODIFIED,\r\n    title: 'Date Modified',\r\n    label: 'dateModified',\r\n    sortable: true,\r\n    hidden: false,\r\n    width: 150,\r\n  },\r\n  {\r\n    key: 'active',\r\n    field: FIELDS.ACTIVE,\r\n    title: 'Active',\r\n    label: 'active',\r\n    sortable: true,\r\n    hidden: false,\r\n    width: 150,\r\n  },\r\n]\r\n\r\nexport default defaultFields;\r\n","<template>\r\n\t<div class=\"animated fadeIn attributes--attributes-list\">\r\n\t\t<b-row id=\"attributes-header-nav\">\r\n\t\t\t<b-col md=\"6\">\r\n\t\t\t\t<h1 id=\"attributes-header-nav-txt\">Attributes List  <records-count :total=\"pageInfo.totalItems\"/></h1>\r\n\t\t\t</b-col>\r\n\t\t\t<b-col md=\"6\">\r\n\t\t\t\t<div class=\"buttons-panel\">\r\n\t\t\t\t\t<b-button\r\n\t\t\t\t\t\t@click=\"add()\"\r\n\t\t\t\t\t\tsize=\"sm\"\r\n\t\t\t\t\t\ttitle=\"Add\"\r\n\t\t\t\t\t\tstyle=\"float: right;margin-bottom: 5px;\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<i class=\"fa fa-plus\" aria-hidden=\"true\"></i>\r\n\t\t\t\t\t</b-button>\r\n\t\t\t\t</div>\r\n\t\t\t</b-col>\r\n\t\t</b-row>\r\n\t\t<b-row>\r\n\t\t\t<b-col>\r\n\t\t\t\t<div style=\"margin-top: 41px;\" class=\"card\">\r\n\t\t\t\t\t<div class=\"card-body\">\r\n\t\t\t\t\t\t<Grid\r\n\t\t\t\t\t\t\tclass=\"grid\"\r\n\t\t\t\t\t\t\t:pageable=\"pageable\"\r\n\t\t\t\t\t\t\t:resizable=\"true\"\r\n\t\t\t\t\t\t\t:reorderable=\"true\"\r\n\t\t\t\t\t\t\t:sortable=\"true\"\r\n\t\t\t\t\t\t\t:row-height=\"25\"\r\n\t\t\t\t\t\t\tselected-field=\"selected\"\r\n\t\t\t\t\t\t\t:data-items=\"itemData\"\r\n\t\t\t\t\t\t\t:page-size=\"pageInfo.pageSize\"\r\n\t\t\t\t\t\t\t:total=\"pageInfo.totalItems\"\r\n\t\t\t\t\t\t\t:take=\"take\"\r\n\t\t\t\t\t\t\t:skip=\"skip\"\r\n\t\t\t\t\t\t\t:columns=\"prepareColumnsData({ initialColumns: fields, settingsColumns: gridSettings.columns })\"\r\n\t\t\t\t\t\t\t:sort=\"sortDetails\"\r\n\t\t\t\t\t\t\t@pagechange=\"handlePageChange\"\r\n\t\t\t\t\t\t\t@columnresize=\"handleColumnResize\"\r\n\t\t\t\t\t\t\t@sortchange=\"handleSortChange\"\r\n\t\t\t\t\t\t\t@columnreorder=\"handleColumnReorder\"\r\n\t\t\t\t\t\t\t@rowclick=\"onRowClick\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t<template v-slot:commandsHeader=\"{props, listeners}\" >\r\n\t\t\t\t\t\t\t<div class=\"d-flex justify-content-center\">\r\n\t\t\t\t\t\t\t<grid-settings :gridId=\"gridId\" :fields=\"fields\" class=\"mr-2\" />\r\n\t\t\t\t\t\t\t<!-- <b-form-checkbox v-model=\"checkAllRows\" /> ENABLE FOR CHECKBOX SELECT/DESELECT ALL-->\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</template>\r\n\t\t\t\t\t\t<template v-slot:commands=\"{props}\">\r\n\t\t\t\t\t\t\t<td>\r\n\t\t\t\t\t\t\t<div class=\"d-flex justify-content-center\">                \r\n\t\t\t\t\t\t\t\t<i @click=\"pushToDetails(props)\" class=\"table-action-icon-edit fa fa-edit\"></i>                \r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t</template>\r\n\r\n\t\t\t\t\t\t<template v-slot:dateCreated=\"{props}\"><td>{{ props.dataItem.dateCreated | date }}</td></template>\r\n<template v-slot:dateModified=\"{props}\"><td>{{ props.dataItem.dateModified | date }}</td></template>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t</Grid>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t</div>\r\n\t\t\t</b-col>\r\n\t\t</b-row>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState, mapActions, mapGetters } from 'vuex';\r\nimport { debounce, unionBy } from 'lodash';\r\n\r\nimport { dateTime, date } from '@/shared/filters';\r\nimport { SORT_ORDER, GRID_PAGE_SIZES, PAGE_SIZE, GRID_ID } from '@/shared/constants';\r\nimport { sortChange, prepareColumnsData } from '@/shared/helpers';\r\nimport GridSettings from '@/shared/components/GridSettings';\r\n\r\nimport gridFields from './fields';\r\n\r\nconst SEARCH_DEBOUNCE_TIME = 750;\r\n\r\nexport default {\r\n\tcomponents: {\r\n\t\tGridSettings,\r\n  },\r\n  metaInfo: () => ({\r\n    title: 'Attributes',\r\n  }),  \r\n\tdata() {\r\n\t\treturn {\r\n\t\t\tprepareColumnsData,\r\n\t\t\tpageNumber: 1,\r\n\t\t\tskip: 0,\r\n\t\t\ttake: PAGE_SIZE,\r\n\t\t\tfiltersVisible: false,\r\n\t\t\tfields: gridFields,\r\n\t\t\tgridId: GRID_ID.ATTRIBUTES,\r\n\t\t\tpageable: {\r\n\t\t\t\tpageSizes: GRID_PAGE_SIZES,\r\n\t\t\t},\r\n      \t\tselectedRowItemId: 0,\r\n\t\t};\r\n\t},\r\n\tcomputed: {\r\n\t\t...mapGetters('attributes', [\r\n\t\t\t'attributesList',\r\n\t\t\t'attribute',\r\n\t\t\t'pageInfo',\r\n\t\t\t'sortBy',\r\n\t\t\t'sortOrder',\r\n\t\t\t'searchQuery',\r\n\t\t\t'selectedItemId' \r\n\t\t]),\r\n\t\t...mapGetters('account', ['gridSettingsById']),\r\n\t\tfilterButtonName() {\r\n\t\t\treturn this.filtersVisible ? 'Hide advanced' : 'Advanced';\r\n\t\t},\r\n\t\tisSortDesc: function() {\r\n\t\t\treturn this.sortOrder == SORT_ORDER.DESC;\r\n\t\t},\r\n\t\temptyMessage: function() {\r\n\t\t\treturn this.searchQuery\r\n\t\t\t\t? `No attributes <span class=\"text-primary\">${this.searchQuery}</span> found`\r\n\t\t\t\t: 'No attributes found';\r\n\t\t},\r\n\t\tsortDetails: function() {\r\n\t\t\tif (this.sortBy) {\r\n\t\t\t\treturn [{ field: this.sortBy, dir: this.sortOrder.toLowerCase() }];\r\n\t\t\t}\r\n\r\n\t\t\tif (this.gridSettings.sort) {\r\n\t\t\t\treturn [\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tfield: this.gridSettings.sort.sortBy,\r\n\t\t\t\t\t\tdir: this.gridSettings.sort.sortOrder.toLowerCase(),\r\n\t\t\t\t\t}\r\n\t\t\t\t];\r\n\t\t\t}\r\n\r\n\t\t\treturn [];\r\n\t\t},\r\n\t\tgridSettings() {\r\n\t\t\treturn this.gridSettingsById(this.gridId);\r\n\t\t},\r\n\t\titemData() {\r\n\t\t\treturn this.attributesList.map((attribute) => ({ ...attribute, selected: attribute.id === this.selectedRowItemId }));\r\n\t\t},\r\n\t\t//This function checks/unchecks all rows --ENABLE WHEN USING CHECKBOXES ON THE ROWS\t\t\r\n    // checkAllRows: {\r\n    //   get() {\r\n    //     return this.users ? this.checkedRowItemIds.length == this.attributes.length : false;\r\n    //   },\r\n    //   set(value) {\r\n    //     const checked = [];\r\n\r\n    //     if(value) {\r\n    //       this.attributes.forEach((attribute) => {\r\n    //         checked.push(attribute.lineId);\r\n    //       });\r\n    //     }\r\n\r\n    //     this.checkedRowItemIds = checked;\r\n    //   }\r\n    // },\r\n\t},\r\n\tfilters: {\r\n\t\tdateTime,\r\n\t},\r\n\tmethods: {\t\t\r\n\t\t...mapActions('attributes', ['getAll', 'getById', 'sort', 'getPage', 'remove', 'search', 'select']),\r\n\t\t...mapActions('account', ['saveGridSettings']),\r\n\t\thandlePageChange(event) {\r\n\t\t\tthis.skip = event.page.skip;\r\n\t\t\tthis.take = event.page.take;\r\n\t\t\tconst newPageNumber = Math.floor(event.page.skip / event.page.take) + 1;\r\n\r\n\t\t\tif (this.pageNumber !== newPageNumber) {\r\n\t\t\t\tthis.pageNumber = newPageNumber;\r\n\t\t\t\tthis.getPage(this.pageNumber);\r\n\t\t\t}\r\n\t\t},\r\n\t\thandleColumnResize: debounce(function({ columns }) {\r\n\t\t\tconst newColumns = prepareColumnsData({\r\n\t\t\t\tcolumns,\r\n\t\t\t\tinitialColumns: gridFields,\r\n\t\t\t\tsettingsColumns: this.gridSettings.columns,\r\n\t\t\t});\r\n\r\n\t\t\tthis.saveGridSettings({\r\n\t\t\t\tid: this.gridId,\r\n\t\t\t\tsettings: { columns: newColumns },\r\n\t\t\t\tinitialColumns: gridFields,\r\n\t\t\t});\r\n\t\t}, 500),\r\n\t\thandleColumnReorder({ columns }) {\r\n\t\t\tconst newColumns = prepareColumnsData({\r\n\t\t\t\tcolumns,\r\n\t\t\t\tinitialColumns: gridFields,\r\n\t\t\t\tsettingsColumns: this.gridSettings.columns,\r\n\t\t\t});\r\n\r\n\t\t\tthis.saveGridSettings({\r\n\t\t\t\tid: this.gridId,\r\n\t\t\t\tsettings: { columns: newColumns },\r\n\t\t\t\tinitialColumns: gridFields,\r\n\t\t\t});\r\n\t\t},\r\n\t\thandleSortChange({ sort }) {\r\n\t\t\tsortChange({\r\n\t\t\t\tsortBy: this.sortBy,\r\n\t\t\t\tsortData: sort,\r\n\t\t\t\tgridId: this.gridId,\r\n\t\t\t\tsaveGridSettings: this.saveGridSettings,\r\n\t\t\t});\r\n\t\t},\r\n\t\tpageChangeHandler: function(event) {\r\n\t\t\tthis.skip = event.page.skip;\r\n\t\t\tthis.take = event.page.take;\r\n\t\t\tthis.pageNumber = Math.floor(event.page.skip / event.page.take) + 1;\r\n\r\n\t\t\tthis.getAll({\r\n\t\t\t\t...this.gridSettings.sort,\r\n\t\t\t\tpageSize: this.take,\r\n\t\t\t\tpageNumber: this.pageNumber,\r\n\t\t\t});\r\n\t\t},\r\n\t\tonSearch: debounce(function(e) {\r\n\t\t\tthis.search(e);\r\n\t\t}, SEARCH_DEBOUNCE_TIME),\r\n\t\tonRowClick: function(event) {\r\n\t\t\tthis.edit(event.dataItem);\r\n\t\t},\r\n\t\tedit(item) {\r\n\t\t\tthis.$router.push({ name: 'attributes.edit', params: { id: item.id } });\r\n\t\t},\r\n\t\tadd() {\r\n\t\t\tthis.$router.push({ name: 'attributes.add' });\r\n\t\t},\r\n\t\tonRowClick(row) {\r\n\t\tthis.selectedRowItemId = row.dataItem.id;\r\n\t\t// const { id, detailsVisible } = row.dataItem;\r\n\t\t// this.select({ id, isChecked: !detailsVisible });\r\n\t\t},\r\n\t\tpushToDetails(row) {\r\n\t\t\tthis.$router.push({\r\n\t\t\tname: 'attributes.edit',\r\n\t\t\tparams: { id: row.dataItem.id },\r\n\t\t});\r\n\t\t},\r\n\t},\r\n\twatch: {\r\n\t\tpageInfo: function(newPageInfo) {\r\n\t\t\tthis.pageNumber = newPageInfo.pageNumber;\r\n\t\t\tthis.take = newPageInfo.pageSize;\r\n\t\t},\r\n\t\ttake(pageSize) {\r\n\t\t\tthis.saveGridSettings({\r\n\t\t\t\tid: this.gridId,\r\n\t\t\t\tsettings: {\r\n\t\t\t\t\t...this.gridSettings,\r\n\t\t\t\t\tpageSize,\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\t},\r\n    attributesList() {\r\n\t\t\t//This function sets the first row as the selected row\r\n      if(this.attributesList.length > 0 && this.selectedRowItemId === 0){\r\n        this.selectedRowItemId = this.attributesList[0].id;\r\n        const { id, detailsVisible } = this.attributesList[0];\r\n        this.select({ id, isChecked: !detailsVisible });\r\n      }\r\n    },\r\n\t},\r\n\tmounted() {\r\n\t\tthis.skip = this.pageInfo.pageNumber * this.pageInfo.pageSize - 1;\r\n\t\tthis.take = this.pageInfo.pageSize;\r\n\r\n\t\tthis.getAll({\r\n\t\t\t...this.gridSettings.sort,\r\n\t\t\tpageSize: this.gridSettings.pageSize || this.take,\r\n\t\t});\r\n\t},\r\n\tbeforeDestroy() {\r\n\t\tthis.select({ id: null, isChecked: false });\r\n\t},\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '@/assets/scss/_colors.scss';\r\n\r\n#attributes-header-nav {\r\n    width: 100%;\r\n    z-index: 1000;\r\n    position: fixed;\r\n    border-bottom: 1px solid rgb(200, 206, 211);\r\n    background: #fff;\r\n}\r\n\r\n#attributes-header-nav-txt {\r\n  background-color: #fff;\r\n  padding: 8px;\r\n  font-size: 20px;\r\n  margin: 0px;\r\n}\r\n\r\n\r\n.attributes {\r\n  &--attributes-list {\r\n    .tools > * {\r\n      margin: 0 0 0 3px;\r\n    }\r\n    .b-pagination {\r\n      justify-content: center;\r\n    }\r\n    .create-ultra-rfp {\r\n      margin-top: 0.5em;\r\n      margin-bottom: 1em;\r\n    }\r\n    table td {\r\n      cursor: pointer;\r\n    }\r\n    .buttons-panel {\r\n      text-align: right;\r\n      margin-right: 30px;\r\n      margin-top: 7px;\r\n      .btn {\r\n        margin-left: 5px;\r\n      }\r\n    \r\n    }\r\n    .clear-filter-button-container {\r\n      margin-top: 12px;\r\n      text-align: right;\r\n    }\r\n  }\r\n\r\n  &--grid-header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n  }\r\n}\r\n\r\n/* .highlight {\r\n  background: rowSelection !important;\r\n} */\r\n\r\n.b-pagination {\r\n  justify-content: center;\r\n}\r\n\r\n.tools > * {\r\n  margin: 0 0 0 3px;\r\n}\r\n\r\n#KendoGrid .k-virtual-scrollable-wrap table {\r\n\tmin-width: 800px;\r\n}\r\n</style>\r\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=91a1ab6a&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.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","import mod 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!./index.vue?vue&type=style&index=0&lang=scss&\"; export default mod; 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!./index.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}