{"version":3,"sources":["webpack:///./src/views/pages/my-space/collateral-list.vue","webpack:///src/views/pages/my-space/collateral-list.vue","webpack:///./src/views/pages/my-space/collateral-list.vue?be8c","webpack:///./src/views/pages/my-space/collateral-list.vue?964b","webpack:///./src/views/pages/my-space/collateral-list.vue?44c9"],"names":["render","_vm","this","_c","_self","staticClass","attrs","on","$event","type","indexOf","_k","keyCode","key","preventDefault","isSearching","getCollaterals","model","value","search","keyword","callback","$$v","$set","expression","statusFilter","status","shippingStatusFilter","shippingStatus","collateralsFilter","collateralType","_v","_s","collateralsTotalRows","onExport","staticStyle","collaterals","fields","currentPage","perPage","filter","sortBy","sortDesc","isLoading","scopedSlots","_u","fn","proxy","data","item","store_name","mobile_status","web_status","dimension","_e","pageOptions","$router","back","showToast","toastType","toastTitle","toastMessage","close","staticRenderFns","page","title","meta","name","content","appConfig","description","filterOn","sortable","tdClass","submitted","text","components","Toast","computed","layoutComputed","campaignComputed","changeBreadCrumb","breadCrumbs","to","changeBackButton","changePrevRoute","$route","params","id","methods","layoutMethods","campaignMethods","rows","sort","getCollateralList","then","collateralsList","collateralsTotal","$toast","component"],"mappings":"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","file":"js/chunk-11984554.37866c15.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"d-flex flex-row\"},[_c('b-form-group',{staticClass:\"me-3 custom-search-width\",attrs:{\"description\":\"Search Keyword\"}},[_c('form',{staticClass:\"d-flex\"},[_c('b-input-group',[_c('b-input-group-prepend',[_c('b-input-group-text',{staticClass:\"custom-search-icon\"},[_c('i',{staticClass:\"bx bx-search-alt-2\"})])],1),_c('b-form-input',{staticClass:\"rounded-0 custom-input\",attrs:{\"type\":\"search\",\"placeholder\":\"Search here...\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;$event.preventDefault();_vm.isSearching = true; _vm.getCollaterals()}},model:{value:(_vm.search.keyword),callback:function ($$v) {_vm.$set(_vm.search, \"keyword\", $$v)},expression:\"search.keyword\"}})],1)],1)]),_c('b-form-group',{staticClass:\"me-3 custom-fg-width\",attrs:{\"description\":\"Filter by Status\"}},[_c('form',{staticClass:\"d-flex\"},[_c('b-form-select',{staticClass:\"form-select shadow-none\",attrs:{\"options\":_vm.statusFilter},on:{\"change\":function($event){_vm.isSearching = true; _vm.getCollaterals()}},model:{value:(_vm.search.status),callback:function ($$v) {_vm.$set(_vm.search, \"status\", $$v)},expression:\"search.status\"}})],1)]),_c('b-form-group',{staticClass:\"me-3 custom-fg-width\",attrs:{\"description\":\"Filter by Shipping Status\"}},[_c('form',{staticClass:\"d-flex\"},[_c('b-form-select',{staticClass:\"form-select shadow-none\",attrs:{\"options\":_vm.shippingStatusFilter},on:{\"change\":function($event){_vm.isSearching = true; _vm.getCollaterals()}},model:{value:(_vm.search.shippingStatus),callback:function ($$v) {_vm.$set(_vm.search, \"shippingStatus\", $$v)},expression:\"search.shippingStatus\"}})],1)]),_c('b-form-group',{staticClass:\"me-3 custom-fg-width\",attrs:{\"description\":\"Filter by Collaterals\"}},[_c('form',{staticClass:\"d-flex\"},[_c('b-form-select',{staticClass:\"form-select shadow-none\",attrs:{\"options\":_vm.collateralsFilter},on:{\"change\":function($event){_vm.isSearching = true; _vm.getCollaterals()}},model:{value:(_vm.search.collateralType),callback:function ($$v) {_vm.$set(_vm.search, \"collateralType\", $$v)},expression:\"search.collateralType\"}})],1)])],1)])]),_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('b-row',{staticClass:\"mb-2 d-flex flex-row align-items-center\"},[_c('b-col',{staticClass:\"mt-2 mb-2\",attrs:{\"sm\":\"\"}},[_c('div',{staticClass:\"align-items-center\"},[_c('span',{staticClass:\"fw-bold\"},[_c('label',{staticClass:\"fs-5\"},[_vm._v(\"Collateral List\")]),_c('b-badge',{staticClass:\"cstm-badge fs-6\",attrs:{\"pill\":\"\"}},[_vm._v(_vm._s(this.collateralsTotalRows))])],1)])]),_c('b-col',{staticClass:\"mt-2 mb-2\",attrs:{\"sm\":\"\"}},[_c('div',{staticClass:\"d-flex flex-wrap align-items-center justify-content-md-end mt-md-0 gap-2\"},[_c('b-button',{staticClass:\"ps-3 pe-3 pt-0 pb-0 d-flex flex-row align-items-center\",attrs:{\"size\":\"sm\",\"variant\":\"primary\"},on:{\"click\":_vm.onExport}},[_c('div',{staticClass:\"mdi mdi-upload-outline\",staticStyle:{\"font-size\":\"24px\"}}),_c('div',{},[_vm._v(\"Export\")])])],1)])],1),_c('div',{staticClass:\"table-responsive\"},[_c('div',{staticClass:\"table align-middle table-nowrap\"},[_c('b-table',{staticClass:\"table-check\",attrs:{\"items\":_vm.collaterals,\"fields\":_vm.fields,\"responsive\":\"sm\",\"current-page\":_vm.currentPage,\"per-page\":_vm.perPage,\"filter\":_vm.filter,\"sort-by\":_vm.sortBy,\"sort-desc\":_vm.sortDesc,\"busy\":_vm.isLoading},on:{\"update:sortBy\":function($event){_vm.sortBy=$event},\"update:sort-by\":function($event){_vm.sortBy=$event},\"update:sortDesc\":function($event){_vm.sortDesc=$event},\"update:sort-desc\":function($event){_vm.sortDesc=$event}},scopedSlots:_vm._u([{key:\"table-busy\",fn:function(){return [_c('div',{staticClass:\"text-center text-primary my-2\"},[_c('b-spinner',{staticClass:\"align-middle me-2\"}),_c('strong',[_vm._v(\"Loading...\")])],1)]},proxy:true},{key:\"cell(collaterals)\",fn:function(data){return [_c('div',{staticClass:\"text-capitalize\"},[_vm._v(_vm._s(data.item.type))])]}},{key:\"cell(store_name)\",fn:function(data){return [_c('div',[_vm._v(_vm._s(data.item.store_name))])]}},{key:\"cell(status)\",fn:function(data){return [_c('div',[_vm._v(_vm._s(data.item.mobile_status))])]}},{key:\"cell(shipping_status)\",fn:function(data){return [_c('div',[_vm._v(_vm._s(data.item.web_status))])]}},{key:\"cell(size)\",fn:function(data){return [_c('div',[_vm._v(_vm._s(data.item.dimension))])]}}])})],1)]),(_vm.collateralsTotalRows == 0)?_c('div',{staticClass:\"row g-0 text-center\"},[_c('span',[_vm._v(\"No data to display.\")])]):_vm._e(),(_vm.collateralsTotalRows > 10)?_c('div',{staticClass:\"row g-0 text-center text-sm-start\"},[_c('div',{staticClass:\"col-sm-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col\"},[_c('label',{staticClass:\"col-form-label d-inline-block me-4\"},[_vm._v(\"Display:\")]),_c('div',{staticClass:\"d-inline-block\"},[_c('b-form-group',{attrs:{\"label-for\":\"display-record\"}},[_c('b-form-select',{staticClass:\"form-select shadow-none w-fit\",attrs:{\"size\":\"sm\",\"id\":\"display-record\",\"options\":_vm.pageOptions},on:{\"change\":function($event){_vm.currentPage = 1; _vm.getCollaterals()}},model:{value:(_vm.perPage),callback:function ($$v) {_vm.perPage=$$v},expression:\"perPage\"}})],1)],1)]),_c('div',{staticClass:\"col\"},[(_vm.collateralsTotalRows > _vm.perPage)?_c('div',{staticClass:\"dataTables_paginate paging_simple_numbers float-end\"},[_c('b-pagination',{staticClass:\"pagination-rounded\",attrs:{\"total-rows\":_vm.collateralsTotalRows,\"per-page\":_vm.perPage,\"limit\":\"1\",\"first-number\":\"\",\"last-number\":\"\"},on:{\"input\":_vm.getCollaterals},model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}})],1):_vm._e()])])])]):_vm._e(),_c('b-row',{staticClass:\"mt-2\"},[_c('div',{staticStyle:{\"width\":\"fit-content\"}},[_c('a',{staticClass:\"d-flex flex-row align-items-center\",attrs:{\"href\":\"javascript:void(0);\"},on:{\"click\":function($event){return _vm.$router.back()}}},[_c('div',{staticClass:\"mdi mdi-chevron-left me-2\",staticStyle:{\"font-size\":\"24px\"}}),_c('div',{staticClass:\"text-dark\"},[_vm._v(\" Back to Marketing Campaigned Details \")])])])])],1)])])]),(_vm.showToast)?_c('toast',{attrs:{\"type\":_vm.toastType,\"title\":_vm.toastTitle,\"message\":_vm.toastMessage},on:{\"close\":() => (_vm.showToast = false)}}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"row\">\n      <div class=\"col-lg-12\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <div class=\"d-flex flex-row\">\n              <b-form-group\n                description=\"Search Keyword\"\n                class=\"me-3 custom-search-width\"\n              >\n                <form class=\"d-flex\">\n                  <b-input-group>\n                    <b-input-group-prepend>\n                      <b-input-group-text class=\"custom-search-icon\">\n                        <i class=\"bx bx-search-alt-2\"></i>\n                      </b-input-group-text>\n                    </b-input-group-prepend>\n                    <b-form-input\n                      class=\"rounded-0 custom-input\"\n                      v-model=\"search.keyword\"\n                      type=\"search\"\n                      placeholder=\"Search here...\"\n                      @keydown.enter.prevent=\"isSearching = true; getCollaterals()\"\n                    ></b-form-input>\n                  </b-input-group>\n                </form>\n              </b-form-group>\n\n              <b-form-group\n                description=\"Filter by Status\"\n                class=\"me-3 custom-fg-width\"\n              >\n                <form class=\"d-flex\">\n                  <b-form-select\n                    v-model=\"search.status\"\n                    class=\"form-select shadow-none\"\n                    :options=\"statusFilter\"\n                    @change=\"isSearching = true; getCollaterals()\"\n                  >\n                  </b-form-select>\n                </form>\n              </b-form-group>\n\n              <b-form-group\n                description=\"Filter by Shipping Status\"\n                class=\"me-3 custom-fg-width\"\n              >\n                <form class=\"d-flex\">\n                  <b-form-select\n                    v-model=\"search.shippingStatus\"\n                    class=\"form-select shadow-none\"\n                    :options=\"shippingStatusFilter\"\n                    @change=\"isSearching = true; getCollaterals()\"\n                  >\n                  </b-form-select>\n                </form>\n              </b-form-group>\n\n              <b-form-group\n                description=\"Filter by Collaterals\"\n                class=\"me-3 custom-fg-width\"\n              >\n                <form class=\"d-flex\">\n                  <b-form-select\n                    v-model=\"search.collateralType\"\n                    class=\"form-select shadow-none\"\n                    :options=\"collateralsFilter\"\n                    @change=\"isSearching = true; getCollaterals()\"\n                  >\n                  </b-form-select>\n                </form>\n              </b-form-group>\n            </div>\n          </div>\n        </div>\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <b-row class=\"mb-2 d-flex flex-row align-items-center\">\n              <b-col sm class=\"mt-2 mb-2\">\n                <div class=\"align-items-center\">\n                  <span class=\"fw-bold\">\n                    <label class=\"fs-5\">Collateral List</label>\n                    <b-badge pill class=\"cstm-badge fs-6\">{{\n                      this.collateralsTotalRows\n                    }}</b-badge>\n                  </span>\n                </div>\n              </b-col>\n              <b-col sm class=\"mt-2 mb-2\">\n                <div\n                  class=\"d-flex flex-wrap align-items-center justify-content-md-end mt-md-0 gap-2\"\n                >\n                  <b-button \n                    size=\"sm\" \n                    variant=\"primary\" \n                    class=\"ps-3 pe-3 pt-0 pb-0 d-flex flex-row align-items-center\"\n                    @click=\"onExport\">\n                      <div class=\"mdi mdi-upload-outline\" style=\"font-size: 24px\"></div> \n                      <div class=\"\">Export</div>\n                  </b-button>\n                </div>\n              </b-col>\n            </b-row>\n\n            <div class=\"table-responsive\">\n              <div class=\"table align-middle table-nowrap\">\n                <b-table\n                  :items=\"collaterals\"\n                  :fields=\"fields\"\n                  responsive=\"sm\"\n                  :current-page=\"currentPage\"\n                  :per-page=\"perPage\"\n                  class=\"table-check\"\n                  :filter=\"filter\"\n                  :sort-by.sync=\"sortBy\"\n                  :sort-desc.sync=\"sortDesc\"\n                  :busy=\"isLoading\"\n                >\n                  <template #table-busy>\n                    <div class=\"text-center text-primary my-2\">\n                      <b-spinner class=\"align-middle me-2\"></b-spinner>\n                      <strong>Loading...</strong>\n                    </div>\n                  </template>\n\n                  <template #cell(collaterals)=\"data\">\n                    <div class=\"text-capitalize\">{{ data.item.type }}</div>\n                  </template>\n\n                  <template #cell(store_name)=\"data\">\n                    <div>{{ data.item.store_name }}</div>\n                  </template>\n\n                  <template #cell(status)=\"data\">\n                    <div>{{ data.item.mobile_status }}</div>\n                  </template>\n\n                  <template #cell(shipping_status)=\"data\">\n                    <div>{{ data.item.web_status }}</div>\n                  </template>\n\n                  <template #cell(size)=\"data\">\n                    <div>{{ data.item.dimension }}</div>\n                  </template>\n                </b-table>\n              </div>\n            </div>\n            <div class=\"row g-0 text-center\" v-if=\"collateralsTotalRows == 0\">\n              <span>No data to display.</span>\n            </div>\n            <!-- end table responsive -->\n\n            <!-- </div> -->\n            <div class=\"row g-0 text-center text-sm-start\" v-if=\"collateralsTotalRows > 10\">\n              <div class=\"col-sm-12\">\n                <div class=\"row\">\n                  <div class=\"col\">\n                    <label class=\"col-form-label d-inline-block me-4\"\n                      >Display:</label\n                    >\n                    <div class=\"d-inline-block\">\n                      <b-form-group label-for=\"display-record\">\n                        <b-form-select\n                          size=\"sm\"\n                          class=\"form-select shadow-none w-fit\"\n                          id=\"display-record\"\n                          v-model=\"perPage\"\n                          :options=\"pageOptions\"\n                          @change=\"currentPage = 1; getCollaterals()\"\n                        ></b-form-select>\n                      </b-form-group>\n                    </div>\n                    <!-- <div class=\"form-group row pull-left\">\n                          </div> -->\n                  </div>\n                  <div class=\"col\">\n                    <div\n                      class=\"dataTables_paginate paging_simple_numbers float-end\"\n                      v-if=\"collateralsTotalRows > perPage\"\n                    >\n                      <!-- pagination -->\n                      <b-pagination\n                        class=\"pagination-rounded\"\n                        v-model=\"currentPage\"\n                        :total-rows=\"collateralsTotalRows\"\n                        :per-page=\"perPage\"\n                        limit=\"1\"\n                        first-number\n                        last-number\n                        @input=\"getCollaterals\"\n                      ></b-pagination>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <!-- end row -->\n            </div>\n\n            <b-row class=\"mt-2\">\n              <div style=\"width: fit-content\">\n                <a\n                  href=\"javascript:void(0);\"\n                  class=\"d-flex flex-row align-items-center\"\n                  @click=\"$router.back()\"\n                >\n                  <div\n                    class=\"mdi mdi-chevron-left me-2\"\n                    style=\"font-size: 24px\"\n                  ></div>\n                  <div class=\"text-dark\">\n                    Back to Marketing Campaigned Details\n                  </div>\n                </a>\n              </div>\n            </b-row>\n          </div>\n          <!-- end card body -->\n        </div>\n        <!-- end card -->\n      </div>\n      <!-- end col -->\n    </div>\n    <!-- end row -->\n    <toast\n      :type=\"toastType\"\n      v-if=\"showToast\"\n      @close=\"() => (showToast = false)\"\n      :title=\"toastTitle\"\n      :message=\"toastMessage\"\n    />\n  </div>\n</template>\n\n<script>\n// import Swal from \"sweetalert2\";\nimport appConfig from \"@/app.config\";\nimport {\n  layoutMethods,\n  layoutComputed,\n  campaignMethods,\n  campaignComputed,\n} from \"@/state/helpers\";\nimport Toast from \"@/components/widgets/toast.vue\";\n\n/**\n * Users list component\n */\nexport default {\n  page: {\n    title: \"Collateral List\",\n    meta: [\n      {\n        name: \"description\",\n        content: appConfig.description,\n      },\n    ],\n  },\n  data() {\n    return {\n      // title: \"User\",\n      collaterals: [],\n      collateralsTotalRows: 0,\n      currentPage: 1,\n      perPage: 10,\n      pageOptions: [10, 25, 50],\n      filter: null,\n      filterOn: [],\n      sortBy: \"c.id\",\n      sortDesc: false,\n      search: {\n        keyword: \"\",\n        status: null,\n        shippingStatus: null,\n        collateralType: null\n      },\n      fields: [\n        {\n          key: \"collaterals\",\n          sortable: true,\n          tdClass: \"align-middle\",\n        },\n        {\n          key: \"store_name\",\n          sortable: true,\n          tdClass: \"align-middle\",\n        },\n        {\n          key: \"status\",\n          sortable: true,\n          tdClass: \"align-middle\",\n        },\n        {\n          key: \"shipping_status\",\n          sortable: true,\n          tdClass: \"align-middle\",\n        },\n        {\n          key: \"size\",\n          sortable: true,\n          tdClass: \"align-middle\",\n        },\n        // {\n        //   key: \"qty_needed\",\n        //   sortable: false,\n        //   tdClass: \"align-middle\",\n        // },\n      ],\n      submitted: false,\n      statusFilter: [\n        { text: 'All', value: null },\n        { text: 'To Ship', value: 'toShip' },\n        { text: 'Shipping', value: 'shipping' },\n        { text: 'Received', value: 'received' },\n        { text: 'Checkpoint', value: 'checkpoint' },\n      ],\n      shippingStatusFilter: [\n        { text: 'All', value: null },\n        { text: 'To Ship', value: 'toShip' },\n        { text: 'Shipping', value: 'shipping' },\n        { text: 'Received', value: 'received' },\n      ],\n      collateralsFilter: [\n        { text: 'All', value: null },\n        { text: 'Tarpaulin', value: 'tarpaulin' },\n        { text: 'Banner', value: 'banner' },\n        { text: 'Window Box', value: 'window box' },\n        { text: 'Hanger', value: 'hanger' },\n      ],\n      isLoading: false,\n      isSearching: false,\n    };\n  },\n  components: {\n    Toast,\n  },\n  computed: {\n    ...layoutComputed,\n    ...campaignComputed,\n  },\n  async mounted() {\n    this.changeBreadCrumb({\n      breadCrumbs: [\n        { text: \"My Space\", to: {} },\n        { text: \"Marketing Campaign Details\", to: {} },\n        { text: \"Collateral List\", to: {} },\n      ],\n    });\n    this.changeBackButton({\n      value: true,\n    });\n    this.changePrevRoute({\n      name: `campaign-details/${this.$route.params.id}`,\n      params: {},\n    });\n    \n    this.getCollaterals();\n\n    // get the module access for checking if user has create, read, update, and/or delete access\n    // await getModuleAccess(\"Settings\", \"User Management\", \"Roles\").then(\n    //   (access) => (this.rolesModule.access = access)\n    // );\n  },\n  methods: {\n    ...layoutMethods,\n    ...campaignMethods,\n    getCollaterals() {\n      this.isLoading = true;\n      this.currentPage = this.isSearching ? 1 : this.currentPage;\n      let params = {\n        id: this.$route.params.id,\n        page: this.currentPage,\n        rows: this.perPage,\n        search: this.search,\n        sort: this.sortBy,\n        sortDesc: this.sortDesc,\n      };\n\n      this.getCollateralList(params).then(() => {\n        this.isLoading = false;\n        this.isSearching = false;\n        this.collaterals = this.collateralsList;\n        this.collateralsTotalRows = this.collateralsTotal;\n      });\n    },\n    onExport() {\n      this.$toast.showToast('info', 'Coming Soon!', 'Stay tuned for this feature.');\n    }\n  },\n};\n</script>\n\n<style scoped>\n.cstm-badge {\n  color: #fff;\n  background-color: #0062ff;\n  border-radius: 10px;\n  margin-left: 10px;\n}\n\n.table {\n  --bs-table-bg: transparent;\n}\n\n.table th {\n  background-color: #f5f6f8;\n}\n\n.custom-search-icon {\n  font-size: 1.5rem;\n  background-color: transparent;\n  border-right: 0px;\n  border-radius: 5px 0px 0px 5px;\n}\n\n.custom-input {\n  border-left: 0;\n  border-radius: 0px 5px 5px 0px !important;\n}\n\n.table td {\n  width: 400px;\n}\n\n.form-check-input {\n  border-color: #7e93a059;\n}\n\n.custom-search-width {\n  width: 400px;\n}\n\n.custom-fg-width {\n  width: 300px;\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./collateral-list.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!./collateral-list.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./collateral-list.vue?vue&type=template&id=0113451a&scoped=true&\"\nimport script from \"./collateral-list.vue?vue&type=script&lang=js&\"\nexport * from \"./collateral-list.vue?vue&type=script&lang=js&\"\nimport style0 from \"./collateral-list.vue?vue&type=style&index=0&id=0113451a&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0113451a\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./collateral-list.vue?vue&type=style&index=0&id=0113451a&prod&scoped=true&lang=css&\""],"sourceRoot":""}