{"version":3,"sources":["webpack:///./src/views/VmHolders.vue?0ec5","webpack:///src/views/VmHolders.vue","webpack:///./src/views/VmHolders.vue?4a94","webpack:///./src/views/VmHolders.vue","webpack:///./src/views/VmHolders.vue?cea6"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_m","directives","name","rawName","modifiers","attrs","on","Download","staticStyle","staticRenderFns","components","data","dataTransaction","pageOfItems","currentPage","perPage","lengthData","trade_id","offset","form","startDate","endDate","mounted","getData","methods","handlePageChange","value","window","scrollTo","filterDate","trade","tradeSell","divToPrint","document","getElementById","htmlToPrint","outerHTML","newWin","open","write","print","close","computed","rows","component"],"mappings":"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","file":"js/chunk-0b736ca7.df5d18a2.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrap-dashboard\"},[_c('div',{staticClass:\"main-content\"},[_c('div',{staticClass:\"wrap-content\"},[_c('div',{staticClass:\"title-page\"},[_vm._v(\"Holders\")]),_c('div',{staticClass:\"content\"},[_c('table',[_vm._m(0),_c('tbody',[_c('tr',[_c('td',[_vm._v(\"1\")]),_c('td',[_vm._v(\"LP000003\")]),_c('td',[_vm._v(\"IB000005\")]),_c('td',[_vm._v(\"39\")]),_c('td',[_vm._v(\"30.000\")]),_c('td',[_vm._v(\"33\")]),_c('td',[_vm._v(\"3.363,29\")]),_c('td',[_vm._v(\"49.957.299\")]),_c('td',[_vm._v(\"Paid\")]),_c('td',[_vm._v(\"Collateralized\")]),_c('td',[_c('button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modal-1\",modifiers:{\"modal-1\":true}}],staticClass:\"btn btn-outline-info btn-sm\",attrs:{\"type\":\"button\"}},[_vm._v(\"Detail\")])])]),_c('tr',[_c('td',[_vm._v(\"2\")]),_c('td',[_vm._v(\"LP000057\")]),_c('td',[_vm._v(\"IB000005\")]),_c('td',[_vm._v(\"10\")]),_c('td',[_vm._v(\"10.000\")]),_c('td',[_vm._v(\"33\")]),_c('td',[_vm._v(\"1.121,1\")]),_c('td',[_vm._v(\"16.652.433\")]),_c('td',[_vm._v(\"Paid\")]),_c('td',[_vm._v(\"Collateralized\")]),_c('td',[_c('button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modal-1\",modifiers:{\"modal-1\":true}}],staticClass:\"btn btn-outline-info btn-sm\",attrs:{\"type\":\"button\"}},[_vm._v(\"Detail\")])])])])]),_c('b-modal',{attrs:{\"id\":\"modal-1\",\"title\":\"Holding Details\",\"hide-footer\":\"\",\"size\":\"xl\"}},[_c('button',{staticClass:\"btn btn-scondary mb-3 text-right\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.Download}},[_c('b-icon',{attrs:{\"icon\":\"download\"}}),_vm._v(\" Deposit Confirmation\")],1),_c('table',{attrs:{\"id\":\"tableDetail\"}},[_c('thead',[_c('tr',{attrs:{\"id\":\"top\"}},[_c('th',{staticStyle:{\"width\":\"70px\"},attrs:{\"scope\":\"col\"}},[_vm._v(\"No\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Contract\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Deposit Date\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Hallmark\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Quantity\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Weight (gr)\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Total(gr)\")])])]),_c('tbody',[_c('tr',[_c('td',{attrs:{\"data-label\":\"No\"}},[_vm._v(\"1\")]),_c('td',{attrs:{\"data-label\":\"Trade Match Id\"}},[_vm._v(\"1 gr\")]),_c('td',{attrs:{\"data-label\":\"Time Stamp\"}},[_vm._v(\"28 Desember 2022\")]),_c('td',{staticClass:\"description\",attrs:{\"data-label\":\"Order Id\"}},[_vm._v(\"Heraeus Ltd Hong Kong\")]),_c('td',{attrs:{\"data-label\":\"Remarks\"}},[_vm._v(\"19\")]),_c('td',{attrs:{\"data-label\":\"VA Code\"}},[_vm._v(\"1.000\")]),_c('td',{attrs:{\"data-label\":\"Amount\"}},[_vm._v(\"19.000\")])]),_c('tr',[_c('td',{attrs:{\"data-label\":\"No\"}},[_vm._v(\"2\")]),_c('td',{attrs:{\"data-label\":\"Trade Match Id\"}},[_vm._v(\"1 gr\")]),_c('td',{attrs:{\"data-label\":\"Time Stamp\"}},[_vm._v(\"28 Desember 2022\")]),_c('td',{staticClass:\"description\",attrs:{\"data-label\":\"Order Id\"}},[_vm._v(\"Metalor Technologies Singapore Pte Ltd\")]),_c('td',{attrs:{\"data-label\":\"Remarks\"}},[_vm._v(\"9\")]),_c('td',{attrs:{\"data-label\":\"VA Code\"}},[_vm._v(\"1.000\")]),_c('td',{attrs:{\"data-label\":\"Amount\"}},[_vm._v(\"9.000\")])]),_c('tr',[_c('td',{attrs:{\"data-label\":\"No\"}},[_vm._v(\"3\")]),_c('td',{attrs:{\"data-label\":\"Trade Match Id\"}},[_vm._v(\"100 gr\")]),_c('td',{attrs:{\"data-label\":\"Time Stamp\"}},[_vm._v(\"28 Desember 2022\")]),_c('td',{staticClass:\"description\",attrs:{\"data-label\":\"Order Id\"}},[_vm._v(\"Argor-Heraeus SA\")]),_c('td',{attrs:{\"data-label\":\"Remarks\"}},[_vm._v(\"10\")]),_c('td',{attrs:{\"data-label\":\"VA Code\"}},[_vm._v(\"100\")]),_c('td',{attrs:{\"data-label\":\"Amount\"}},[_vm._v(\"1.000\")])]),_c('tr',[_c('td',{attrs:{\"data-label\":\"No\"}},[_vm._v(\"4\")]),_c('td',{attrs:{\"data-label\":\"Trade Match Id\"}},[_vm._v(\"1.000 gr\")]),_c('td',{attrs:{\"data-label\":\"Time Stamp\"}},[_vm._v(\"28 Desember 2022\")]),_c('td',{staticClass:\"description\",attrs:{\"data-label\":\"Order Id\"}},[_vm._v(\"Metalor Technologies Singapore Pte Ltd\")]),_c('td',{attrs:{\"data-label\":\"Remarks\"}},[_vm._v(\"1\")]),_c('td',{attrs:{\"data-label\":\"VA Code\"}},[_vm._v(\"1.000\")]),_c('td',{attrs:{\"data-label\":\"Amount\"}},[_vm._v(\"1.000\")])])])])])],1)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('tr',{attrs:{\"id\":\"top\"}},[_c('th',{staticStyle:{\"width\":\"70px\"},attrs:{\"scope\":\"col\",\"rowspan\":\"2\"}},[_vm._v(\"No\")]),_c('th',{attrs:{\"scope\":\"col\",\"rowspan\":\"2\"}},[_vm._v(\"HIN\")]),_c('th',{attrs:{\"scope\":\"col\",\"rowspan\":\"2\"}},[_vm._v(\"IB Code\")]),_c('th',{attrs:{\"scope\":\"col\",\"rowspan\":\"2\"}},[_vm._v(\"Quantity\")]),_c('th',{attrs:{\"scope\":\"col\",\"rowspan\":\"2\"}},[_vm._v(\"Weight (gr)\")]),_c('th',{attrs:{\"scope\":\"col\",\"colspan\":\"4\"}},[_vm._v(\"Storage Information\")]),_c('th',{attrs:{\"scope\":\"col\",\"rowspan\":\"2\"}},[_vm._v(\"Bullion Status\")]),_c('th',{attrs:{\"scope\":\"col\",\"rowspan\":\"2\"}},[_vm._v(\"Detail\")])]),_c('tr',[_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Days\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"$US\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"IDR\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Status\")])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"wrap-dashboard\">\n    <div class=\"main-content\">\n      <div class=\"wrap-content\">\n        <div class=\"title-page\">Holders</div>\n        <!-- <div class=\"filter\">\n          <div>\n            <div class=\"wrap-input\">\n              <label class=\"label-input\">Depositor</label>\n              <input type=\"text\" name=\"example\" list=\"exampleList\" class=\"input-datalist\" />\n              <datalist id=\"exampleList\">\n                <option value=\"ALL\"></option>\n                <option value=\"LP1\"></option>\n                <option value=\"LP2\"></option>\n                <option value=\"LP3\"></option>\n                <option value=\"IB1 ABI KB\"></option>\n              </datalist>\n            </div>\n            <div class=\"wrap-input\">\n              <label class=\"label-input\">Total Weight</label>\n              <span>40.000 gr</span>\n            </div>\n          </div>\n          <div>\n            <div class=\"wrap-input\">\n              <label class=\"label-input\">Periode</label>\n              <select>\n                <option selected value=\"all\">Year</option>\n                <option value=\"lp1\">Monthly</option>\n                <option value=\"lp2\">Weekly</option>\n                <option value=\"lp3\">Daily</option>\n              </select>\n            </div>\n            <div class=\"wrap-input\">\n              <label class=\"label-input\">Metal Type</label>\n              <span>Gold</span>\n            </div>\n          </div>\n          <div>\n            <div class=\"wrap-input\">\n              <label class=\"label-input\">Trading Contract</label>\n              <select>\n                <option value=\"ALL\" selected>ALL</option>\n                <option value=\"0.01gr\">KAU 0.01gr</option>\n                <option value=\"1gr\">1gr</option>\n              </select>\n            </div>\n            <div class=\"wrap-input\">\n              <label class=\"label-input\">Total Storage Fee </label>\n              <span>66.609.731,51</span>\n            </div>\n          </div>\n          <div>\n            <div class=\"wrap-input\">\n              <label class=\"label-input\">Allocated</label>\n              <select>\n                <option selected value=\"all\">ALL</option>\n                <option value=\"lp1\">Pool</option>\n                <option value=\"lp2\">Non Pool</option>\n              </select>\n            </div>\n            <div class=\"wrap-input\">\n              <label class=\"label-input\">Hub</label>\n              <span>Jakarta</span>\n            </div>\n          </div>\n        </div> -->\n        <div class=\"content\">\n          <table>\n            <thead>\n              <tr id=\"top\">\n                <th scope=\"col\" rowspan=\"2\" style=\"width: 70px\">No</th>\n                <th scope=\"col\" rowspan=\"2\">HIN</th>\n                <th scope=\"col\" rowspan=\"2\">IB Code</th>\n                <th scope=\"col\" rowspan=\"2\">Quantity</th>\n                <th scope=\"col\" rowspan=\"2\">Weight (gr)</th>\n                <th scope=\"col\" colspan=\"4\">Storage Information</th>\n                <th scope=\"col\" rowspan=\"2\">Bullion Status</th>\n                <th scope=\"col\" rowspan=\"2\">Detail</th>\n              </tr>\n              <tr>\n                <th scope=\"col\">Days</th>\n                <th scope=\"col\">$US</th>\n                <th scope=\"col\">IDR</th>\n                <th scope=\"col\">Status</th>\n              </tr>\n            </thead>\n            <tbody>\n              <tr>\n                <td>1</td>\n                <td>LP000003</td>\n                <td>IB000005</td>\n                <td>39</td>\n                <td>30.000</td>\n                <td>33</td>\n                <td>3.363,29</td>\n                <td>49.957.299</td>\n                <td>Paid</td>\n                <td>Collateralized</td>\n                <td>\n                  <button type=\"button\" class=\"btn btn-outline-info btn-sm\" v-b-modal.modal-1>Detail</button>\n                </td>\n              </tr>\n              <tr>\n                <td>2</td>\n                <td>LP000057</td>\n                <td>IB000005</td>\n                <td>10</td>\n                <td>10.000</td>\n                <td>33</td>\n                <td>1.121,1</td>\n                <td>16.652.433</td>\n                <td>Paid</td>\n                <td>Collateralized</td>\n                <td>\n                  <button type=\"button\" class=\"btn btn-outline-info btn-sm\" v-b-modal.modal-1>Detail</button>\n                </td>\n              </tr>\n            </tbody>\n          </table>\n          <b-modal id=\"modal-1\" title=\"Holding Details\" hide-footer size=\"xl\">\n            <button type=\"button\" class=\"btn btn-scondary mb-3 text-right\" @click=\"Download\"><b-icon icon=\"download\"></b-icon> Deposit Confirmation</button>\n            <table id=\"tableDetail\">\n              <thead>\n                <tr id=\"top\">\n                  <th scope=\"col\" style=\"width: 70px\">No</th>\n                  <th scope=\"col\">Contract</th>\n                  <th scope=\"col\">Deposit Date</th>\n                  <th scope=\"col\">Hallmark</th>\n                  <th scope=\"col\">Quantity</th>\n                  <th scope=\"col\">Weight (gr)</th>\n                  <th scope=\"col\">Total(gr)</th>\n                </tr>\n              </thead>\n              <tbody>\n                <tr>\n                  <td data-label=\"No\">1</td>\n                  <td data-label=\"Trade Match Id\">1 gr</td>\n                  <td data-label=\"Time Stamp\">28 Desember 2022</td>\n                  <td data-label=\"Order Id\" class=\"description\">Heraeus Ltd Hong Kong</td>\n                  <td data-label=\"Remarks\">19</td>\n                  <td data-label=\"VA Code\">1.000</td>\n                  <td data-label=\"Amount\">19.000</td>\n                </tr>\n                <tr>\n                  <td data-label=\"No\">2</td>\n                  <td data-label=\"Trade Match Id\">1 gr</td>\n                  <td data-label=\"Time Stamp\">28 Desember 2022</td>\n                  <td data-label=\"Order Id\" class=\"description\">Metalor Technologies Singapore Pte Ltd</td>\n                  <td data-label=\"Remarks\">9</td>\n                  <td data-label=\"VA Code\">1.000</td>\n                  <td data-label=\"Amount\">9.000</td>\n                </tr>\n                <tr>\n                  <td data-label=\"No\">3</td>\n                  <td data-label=\"Trade Match Id\">100 gr</td>\n                  <td data-label=\"Time Stamp\">28 Desember 2022</td>\n                  <td data-label=\"Order Id\" class=\"description\">Argor-Heraeus SA</td>\n                  <td data-label=\"Remarks\">10</td>\n                  <td data-label=\"VA Code\">100</td>\n                  <td data-label=\"Amount\">1.000</td>\n                </tr>\n                <tr>\n                  <td data-label=\"No\">4</td>\n                  <td data-label=\"Trade Match Id\">1.000 gr</td>\n                  <td data-label=\"Time Stamp\">28 Desember 2022</td>\n                  <td data-label=\"Order Id\" class=\"description\">Metalor Technologies Singapore Pte Ltd</td>\n                  <td data-label=\"Remarks\">1</td>\n                  <td data-label=\"VA Code\">1.000</td>\n                  <td data-label=\"Amount\">1.000</td>\n                </tr>\n\n                <!-- <tr v-show=\"data.length == 0\">\n                <td colspan=\"12\">No Data Available</td>\n              </tr> -->\n              </tbody>\n            </table>\n          </b-modal>\n          <!-- <b-pagination\n            v-model=\"currentPage\"\n            :total-rows=\"lengthData\"\n            :per-page=\"perPage\"\n            @change=\"handlePageChange\"\n            aria-controls=\"new-table\"\n            first-number\n            last-number\n            v-show=\"lengthData > 10\"\n          ></b-pagination> -->\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport axios from \"axios\";\nexport default {\n  components: {},\n  data() {\n    return {\n      dataTransaction: [],\n      pageOfItems: [],\n      currentPage: 1,\n      perPage: 10,\n      lengthData: 1,\n      trade_id: [],\n      offset: 0,\n      data: [],\n      form: {\n        startDate: \"\",\n        endDate: \"\",\n      },\n    };\n  },\n  mounted() {\n    this.getData(this.currentPage);\n  },\n  methods: {\n    handlePageChange(value) {\n      this.getData(value);\n      window.scrollTo({ top: 0, behavior: \"smooth\" });\n    },\n    filterDate() {\n      axios\n        .get(\n          \"https://api2-dev.abicommodity.co.id/v1/counter/get/customer/transaction?offset=&limit=&startDate=\" + this.form.startDate + \"&endDate=\" + this.form.endDate\n        )\n        .then((res) => {\n          this.data = res.data.data.data;\n          this.lengthData = res.data.data.count;\n          for (let i = 0; i < this.data.length; i++) {\n            let trade;\n            let tradeSell;\n            trade = this.data[i].direction[0].trade_id;\n            tradeSell = this.data[i].direction[1].trade_id;\n            if (trade && tradeSell) {\n              this.data[i].direction[0].tradebuy = trade.split(\";\");\n              this.data[i].direction[1].tradeSell = tradeSell.split(\";\");\n            } else {\n              this.data[i].direction[0].tradebuy = \"\";\n              this.data[i].direction[1].tradeSell = \"\";\n            }\n          }\n        });\n    },\n    getData(value) {\n      let offset = (value - 1) * this.perPage;\n      axios.get(\"https://api2-dev.abicommodity.co.id/v1/counter/get/customer/transaction?offset=\" + offset + \"&limit=10\").then((res) => {\n        this.data = res.data.data.data;\n        this.lengthData = res.data.data.count;\n        for (let i = 0; i < this.data.length; i++) {\n          // console.log(this.data[i]);\n          let trade;\n          let tradeSell;\n          trade = this.data[i].direction[0].trade_id;\n          tradeSell = this.data[i].direction[1].trade_id;\n          if (trade && tradeSell) {\n            this.data[i].direction[0].tradebuy = trade.split(\";\");\n            this.data[i].direction[1].tradeSell = tradeSell.split(\";\");\n          } else {\n            this.data[i].direction[0].tradebuy = \"\";\n            this.data[i].direction[1].tradeSell = \"\";\n          }\n        }\n      });\n    },\n\n    Download() {\n      // var mywindow = window.open(\"\", \"PRINT\", \"height=400,width=600\");\n\n      // mywindow.document.write(\"<html><head><title>\" + document.title + \"</title>\");\n      // mywindow.document.write(\"</head><body >\");\n      // mywindow.document.write(\"<h1>\" + document.title + \"</h1>\");\n      // mywindow.document.write(document.getElementById(\"tableDetail\").innerHTML);\n      // mywindow.document.write(\"</body></html>\");\n\n      // mywindow.document.close(); // necessary for IE >= 10\n      // mywindow.focus(); // necessary for IE >= 10*/\n\n      // mywindow.print();\n      // mywindow.close();\n\n      var divToPrint = document.getElementById(\"tableDetail\");\n      var htmlToPrint = \"\" + '<style type=\"text/css\">' + \"table th, table td {\" + \"border:1px solid #000;\" + \"padding:0.5em;\" + \"}\" + \"</style>\";\n      htmlToPrint += divToPrint.outerHTML;\n      var newWin = window.open(\"\");\n      newWin.document.write(htmlToPrint);\n      newWin.print();\n      newWin.close();\n    },\n  },\n  computed: {\n    rows() {\n      return (this.currentPage - 1) * this.perPage;\n    },\n  },\n};\n</script>\n\n<style scoped>\n/*.wrap-dashboard {\n  min-height: 100vh;\n  margin: 0;\n  display: grid;\n  grid-template-rows: auto 1fr auto;\n}*/\n\n.title-page {\n  font-size: 25px;\n  font-weight: bold;\n  margin-bottom: 40px;\n}\n\n.wrap-content {\n  width: 98%;\n  height: 100%;\n  margin: 0 auto;\n  padding: 20px 25px;\n}\n\n.content {\n  display: flex;\n  gap: 1rem;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n\n.icon-trade {\n  width: 25px;\n}\n\n.footer {\n  background: var(--primary-color);\n  color: white;\n  padding: 20px 47px;\n  display: flex;\n  justify-content: space-between;\n  margin-top: auto;\n  height: 62px;\n}\n\n.filter {\n  display: flex;\n  gap: 1rem;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 20px;\n  font-size: 12px;\n  flex-wrap: wrap;\n}\n\n.wrap-input {\n  margin-bottom: 10px;\n}\n.label-input {\n  width: 108px;\n}\nselect {\n  width: 130px;\n  border-radius: 3px;\n  border-color: #a5a5a5a5;\n  padding: 3px;\n}\n\n.input-datalist {\n  border-radius: 3px;\n  border: 1px solid #a5a5a5a5;\n  padding: 1.5px 5px;\n}\n\n.card {\n  width: 314px;\n  font-size: 14px;\n  border-radius: 10px;\n}\n\n.card-header {\n  padding: 1rem;\n}\n\n.buyer,\n.seller,\n.card-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.title {\n  font-size: 12px;\n  position: relative;\n  left: 20px;\n}\n\n.title::before {\n  content: \"\";\n  position: absolute;\n  width: 11px;\n  height: 11px;\n  border-radius: 50%;\n  background: var(--scondary-color);\n  left: -17px;\n  top: 3px;\n}\n\n.buyer {\n  margin-bottom: 20px;\n}\n\n.content-right {\n  text-align: right;\n}\n\n.amount {\n  font-weight: bold;\n}\n\n.btn-primer {\n  background: var(--scondary-color);\n  border: none;\n  color: #ffffff;\n  padding: 5px 25px;\n  border-radius: 5px;\n}\n\n.btn-primer:hover {\n  background-color: var(--scondary-color-hover);\n}\n\n@media print {\n  * {\n    display: none;\n  }\n  table {\n    display: block;\n  }\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!./VmHolders.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!./VmHolders.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VmHolders.vue?vue&type=template&id=2432577e&scoped=true&\"\nimport script from \"./VmHolders.vue?vue&type=script&lang=js&\"\nexport * from \"./VmHolders.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VmHolders.vue?vue&type=style&index=0&id=2432577e&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  \"2432577e\",\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/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!./VmHolders.vue?vue&type=style&index=0&id=2432577e&scoped=true&lang=css&\""],"sourceRoot":""}