(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[118],{

/***/ "./frontend/src/@core/components/b-card-code/index.js":
/*!************************************************************!*\
  !*** ./frontend/src/@core/components/b-card-code/index.js ***!
  \************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _BCardCode_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./BCardCode.vue */ "./frontend/src/@core/components/b-card-code/BCardCode.vue");

/* harmony default export */ __webpack_exports__["default"] = (_BCardCode_vue__WEBPACK_IMPORTED_MODULE_0__["default"]);

/***/ }),

/***/ "./frontend/src/assets/images/icons/pdf.png":
/*!**************************************************!*\
  !*** ./frontend/src/assets/images/icons/pdf.png ***!
  \**************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = "/images/_/_/_/_/twic_terminal/frontend/src/assets/images/icons/pdf.png";

/***/ }),

/***/ "./frontend/src/views/inventory/inventory-list/InventoryView.vue":
/*!***********************************************************************!*\
  !*** ./frontend/src/views/inventory/inventory-list/InventoryView.vue ***!
  \***********************************************************************/
/*! no static exports found */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _InventoryView_vue_vue_type_template_id_de2e0d02___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./InventoryView.vue?vue&type=template&id=de2e0d02& */ "./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=template&id=de2e0d02&");
/* harmony import */ var _InventoryView_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./InventoryView.vue?vue&type=script&lang=js& */ "./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=script&lang=js&");
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _InventoryView_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _InventoryView_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[key]; }) }(__WEBPACK_IMPORT_KEY__));
/* harmony import */ var _InventoryView_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./InventoryView.vue?vue&type=style&index=0&lang=scss& */ "./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=style&index=0&lang=scss&");
/* harmony import */ var _InventoryView_vue_vue_type_style_index_1_lang_css___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./InventoryView.vue?vue&type=style&index=1&lang=css& */ "./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=style&index=1&lang=css&");
/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");







/* normalize component */

var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_4__["default"])(
  _InventoryView_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
  _InventoryView_vue_vue_type_template_id_de2e0d02___WEBPACK_IMPORTED_MODULE_0__["render"],
  _InventoryView_vue_vue_type_template_id_de2e0d02___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
  false,
  null,
  null,
  null
  
)

/* hot reload */
if (false) { var api; }
component.options.__file = "frontend/src/views/inventory/inventory-list/InventoryView.vue"
/* harmony default export */ __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ "./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=script&lang=js&":
/*!************************************************************************************************!*\
  !*** ./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=script&lang=js& ***!
  \************************************************************************************************/
/*! no static exports found */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_InventoryView_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./InventoryView.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=script&lang=js&");
/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_InventoryView_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 

/***/ }),

/***/ "./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=style&index=0&lang=scss&":
/*!*********************************************************************************************************!*\
  !*** ./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=style&index=0&lang=scss& ***!
  \*********************************************************************************************************/
/*! no static exports found */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_2_node_modules_sass_loader_dist_cjs_js_ref_7_3_node_modules_sass_loader_dist_cjs_js_ref_11_0_node_modules_vue_loader_lib_index_js_vue_loader_options_InventoryView_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/style-loader!../../../../../node_modules/css-loader!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--7-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--7-3!../../../../../node_modules/sass-loader/dist/cjs.js??ref--11-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./InventoryView.vue?vue&type=style&index=0&lang=scss& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=style&index=0&lang=scss&");
/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_2_node_modules_sass_loader_dist_cjs_js_ref_7_3_node_modules_sass_loader_dist_cjs_js_ref_11_0_node_modules_vue_loader_lib_index_js_vue_loader_options_InventoryView_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_2_node_modules_sass_loader_dist_cjs_js_ref_7_3_node_modules_sass_loader_dist_cjs_js_ref_11_0_node_modules_vue_loader_lib_index_js_vue_loader_options_InventoryView_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_2_node_modules_sass_loader_dist_cjs_js_ref_7_3_node_modules_sass_loader_dist_cjs_js_ref_11_0_node_modules_vue_loader_lib_index_js_vue_loader_options_InventoryView_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_2_node_modules_sass_loader_dist_cjs_js_ref_7_3_node_modules_sass_loader_dist_cjs_js_ref_11_0_node_modules_vue_loader_lib_index_js_vue_loader_options_InventoryView_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));


/***/ }),

/***/ "./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=style&index=1&lang=css&":
/*!********************************************************************************************************!*\
  !*** ./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=style&index=1&lang=css& ***!
  \********************************************************************************************************/
/*! no static exports found */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_InventoryView_vue_vue_type_style_index_1_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/style-loader!../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--6-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./InventoryView.vue?vue&type=style&index=1&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=style&index=1&lang=css&");
/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_InventoryView_vue_vue_type_style_index_1_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_InventoryView_vue_vue_type_style_index_1_lang_css___WEBPACK_IMPORTED_MODULE_0__);
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_InventoryView_vue_vue_type_style_index_1_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_InventoryView_vue_vue_type_style_index_1_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));


/***/ }),

/***/ "./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=template&id=de2e0d02&":
/*!******************************************************************************************************!*\
  !*** ./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=template&id=de2e0d02& ***!
  \******************************************************************************************************/
/*! exports provided: render, staticRenderFns */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_InventoryView_vue_vue_type_template_id_de2e0d02___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./InventoryView.vue?vue&type=template&id=de2e0d02& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=template&id=de2e0d02&");
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_InventoryView_vue_vue_type_template_id_de2e0d02___WEBPACK_IMPORTED_MODULE_0__["render"]; });

/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_InventoryView_vue_vue_type_template_id_de2e0d02___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });



/***/ }),

/***/ "./frontend/src/views/inventory/inventory-list/code.js":
/*!*************************************************************!*\
  !*** ./frontend/src/views/inventory/inventory-list/code.js ***!
  \*************************************************************/
/*! exports provided: codeBasic, codeAlignment */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeBasic", function() { return codeBasic; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeAlignment", function() { return codeAlignment; });
var codeBasic = "\n<template>\n  <b-tabs pills>\n    <b-tab\n      title=\"Overview\"\n      active\n    >\n      <b-card-text>\n        Pastry gummi bears sweet roll candy canes topping ice cream. Candy canes fruitcake cookie carrot cake pastry. Lollipop caramels sesame snaps pie tootsie roll macaroon dessert. Muffin jujubes brownie drag\xE9e ice cream cheesecake icing. Danish brownie pastry cotton candy donut. Cheesecake donut candy canes. Jelly beans croissant bonbon cookie toffee. Souffl\xE9 croissant lemon drops tootsie roll toffee tiramisu.\n      </b-card-text>\n    </b-tab>\n    <b-tab title=\"Activities\">\n      <b-card-text>\n        Pudding candy canes sugar plum cookie chocolate cake powder croissant. Carrot cake tiramisu danish candy cake muffin croissant tart dessert. Tiramisu caramels candy canes chocolate cake sweet roll liquorice icing cupcake.Bear claw chocolate chocolate cake jelly-o pudding lemon drops sweet roll sweet candy. Chocolate sweet chocolate bar candy chocolate bar chupa chups gummi bears lemon drops.\n      </b-card-text>\n    </b-tab>\n    <b-tab\n      title=\"Notes\"\n    >\n      <b-card-text>Pudding candy canes sugar plum cookie chocolate cake powder croissant. Carrot cake tiramisu danish candy cake muffin croissant tart dessert. Tiramisu caramels candy canes chocolate cake sweet roll liquorice icing cupcake.</b-card-text>\n    </b-tab>\n    <b-tab title=\"Payments\">\n      <b-card-text>\n        Carrot cake drag\xE9e chocolate. Lemon drops ice cream wafer gummies drag\xE9e. Chocolate bar liquorice cheesecake cookie chupa chups marshmallow oat cake biscuit. Dessert toffee fruitcake ice cream powder tootsie roll cake.Chocolate bonbon chocolate chocolate cake halvah tootsie roll marshmallow. Brownie chocolate toffee toffee jelly beans bonbon sesame snaps sugar plum candy canes.\n      </b-card-text>\n    </b-tab>\n  </b-tabs>\n</template>\n\n<script>\nimport { BTab, BTabs } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BTab,\n    BTabs,\n  },\n}\n</script>\n";
var codeAlignment = "\n<template>\n  <div>\n    <b-tabs\n      pills\n      align=\"left\"\n    >\n      <b-tab\n        title=\"Overview\"\n        active\n      >\n        <b-card-text>\n          {{ tabData[0]['overview'] }}\n        </b-card-text>\n      </b-tab>\n      <b-tab title=\"Activities\">\n        <b-card-text>\n          {{ tabData[1]['activities'] }}\n        </b-card-text>\n      </b-tab>\n      <b-tab\n        title=\"Notes\"\n      >\n        {{ tabData[2]['notes'] }}\n      </b-tab>\n      <b-tab\n        title=\"Payments\"\n      >\n        <b-card-text>\n          {{ tabData[3]['payments'] }}\n        </b-card-text>\n      </b-tab>\n    </b-tabs>\n   \n    <b-tabs\n      pills\n      align=\"right\"\n    >\n      <b-tab\n        title=\"General\"\n        active\n      >\n        <b-card-text>\n          {{ tabData[0]['general'] }}\n        </b-card-text>\n      </b-tab>\n      <b-tab title=\"Front\">\n        <b-card-text>\n          {{ tabData[1]['front'] }}\n        </b-card-text>\n      </b-tab>\n      <b-tab\n        title=\"Notes\"\n      >\n        {{ tabData[2]['notes'] }}\n      </b-tab>\n      <b-tab title=\"Payments\">\n        <b-card-text>\n          {{ tabData[3]['payments'] }}\n        </b-card-text>\n      </b-tab>\n    </b-tabs>\n  </div>\n</template>\n\n<script>\nimport { BTabs, BTab } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BTabs,\n    BTab,\n  },\n   data() {\n    return {\n      tabData: [\n        { overview: 'Candy canes donut chupa chups candy canes lemon drops oat cake wafer. Cotton candy candy canes marzipan carrot cake. Sesame snaps lemon drops candy marzipan donut brownie tootsie roll. Icing croissant bonbon biscuit gummi bears. Pastry gummi bears sweet roll candy canes topping ice cream. Candy canes fruitcake cookie carrot cake pastry.' },\n        { activities: 'Carrot cake drag\xE9e chocolate. Lemon drops ice cream wafer gummies drag\xE9e. Chocolate bar liquorice cheesecake cookie chupa chups marshmallow oat cake biscuit. Dessert toffee fruitcake ice cream powder tootsie roll cake.Pudding candy canes sugar plum cookie chocolate cake powder croissant.' },\n        { notes: 'loremadjlkdsajflk' },\n        { payments: 'Carrot cake drag\xE9e chocolate. Lemon drops ice cream wafer gummies drag\xE9e. Chocolate bar liquorice cheesecake cookie chupa chups marshmallow oat cake biscuit. Dessert toffee fruitcake ice cream powder tootsie roll cake.Carrot cake drag\xE9e chocolate. Lemon drops ice cream wafer gummies drag\xE9e. Chocolate bar liquorice cheesecake cookie chupa chups marshmallow oat cake biscuit.' },\n        { general: 'Candy canes donut chupa chups candy canes lemon drops oat cake wafer. Cotton candy candy canes marzipan carrot cake. Sesame snaps lemon drops candy marzipan donut brownie tootsie roll. Icing croissant bonbon biscuit gummi bears. Pastry gummi bears sweet roll candy canes topping ice cream. Candy canes fruitcake cookie carrot cake pastry.' },\n        { front: 'Carrot cake drag\xE9e chocolate. Lemon drops ice cream wafer gummies drag\xE9e. Chocolate bar liquorice cheesecake cookie chupa chups marshmallow oat cake biscuit. Dessert toffee fruitcake ice cream powder tootsie roll cake.Pudding candy canes sugar plum cookie chocolate cake powder croissant.' },\n      ],\n    }\n  },\n}\n</script>\n";

/***/ }),

/***/ "./frontend/src/views/inventory/inventory-list/customerInformation.vue":
/*!*****************************************************************************!*\
  !*** ./frontend/src/views/inventory/inventory-list/customerInformation.vue ***!
  \*****************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _customerInformation_vue_vue_type_template_id_6b8192ec___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./customerInformation.vue?vue&type=template&id=6b8192ec& */ "./frontend/src/views/inventory/inventory-list/customerInformation.vue?vue&type=template&id=6b8192ec&");
/* harmony import */ var _customerInformation_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./customerInformation.vue?vue&type=script&lang=js& */ "./frontend/src/views/inventory/inventory-list/customerInformation.vue?vue&type=script&lang=js&");
/* empty/unused harmony star reexport *//* harmony import */ var _customerInformation_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./customerInformation.vue?vue&type=style&index=0&lang=css& */ "./frontend/src/views/inventory/inventory-list/customerInformation.vue?vue&type=style&index=0&lang=css&");
/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");






/* normalize component */

var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
  _customerInformation_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
  _customerInformation_vue_vue_type_template_id_6b8192ec___WEBPACK_IMPORTED_MODULE_0__["render"],
  _customerInformation_vue_vue_type_template_id_6b8192ec___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
  false,
  null,
  null,
  null
  
)

/* hot reload */
if (false) { var api; }
component.options.__file = "frontend/src/views/inventory/inventory-list/customerInformation.vue"
/* harmony default export */ __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ "./frontend/src/views/inventory/inventory-list/customerInformation.vue?vue&type=script&lang=js&":
/*!******************************************************************************************************!*\
  !*** ./frontend/src/views/inventory/inventory-list/customerInformation.vue?vue&type=script&lang=js& ***!
  \******************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_customerInformation_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./customerInformation.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/inventory/inventory-list/customerInformation.vue?vue&type=script&lang=js&");
/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_customerInformation_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 

/***/ }),

/***/ "./frontend/src/views/inventory/inventory-list/customerInformation.vue?vue&type=style&index=0&lang=css&":
/*!**************************************************************************************************************!*\
  !*** ./frontend/src/views/inventory/inventory-list/customerInformation.vue?vue&type=style&index=0&lang=css& ***!
  \**************************************************************************************************************/
/*! no static exports found */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_customerInformation_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/style-loader!../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--6-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./customerInformation.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/inventory/inventory-list/customerInformation.vue?vue&type=style&index=0&lang=css&");
/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_customerInformation_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_customerInformation_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_customerInformation_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_customerInformation_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));


/***/ }),

/***/ "./frontend/src/views/inventory/inventory-list/customerInformation.vue?vue&type=template&id=6b8192ec&":
/*!************************************************************************************************************!*\
  !*** ./frontend/src/views/inventory/inventory-list/customerInformation.vue?vue&type=template&id=6b8192ec& ***!
  \************************************************************************************************************/
/*! exports provided: render, staticRenderFns */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_customerInformation_vue_vue_type_template_id_6b8192ec___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./customerInformation.vue?vue&type=template&id=6b8192ec& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/inventory/inventory-list/customerInformation.vue?vue&type=template&id=6b8192ec&");
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_customerInformation_vue_vue_type_template_id_6b8192ec___WEBPACK_IMPORTED_MODULE_0__["render"]; });

/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_customerInformation_vue_vue_type_template_id_6b8192ec___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });



/***/ }),

/***/ "./frontend/src/views/inventory/inventory-list/customerInformationEdit.vue":
/*!*********************************************************************************!*\
  !*** ./frontend/src/views/inventory/inventory-list/customerInformationEdit.vue ***!
  \*********************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _customerInformationEdit_vue_vue_type_template_id_62e10616___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./customerInformationEdit.vue?vue&type=template&id=62e10616& */ "./frontend/src/views/inventory/inventory-list/customerInformationEdit.vue?vue&type=template&id=62e10616&");
/* harmony import */ var _customerInformationEdit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./customerInformationEdit.vue?vue&type=script&lang=js& */ "./frontend/src/views/inventory/inventory-list/customerInformationEdit.vue?vue&type=script&lang=js&");
/* empty/unused harmony star reexport *//* harmony import */ var _customerInformationEdit_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./customerInformationEdit.vue?vue&type=style&index=0&lang=css& */ "./frontend/src/views/inventory/inventory-list/customerInformationEdit.vue?vue&type=style&index=0&lang=css&");
/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");






/* normalize component */

var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
  _customerInformationEdit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
  _customerInformationEdit_vue_vue_type_template_id_62e10616___WEBPACK_IMPORTED_MODULE_0__["render"],
  _customerInformationEdit_vue_vue_type_template_id_62e10616___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
  false,
  null,
  null,
  null
  
)

/* hot reload */
if (false) { var api; }
component.options.__file = "frontend/src/views/inventory/inventory-list/customerInformationEdit.vue"
/* harmony default export */ __webpack_exports__["default"] = (component.exports);

/***/ }),

/***/ "./frontend/src/views/inventory/inventory-list/customerInformationEdit.vue?vue&type=script&lang=js&":
/*!**********************************************************************************************************!*\
  !*** ./frontend/src/views/inventory/inventory-list/customerInformationEdit.vue?vue&type=script&lang=js& ***!
  \**********************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_customerInformationEdit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./customerInformationEdit.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/inventory/inventory-list/customerInformationEdit.vue?vue&type=script&lang=js&");
/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_customerInformationEdit_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 

/***/ }),

/***/ "./frontend/src/views/inventory/inventory-list/customerInformationEdit.vue?vue&type=style&index=0&lang=css&":
/*!******************************************************************************************************************!*\
  !*** ./frontend/src/views/inventory/inventory-list/customerInformationEdit.vue?vue&type=style&index=0&lang=css& ***!
  \******************************************************************************************************************/
/*! no static exports found */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_customerInformationEdit_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/style-loader!../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--6-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./customerInformationEdit.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/inventory/inventory-list/customerInformationEdit.vue?vue&type=style&index=0&lang=css&");
/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_customerInformationEdit_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_customerInformationEdit_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_customerInformationEdit_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_customerInformationEdit_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));


/***/ }),

/***/ "./frontend/src/views/inventory/inventory-list/customerInformationEdit.vue?vue&type=template&id=62e10616&":
/*!****************************************************************************************************************!*\
  !*** ./frontend/src/views/inventory/inventory-list/customerInformationEdit.vue?vue&type=template&id=62e10616& ***!
  \****************************************************************************************************************/
/*! exports provided: render, staticRenderFns */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_customerInformationEdit_vue_vue_type_template_id_62e10616___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./customerInformationEdit.vue?vue&type=template&id=62e10616& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/inventory/inventory-list/customerInformationEdit.vue?vue&type=template&id=62e10616&");
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_customerInformationEdit_vue_vue_type_template_id_62e10616___WEBPACK_IMPORTED_MODULE_0__["render"]; });

/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_customerInformationEdit_vue_vue_type_template_id_62e10616___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });



/***/ }),

/***/ "./frontend/src/views/inventory/inventory-list/docTable.js":
/*!*****************************************************************!*\
  !*** ./frontend/src/views/inventory/inventory-list/docTable.js ***!
  \*****************************************************************/
/*! exports provided: codeBasic, codeStyleOption, codeRowColStyle, codeResponsive, codeFormatterCallback, codeDataRendering, codeSticky, codeRowDetailsSupport, codeRowSelectSupport, codeKitchenSink, codeLight, codeSimple */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeBasic", function() { return codeBasic; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeStyleOption", function() { return codeStyleOption; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeRowColStyle", function() { return codeRowColStyle; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeResponsive", function() { return codeResponsive; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeFormatterCallback", function() { return codeFormatterCallback; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeDataRendering", function() { return codeDataRendering; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeSticky", function() { return codeSticky; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeRowDetailsSupport", function() { return codeRowDetailsSupport; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeRowSelectSupport", function() { return codeRowSelectSupport; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeKitchenSink", function() { return codeKitchenSink; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeLight", function() { return codeLight; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeSimple", function() { return codeSimple; });
var codeBasic = "\n<template>\n  <b-table responsive=\"sm\" :items=\"items\"/>\n</template>\n\n<script>\nimport { BTable } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BTable,\n  },\n  data() {\n    return {\n      items: [\n        {\n          age: 40, first_name: 'Dickerson', last_name: 'Macdonald', Occupation: 'Job',\n        },\n        {\n          age: 21, first_name: 'Larsen', last_name: 'Shaw', Occupation: 'Job',\n        },\n        {\n          age: 89, first_name: 'Geneva', last_name: 'Wilson', Occupation: 'Bussiness',\n        },\n        {\n          age: 38, first_name: 'Jami', last_name: 'Carney', Occupation: 'Bussiness',\n        },\n        {\n          age: 40, first_name: 'James', last_name: 'Thomson', Occupation: 'Job',\n        },\n      ],\n    }\n  },\n}\n</script>\n";
var codeStyleOption = "\n<template>\n  <div>\n    <!-- checkbox -->\n    <b-form-group>\n      <label class=\"mb-0\">Table Options</label>\n      <div class=\"demo-inline-spacing\">\n        <b-form-checkbox\n          v-model=\"striped\"\n        >\n          Striped\n        </b-form-checkbox>\n        <b-form-checkbox\n          v-model=\"bordered\"\n        >\n          Bordered\n        </b-form-checkbox>\n        <b-form-checkbox\n          v-model=\"borderless\"\n        >\n          Borderless\n        </b-form-checkbox>\n        <b-form-checkbox\n          v-model=\"outlined\"\n        >\n          Outlined\n        </b-form-checkbox>\n        <b-form-checkbox\n          v-model=\"small\"\n        >\n          Small\n        </b-form-checkbox>\n        <b-form-checkbox\n          v-model=\"hover\"\n        >\n          Hover\n        </b-form-checkbox>\n        <b-form-checkbox\n          v-model=\"dark\"\n        >\n          Dark\n        </b-form-checkbox>\n        <b-form-checkbox\n          v-model=\"fixed\"\n        >\n          Fixed\n        </b-form-checkbox>\n        <b-form-checkbox\n          v-model=\"footClone\"\n        >\n          Foot Clone\n        </b-form-checkbox>\n        <b-form-checkbox\n          v-model=\"noCollapse\"\n        >\n          No border collapse\n        </b-form-checkbox>\n      </div>\n    </b-form-group>\n\n    <!-- radio -->\n    <b-form-group\n      label=\"Head Variant\"\n      label-cols-lg=\"2\"\n    >\n      <b-form-radio-group\n        v-model=\"headVariant\"\n      >\n        <b-form-radio\n          :value=\"null\"\n        >\n          None\n        </b-form-radio>\n        <b-form-radio\n          value=\"light\"\n        >\n          Light\n        </b-form-radio>\n        <b-form-radio\n          value=\"dark\"\n        >\n          Dark\n        </b-form-radio>\n      </b-form-radio-group>\n    </b-form-group>\n\n    <!-- variant select -->\n    <b-form-group\n      label=\"Table Variant\"\n      label-for=\"table-style-variant\"\n      label-cols-lg=\"2\"\n      class=\"mb-0\"\n    >\n      <v-select\n        v-model=\"tableVariant\"\n        :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\n        label=\"tableVariants\"\n        :options=\"tableVariants\"\n      />\n    </b-form-group>\n\n    <!-- table -->\n    <b-table\n      :striped=\"striped\"\n      :bordered=\"bordered\"\n      :borderless=\"borderless\"\n      :outlined=\"outlined\"\n      :small=\"small\"\n      :hover=\"hover\"\n      :dark=\"dark\"\n      :fixed=\"fixed\"\n      :foot-clone=\"footClone\"\n      :no-border-collapse=\"noCollapse\"\n      :items=\"items\"\n      :fields=\"fields\"\n      :head-variant=\"headVariant\"\n      :table-variant=\"tableVariant\"\n    />\n  </div>\n</template>\n\n<script>\nimport {\n  BTable, BFormGroup, BFormRadio, BFormCheckbox, BFormRadioGroup, BCardBody,\n} from 'bootstrap-vue'\nimport vSelect from 'vue-select'\n\nexport default {\n  components: {\n    BTable,\n    BFormGroup,\n    BCardBody,\n    vSelect,\n    BFormRadio,\n    BFormCheckbox,\n    BFormRadioGroup,\n  },\n  data() {\n    return {\n      fields: ['first_name', 'last_name', 'age'],\n      items: [\n        { age: 40, first_name: 'Dickerson', last_name: 'Macdonald' },\n        { age: 21, first_name: 'Larsen', last_name: 'Shaw' },\n        { age: 89, first_name: 'Geneva', last_name: 'Wilson' },\n        { age: 89, first_name: 'Olenka', last_name: 'Brawley' },\n        { age: 89, first_name: 'Vernon', last_name: 'Perford' },\n      ],\n      tableVariants: [\n        'none',\n        'primary',\n        'secondary',\n        'info',\n        'danger',\n        'warning',\n        'success',\n        'light',\n        'dark',\n      ],\n      striped: false,\n      bordered: false,\n      borderless: false,\n      outlined: false,\n      small: false,\n      hover: false,\n      dark: false,\n      fixed: false,\n      footClone: false,\n      headVariant: null,\n      tableVariant: 'none',\n      noCollapse: false,\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\">\n@import '@core/scss/vue/libs/vue-select.scss';\n</style>\n";
var codeRowColStyle = "\n<template>\n  <b-table\n    :items=\"items\"\n    :fields=\"fields\"\n    :tbody-tr-class=\"rowClass\"\n    class=\"rounded-bottom\"\n  />\n</template>\n\n<script>\nimport { BTable } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BTable,\n  },\n  data() {\n    return {\n      fields: ['first_name', 'last_name', { key: 'age', variant: 'success' }],\n      items: [\n        {\n          age: 40, first_name: 'Dickerson', last_name: 'Macdonald', status: 'awesome',\n        },\n        { age: 21, first_name: 'Larsen', last_name: 'Shaw' },\n        { age: 89, first_name: 'Geneva', last_name: 'Wilson' },\n        { age: 89, first_name: 'Olenka', last_name: 'Brawley' },\n        { age: 89, first_name: 'Vernon', last_name: 'Perford' },\n      ],\n    }\n  },\n  methods: {\n    rowClass(item, type) {\n      const colorClass = 'table-success'\n      if (!item || type !== 'row') { return }\n\n      // eslint-disable-next-line consistent-return\n      if (item.status === 'awesome') { return colorClass }\n    },\n  },\n}\n</script>\n";
var codeResponsive = "\n<template>\n   <b-table\n    responsive\n    :items=\"items\"\n    :fields=\"fields\"\n    class=\"mb-0\"\n  >\n    <template #cell(Phone)=\"data\">\n      <span class=\"text-nowrap\">\n        {{ data.value }}\n      </span>\n    </template>\n\n    <!-- Optional default data cell scoped slot -->\n    <template #cell()=\"data\">\n      {{ data.value }}\n    </template>\n  </b-table>\n</template>\n\n<script>\nimport { BTable } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BTable,\n  },\n  data() {\n    return {\n      fields: [\n        'id',\n        'first_name',\n        'email',\n        'gender',\n        'ip_address',\n        {\n          key: 'Phone', label: 'Phone',\n        },\n        'Country',\n      ],\n      items: [\n        {\n          id: '1',\n          first_name: 'Marybelle',\n          last_name: 'Della Scala',\n          email: 'mdellascala0@opensource.org',\n          gender: 'Female',\n          ip_address: '85.254.7.181',\n          Phone: '+86 350 673 7985',\n          Country: 'China',\n\n        },\n        {\n          id: '2',\n          first_name: 'Octavia',\n          last_name: 'Tohill',\n          email: 'otohill1@google.co.jp',\n          gender: 'Female',\n          ip_address: '93.70.144.212',\n          Phone: '+63 938 283 0018',\n          Country: 'Philippines',\n        },\n        {\n          id: '3',\n          first_name: 'Jennie',\n          last_name: 'Geroldi',\n          email: 'jgeroldi2@slideshare.net',\n          gender: 'Female',\n          ip_address: '76.145.147.212',\n          Phone: '+81 235 674 0110',\n          Country: 'Japan',\n        },\n        {\n          id: '4',\n          first_name: 'Vanya',\n          last_name: 'Wharby',\n          email: 'vwharby3@mozilla.org',\n          gender: 'Male',\n          ip_address: '139.234.247.155',\n          Phone: '+30 349 556 7375',\n          Country: 'Greece',\n        },\n        {\n          id: '5',\n          first_name: 'Olenka',\n          last_name: 'Brawley',\n          email: 'obrawleyc@adobe.com',\n          gender: 'Female',\n          ip_address: '166.183.163.155',\n          Phone: '+62 841 824 0990',\n          Country: 'Indonesia',\n        },\n      ],\n    }\n  },\n}\n</script>\n";
var codeFormatterCallback = "\n<template>\n   <b-table\n    :fields=\"fields\"\n    :items=\"items\"\n  >\n    <template #cell(name)=\"data\">\n      <a :href=\"`#${data.value.replace(/[^a-z]+/i,'-').toLowerCase()}`\">{{ data.value }}</a>\n    </template>\n  </b-table>\n</template>\n\n<script>\nimport { BTable } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BTable,\n  },\n  data() {\n    return {\n      fields: [\n        {\n          key: 'name',\n          label: 'Full Name',\n          formatter: value => `${value.first} ${value.last}`,\n        },\n        // A regular column\n        'age',\n        {\n          // A regular column with custom formatter\n          key: 'sex',\n          formatter: value => value.charAt(0).toUpperCase(),\n        },\n        {\n          // A virtual column with custom formatter\n          key: 'birthYear',\n          label: 'Birth Year',\n          formatter: (value, key, item) => new Date().getFullYear() - item.age,\n        },\n      ],\n      items: [\n        { name: { first: 'John', last: 'Doe' }, sex: 'Male', age: 42 },\n        { name: { first: 'Clemens', last: 'Doe' }, sex: 'Female', age: 36 },\n        { name: { first: 'Rubin', last: 'Kincade' }, sex: 'male', age: 73 },\n        { name: { first: 'Shirley', last: 'Partridge' }, sex: 'female', age: 62 },\n        { name: { first: 'Olenka', last: 'Brawley' }, sex: 'female', age: 26 },\n      ],\n    }\n  },\n}\n</script>\n";
var codeDataRendering = "\n<template>\n  <div>\n    <b-table\n      small\n      :fields=\"fields\"\n      :items=\"items\"\n      responsive=\"sm\"\n    >\n      <!-- A virtual column -->\n      <template #cell(index)=\"data\">\n        {{ data.index + 1 }}\n      </template>\n\n      <!-- A custom formatted column -->\n      <template #cell(name)=\"data\">\n        {{ data.value.first+' - '+ data.value.last }}\n      </template>\n\n      <!-- A custom formatted column -->\n      <template #cell(Popularity)=\"data\">\n        <b-progress\n          :value=\"data.value.value\"\n          max=\"100\"\n          :variant=\"data.value.variant\"\n          striped\n        />\n      </template>\n\n      <template #cell(order_status)=\"data\">\n        <b-badge\n          pill\n          :variant=\"data.value.variant\"\n        >\n          {{ data.value.status }}\n        </b-badge>\n      </template>\n\n      <!-- A virtual composite column -->\n      <template #cell(price)=\"data\">\n        {{ '$'+data.value }}\n      </template>\n\n      <!-- Optional default data cell scoped slot -->\n      <template #cell()=\"data\">\n        {{ data.value }}\n      </template>\n    </b-table>\n  </div>\n</template>\n\n<script>\nimport { BTable, BProgress, BBadge } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BTable,\n    BProgress,\n    BBadge,\n  },\n  data() {\n    return {\n      fields: [\n        // A virtual column that doesn't exist in items\n        'index',\n        // A column that needs custom formatting\n        { key: 'name', label: 'Name' },\n        'Category',\n        // A regular column\n        { key: 'Popularity', label: 'Popularity' },\n        // A regular column\n        { key: 'order_status', label: 'Order Status' },\n        // A virtual column made up from two fields\n        { key: 'price', label: 'Price' },\n      ],\n      items: [\n        {\n          name: { first: 'Fitbit', last: 'Activity Tracker' },\n          Category: 'Fitness',\n          order_status: { status: 'Delivered', variant: 'success' },\n          Popularity: { value: 50, variant: 'success' },\n          price: 99.99,\n        },\n        {\n          name: { first: 'Fitbit ', last: 'Flex Wireless Activity' },\n          Category: 'Fitness',\n          order_status: { status: 'Pending', variant: 'primary' },\n          Popularity: { value: 36, variant: 'primary' },\n          price: 89.85,\n        },\n        {\n          name: { first: 'Fitbit', last: 'Sleep Tracker Wristband' },\n          Category: 'Fitness',\n          order_status: { status: 'Delivered', variant: 'success' },\n          Popularity: { value: 76, variant: 'success' },\n          price: 65.25,\n        },\n        {\n          name: { first: 'Fitbit', last: 'Sleep Wristband' },\n          Category: 'Fitness',\n          order_status: { status: 'On Hold', variant: 'warning' },\n          Popularity: { value: 55, variant: 'warning' },\n          price: 75.55,\n        },\n        {\n          name: { first: 'Fitbit', last: 'Clip for Zip Wireless Activity Trackers' },\n          Category: 'Fitness',\n          order_status: { status: 'Canceled', variant: 'danger' },\n          Popularity: { value: 75, variant: 'danger' },\n          price: 105.55,\n        },\n      ],\n    }\n  },\n}\n</script>\n";
var codeSticky = "\n<template>\n  <div>\n    <div class=\"d-flex mb-2\">\n      <b-form-checkbox\n        v-model=\"stickyHeader\"\n        class=\"vs-checkbox-con mr-1\"\n        plain\n      >\n        <span class=\"vs-checkbox\">\n          <span class=\"vs-checkbox--check\">\n            <i class=\"vs-icon feather icon-check\" />\n          </span>\n        </span>\n        <span class=\"vs-label\">Sticky header</span>\n      </b-form-checkbox>\n      <b-form-checkbox\n        v-model=\"noCollapse\"\n        class=\"vs-checkbox-con\"\n        plain\n      >\n        <span class=\"vs-checkbox\">\n          <span class=\"vs-checkbox--check\">\n            <i class=\"vs-icon feather icon-check\" />\n          </span>\n        </span>\n        <span class=\"vs-label\">No border collapse</span>\n      </b-form-checkbox>\n    </div>\n    <b-table\n      :sticky-header=\"stickyHeader\"\n      :no-border-collapse=\"noCollapse\"\n\n      responsive\n      :items=\"items\"\n      :fields=\"fields\"\n    >\n      <template #head(id)>\n        <div class=\"text-nowrap\">\n          Row ID\n        </div>\n      </template>\n\n      <template #head()=\"scope\">\n        <div class=\"text-nowrap\">\n          {{ scope.label }}\n        </div>\n      </template>\n\n      <template #cell(avatar)=\"data\">\n        <b-avatar\n          class=\"mr-1\"\n          :src=\"data.value\"\n        />\n      </template>\n\n      <template #cell(status)=\"data\">\n        <b-badge :variant=\"status[1][data.value]\">\n          {{ status[0][data.value] }}\n        </b-badge>\n      </template>\n\n      <template #cell()=\"data\">\n        <span class=\"text-nowrap\">{{ data.value }}</span>\n      </template>\n    </b-table>\n  </div>\n</template>\n\n<script>\nimport {\n  BTable, BFormCheckbox, BAvatar, BBadge,\n} from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BTable,\n    BFormCheckbox,\n    BAvatar,\n    BBadge,\n  },\n  data() {\n    return {\n      stickyHeader: true,\n      noCollapse: false,\n      fields: [\n        {\n          key: 'id', stickyColumn: true, isRowHeader: true, variant: 'primary',\n        },\n        {\n          key: 'avatar', label: 'Avatar',\n        },\n        'full_name',\n        { key: 'post', stickyColumn: true, variant: 'info' },\n        'email',\n        'city',\n        'start_date',\n        'salary',\n        'age',\n        'experience',\n        { key: 'status', label: 'Status' },\n      ],\n      items: [\n        {\n          id: 1,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/10-small.png'),\n          full_name: \"Korrie O'Crevy\",\n          post: 'Nuclear Power Engineer',\n          email: 'kocrevy0@thetimes.co.uk',\n          city: 'Krasnosilka',\n          start_date: '09/23/2016',\n          salary: '$23896.35',\n          age: '61',\n          experience: '1 Year',\n          status: 2,\n        },\n        {\n          id: 2,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/1-small.png'),\n          full_name: 'Bailie Coulman',\n          post: 'VP Quality Control',\n          email: 'bcoulman1@yolasite.com',\n          city: 'Hinigaran',\n          start_date: '05/20/2018',\n          salary: '$13633.69',\n          age: '63',\n          experience: '3 Years',\n          status: 2,\n        },\n        {\n          id: 3,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/9-small.png'),\n          full_name: 'Stella Ganderton',\n          post: 'Operator',\n          email: 'sganderton2@tuttocitta.it',\n          city: 'Golcowa',\n          start_date: '03/24/2018',\n          salary: '$13076.28',\n          age: '66',\n          experience: '6 Years',\n          status: 5,\n        },\n        {\n          id: 4,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/3-small.png'),\n          full_name: 'Dorolice Crossman',\n          post: 'Cost Accountant',\n          email: 'dcrossman3@google.co.jp',\n          city: 'Paquera',\n          start_date: '12/03/2017',\n          salary: '$12336.17',\n          age: '22',\n          experience: '2 Years',\n          status: 2,\n        },\n        {\n          id: 5,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/4-small.png'),\n          full_name: 'Harmonia Nisius',\n          post: 'Senior Cost Accountant',\n          email: 'hnisius4@gnu.org',\n          city: 'Lucan',\n          start_date: '08/25/2017',\n          salary: '$10909.52',\n          age: '33',\n          experience: '3 Years',\n          status: 2,\n        },\n        {\n          id: 6,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/5-small.png'),\n          full_name: 'Genevra Honeywood',\n          post: 'Geologist',\n          email: 'ghoneywood5@narod.ru',\n          city: 'Maofan',\n          start_date: '06/01/2017',\n          salary: '$17803.80',\n          age: '61',\n          experience: '1 Year',\n          status: 1,\n        },\n        {\n          id: 7,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/7-small.png'),\n          full_name: 'Eileen Diehn',\n          post: 'Environmental Specialist',\n          email: 'ediehn6@163.com',\n          city: 'Lampuyang',\n          start_date: '10/15/2017',\n          salary: '$18991.67',\n          age: '59',\n          experience: '9 Years',\n          status: 3,\n        },\n        {\n          id: 8,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/9-small.png'),\n          full_name: 'Richardo Aldren',\n          post: 'Senior Sales Associate',\n          email: 'raldren7@mtv.com',\n          city: 'Skoghall',\n          start_date: '11/05/2016',\n          salary: '$19230.13',\n          age: '55',\n          experience: '5 Years',\n          status: 3,\n        },\n        {\n          id: 9,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/2-small.png'),\n          full_name: 'Allyson Moakler',\n          post: 'Safety Technician',\n          email: 'amoakler8@shareasale.com',\n          city: 'Mogilany',\n          start_date: '12/29/2018',\n          salary: '$11677.32',\n          age: '39',\n          experience: '9 Years',\n          status: 5,\n        },\n        {\n          id: 10,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/6-small.png'),\n          full_name: 'Merline Penhalewick',\n          post: 'Junior Executive',\n          email: 'mpenhalewick9@php.net',\n          city: 'Kanuma',\n          start_date: '04/19/2019',\n          salary: '$15939.52',\n          age: '23',\n          experience: '3 Years',\n          status: 2,\n        },\n      ],\n      status: [{\n        1: 'Current', 2: 'Professional', 3: 'Rejected', 4: 'Resigned', 5: 'Applied',\n      },\n      {\n        1: 'light-primary', 2: 'light-success', 3: 'light-danger', 4: 'light-warning', 5: 'light-info',\n      }],\n    }\n  },\n}\n</script>\n";
var codeRowDetailsSupport = "\n<template>\n  <div>\n    <b-table\n      :items=\"items\"\n      :fields=\"fields\"\n      striped\n      responsive\n    >\n      <template #cell(show_details)=\"row\">\n        <b-form-checkbox\n          v-model=\"row.detailsShowing\"\n          plain\n          class=\"vs-checkbox-con\"\n          @change=\"row.toggleDetails\"\n        >\n          <span class=\"vs-checkbox\">\n            <span class=\"vs-checkbox--check\">\n              <i class=\"vs-icon feather icon-check\" />\n            </span>\n          </span>\n          <span class=\"vs-label\">{{ row.detailsShowing ? 'Hide' : 'Show' }}</span>\n        </b-form-checkbox>\n      </template>\n\n      <template #row-details=\"row\">\n        <b-card>\n          <b-row class=\"mb-2\">\n            <b-col\n              md=\"4\"\n              class=\"mb-1\"\n            >\n              <strong>Full Name : </strong>{{ row.item.full_name }}\n            </b-col>\n            <b-col\n              md=\"4\"\n              class=\"mb-1\"\n            >\n              <strong>Post : </strong>{{ row.item.post }}\n            </b-col>\n            <b-col\n              md=\"4\"\n              class=\"mb-1\"\n            >\n              <strong>Email : </strong>{{ row.item.email }}\n            </b-col>\n            <b-col\n              md=\"4\"\n              class=\"mb-1\"\n            >\n              <strong>City : </strong>{{ row.item.city }}\n            </b-col>\n            <b-col\n              md=\"4\"\n              class=\"mb-1\"\n            >\n              <strong>Salary : </strong>{{ row.item.salary }}\n            </b-col>\n            <b-col\n              md=\"4\"\n              class=\"mb-1\"\n            >\n              <strong>Age : </strong>{{ row.item.age }}\n            </b-col>\n          </b-row>\n\n          <b-button\n            size=\"sm\"\n            variant=\"outline-secondary\"\n            @click=\"row.toggleDetails\"\n          >\n            Hide Details\n          </b-button>\n        </b-card>\n      </template>\n\n      <template #cell(avatar)=\"data\">\n        <b-avatar :src=\"data.value\" />\n      </template>\n\n       <template #cell(status)=\"data\">\n        <b-badge :variant=\"status[1][data.value]\">\n          {{ status[0][data.value] }}\n        </b-badge>\n      </template>\n    </b-table>\n  </div>\n</template>\n\n<script>\nimport {\n  BTable, BFormCheckbox, BButton, BCard, BRow, BCol, BAvatar, BBadge,\n} from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BTable,\n    BButton,\n    BFormCheckbox,\n    BCard,\n    BRow,\n    BCol,\n    BBadge,\n    BAvatar,\n  },\n  data() {\n    return {\n      fields: ['show_details', 'id', { key: 'avatar', label: 'Avatar' }, 'full_name', 'post', 'email', 'city', 'start_date', 'salary', 'age', 'experience', { key: 'status', label: 'Status' }],\n      items: [\n        {\n          id: 1,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/10-small.png'),\n          full_name: \"Korrie O'Crevy\",\n          post: 'Nuclear Power Engineer',\n          email: 'kocrevy0@thetimes.co.uk',\n          city: 'Krasnosilka',\n          start_date: '09/23/2016',\n          salary: '$23896.35',\n          age: '61',\n          experience: '1 Year',\n          status: 2,\n        },\n        {\n          id: 2,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/1-small.png'),\n          full_name: 'Bailie Coulman',\n          post: 'VP Quality Control',\n          email: 'bcoulman1@yolasite.com',\n          city: 'Hinigaran',\n          start_date: '05/20/2018',\n          salary: '$13633.69',\n          age: '63',\n          experience: '3 Years',\n          status: 2,\n        },\n        {\n          id: 3,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/9-small.png'),\n          full_name: 'Stella Ganderton',\n          post: 'Operator',\n          email: 'sganderton2@tuttocitta.it',\n          city: 'Golcowa',\n          start_date: '03/24/2018',\n          salary: '$13076.28',\n          age: '66',\n          experience: '6 Years',\n          status: 5,\n        },\n        {\n          id: 4,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/3-small.png'),\n          full_name: 'Dorolice Crossman',\n          post: 'Cost Accountant',\n          email: 'dcrossman3@google.co.jp',\n          city: 'Paquera',\n          start_date: '12/03/2017',\n          salary: '$12336.17',\n          age: '22',\n          experience: '2 Years',\n          status: 2,\n        },\n        {\n          id: 5,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/4-small.png'),\n          full_name: 'Harmonia Nisius',\n          post: 'Senior Cost Accountant',\n          email: 'hnisius4@gnu.org',\n          city: 'Lucan',\n          start_date: '08/25/2017',\n          salary: '$10909.52',\n          age: '33',\n          experience: '3 Years',\n          status: 2,\n        },\n        {\n          id: 6,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/5-small.png'),\n          full_name: 'Genevra Honeywood',\n          post: 'Geologist',\n          email: 'ghoneywood5@narod.ru',\n          city: 'Maofan',\n          start_date: '06/01/2017',\n          salary: '$17803.80',\n          age: '61',\n          experience: '1 Year',\n          status: 1,\n        },\n        {\n          id: 7,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/7-small.png'),\n          full_name: 'Eileen Diehn',\n          post: 'Environmental Specialist',\n          email: 'ediehn6@163.com',\n          city: 'Lampuyang',\n          start_date: '10/15/2017',\n          salary: '$18991.67',\n          age: '59',\n          experience: '9 Years',\n          status: 3,\n        },\n        {\n          id: 8,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/9-small.png'),\n          full_name: 'Richardo Aldren',\n          post: 'Senior Sales Associate',\n          email: 'raldren7@mtv.com',\n          city: 'Skoghall',\n          start_date: '11/05/2016',\n          salary: '$19230.13',\n          age: '55',\n          experience: '5 Years',\n          status: 3,\n        },\n        {\n          id: 9,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/2-small.png'),\n          full_name: 'Allyson Moakler',\n          post: 'Safety Technician',\n          email: 'amoakler8@shareasale.com',\n          city: 'Mogilany',\n          start_date: '12/29/2018',\n          salary: '$11677.32',\n          age: '39',\n          experience: '9 Years',\n          status: 5,\n        },\n        {\n          id: 10,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/6-small.png'),\n          full_name: 'Merline Penhalewick',\n          post: 'Junior Executive',\n          email: 'mpenhalewick9@php.net',\n          city: 'Kanuma',\n          start_date: '04/19/2019',\n          salary: '$15939.52',\n          age: '23',\n          experience: '3 Years',\n          status: 2,\n        },\n      ],\n      status: [{\n        1: 'Current', 2: 'Professional', 3: 'Rejected', 4: 'Resigned', 5: 'Applied',\n      },\n      {\n        1: 'light-primary', 2: 'light-success', 3: 'light-danger', 4: 'light-warning', 5: 'light-info',\n      }],\n    }\n  },\n}\n</script>\n";
var codeRowSelectSupport = "\n<template>\n  <div>\n    <b-form-group\n      label=\"Selection mode:\"\n      label-cols-md=\"4\"\n    >\n      <!-- <b-form-select\n        v-model=\"selectMode\"\n        :options=\"modes\"\n      /> -->\n      <v-select\n        v-model=\"selectMode\"\n        label=\"title\"\n        :options=\"modes\"\n      />\n    </b-form-group>\n\n    <b-table\n      ref=\"selectableTable\"\n      selectable\n      :select-mode=\"selectMode\"\n      :items=\"items\"\n      :fields=\"fields\"\n      responsive=\"sm\"\n      @row-selected=\"onRowSelected\"\n    >\n      <!-- Example scoped slot for select state illustrative purposes -->\n      <template #cell(selected)=\"{ rowSelected }\">\n        <template v-if=\"rowSelected\">\n          <i class=\"feather icon-disc primary\" />\n        </template>\n\n        <template v-else>\n          <i class=\"feather icon-circle\" />\n        </template>\n      </template>\n\n      <template #cell(avatar)=\"data\">\n        <b-avatar :src=\"data.value\" />\n      </template>\n\n       <template #cell(status)=\"data\">\n        <b-badge :variant=\"status[1][data.value]\">\n          {{ status[0][data.value] }}\n        </b-badge>\n      </template>\n    </b-table>\n\n    <b-button\n      size=\"sm\"\n      class=\"mr-1\"\n      variant=\"primary\"\n      @click=\"selectAllRows\"\n    >\n      Select all\n    </b-button>\n    <b-button\n      size=\"sm\"\n      class=\"mr-1\"\n      variant=\"primary\"\n      @click=\"clearSelected\"\n    >\n      Clear selected\n    </b-button>\n    <b-button\n      size=\"sm\"\n      variant=\"primary\"\n      class=\"mr-1\"\n      @click=\"selectThirdRow\"\n    >\n      Select 3rd row\n    </b-button>\n    <b-button\n      variant=\"primary\"\n      size=\"sm\"\n      class=\"mr-1\"\n      @click=\"unselectThirdRow\"\n    >\n      Unselect 3rd row\n    </b-button>\n  </div>\n</template>\n\n<script>\nimport {\n  BTable, BButton, BFormGroup, BAvatar, BBadge,\n} from 'bootstrap-vue'\nimport vSelect from 'vue-select'\n\nexport default {\n  components: {\n    BTable,\n    BButton,\n    BFormGroup,\n    BAvatar,\n    BBadge,\n    vSelect,\n  },\n  data() {\n    return {\n      // selectedCheck: false,\n      modes: ['multi', 'single', 'range'],\n      fields: ['selected', 'id', { key: 'avatar', label: 'Avatar' }, 'full_name', 'post', 'email', 'city', 'start_date', 'salary', 'age', 'experience', { key: 'status', label: 'Status' }],\n      items: [\n        {\n          id: 1,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/10-small.png'),\n          full_name: \"Korrie O'Crevy\",\n          post: 'Nuclear Power Engineer',\n          email: 'kocrevy0@thetimes.co.uk',\n          city: 'Krasnosilka',\n          start_date: '09/23/2016',\n          salary: '$23896.35',\n          age: '61',\n          experience: '1 Year',\n          status: 2,\n        },\n        {\n          id: 2,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/1-small.png'),\n          full_name: 'Bailie Coulman',\n          post: 'VP Quality Control',\n          email: 'bcoulman1@yolasite.com',\n          city: 'Hinigaran',\n          start_date: '05/20/2018',\n          salary: '$13633.69',\n          age: '63',\n          experience: '3 Years',\n          status: 2,\n        },\n        {\n          id: 3,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/9-small.png'),\n          full_name: 'Stella Ganderton',\n          post: 'Operator',\n          email: 'sganderton2@tuttocitta.it',\n          city: 'Golcowa',\n          start_date: '03/24/2018',\n          salary: '$13076.28',\n          age: '66',\n          experience: '6 Years',\n          status: 5,\n        },\n        {\n          id: 4,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/3-small.png'),\n          full_name: 'Dorolice Crossman',\n          post: 'Cost Accountant',\n          email: 'dcrossman3@google.co.jp',\n          city: 'Paquera',\n          start_date: '12/03/2017',\n          salary: '$12336.17',\n          age: '22',\n          experience: '2 Years',\n          status: 2,\n        },\n        {\n          id: 5,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/4-small.png'),\n          full_name: 'Harmonia Nisius',\n          post: 'Senior Cost Accountant',\n          email: 'hnisius4@gnu.org',\n          city: 'Lucan',\n          start_date: '08/25/2017',\n          salary: '$10909.52',\n          age: '33',\n          experience: '3 Years',\n          status: 2,\n        },\n        {\n          id: 6,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/5-small.png'),\n          full_name: 'Genevra Honeywood',\n          post: 'Geologist',\n          email: 'ghoneywood5@narod.ru',\n          city: 'Maofan',\n          start_date: '06/01/2017',\n          salary: '$17803.80',\n          status: [{\n        1: 'Current', 2: 'Professional', 3: 'Rejected', 4: 'Resigned', 5: 'Applied',\n      },\n      {\n        1: 'light-primary', 2: 'light-success', 3: 'light-danger', 4: 'light-warning', 5: 'light-info',\n      }],age: '61',\n          experience: '1 Year',\n          status: 1,\n        },\n        {\n          id: 7,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/7-small.png'),\n          full_name: 'Eileen Diehn',\n          post: 'Environmental Specialist',\n          email: 'ediehn6@163.com',\n          city: 'Lampuyang',\n          start_date: '10/15/2017',\n          salary: '$18991.67',\n          age: '59',\n          experience: '9 Years',\n          status: 3,\n        },\n        {\n          id: 8,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/9-small.png'),\n          full_name: 'Richardo Aldren',\n          post: 'Senior Sales Associate',\n          email: 'raldren7@mtv.com',\n          city: 'Skoghall',\n          start_date: '11/05/2016',\n          salary: '$19230.13',\n          age: '55',\n          experience: '5 Years',\n          status: 3,\n        },\n        {\n          id: 9,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/2-small.png'),\n          full_name: 'Allyson Moakler',\n          post: 'Safety Technician',\n          email: 'amoakler8@shareasale.com',\n          city: 'Mogilany',\n          start_date: '12/29/2018',\n          salary: '$11677.32',\n          age: '39',\n          experience: '9 Years',\n          status: 5,\n        },\n        {\n          id: 10,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/6-small.png'),\n          full_name: 'Merline Penhalewick',\n          post: 'Junior Executive',\n          email: 'mpenhalewick9@php.net',\n          city: 'Kanuma',\n          start_date: '04/19/2019',\n          salary: '$15939.52',\n          age: '23',\n          experience: '3 Years',\n          status: 2,\n        },\n      ],\n      status: [{\n        1: 'Current', 2: 'Professional', 3: 'Rejected', 4: 'Resigned', 5: 'Applied',\n      },\n      {\n        1: 'light-primary', 2: 'light-success', 3: 'light-danger', 4: 'light-warning', 5: 'light-info',\n      }],\n      selectMode: 'multi',\n      selected: [],\n    }\n  },\n  methods: {\n    onRowSelected(items) {\n      this.selected = items\n    },\n    selectAllRows() {\n      this.$refs.selectableTable.selectAllRows()\n    },\n    clearSelected() {\n      this.$refs.selectableTable.clearSelected()\n    },\n    selectThirdRow() {\n      // Rows are indexed from 0, so the third row is index 2\n      this.$refs.selectableTable.selectRow(2)\n    },\n    unselectThirdRow() {\n      // Rows are indexed from 0, so the third row is index 2\n      this.$refs.selectableTable.unselectRow(2)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\">\n.b-table-selectable{\n  .feather{\n    font-size: 1.3rem;\n  }\n}\n\n</style>\n";
var codeKitchenSink = "\n<template>\n  <b-row>\n    <b-col\n      md=\"2\"\n      sm=\"4\"\n      class=\"my-1\"\n    >\n      <b-form-group\n        class=\"mb-0\"\n      >\n        <label class=\"d-inline-block text-sm-left mr-50\">Per page</label>\n        <b-form-select\n          id=\"perPageSelect\"\n          v-model=\"perPage\"\n          size=\"sm\"\n          :options=\"pageOptions\"\n          class=\"w-50\"\n        />\n      </b-form-group>\n    </b-col>\n    <b-col\n      md=\"4\"\n      sm=\"8\"\n      class=\"my-1\"\n    >\n      <b-form-group\n        label=\"Sort\"\n        label-cols-sm=\"3\"\n        label-align-sm=\"right\"\n        label-size=\"sm\"\n        label-for=\"sortBySelect\"\n        class=\"mb-0\"\n      >\n        <b-input-group size=\"sm\">\n          <b-form-select\n            id=\"sortBySelect\"\n            v-model=\"sortBy\"\n            :options=\"sortOptions\"\n            class=\"w-75\"\n          >\n            <template v-slot:first>\n              <option value=\"\">\n                -- none --\n              </option>\n            </template>\n          </b-form-select>\n          <b-form-select\n            v-model=\"sortDesc\"\n            size=\"sm\"\n            :disabled=\"!sortBy\"\n            class=\"w-25\"\n          >\n            <option :value=\"false\">\n              Asc\n            </option>\n            <option :value=\"true\">\n              Desc\n            </option>\n          </b-form-select>\n        </b-input-group>\n      </b-form-group>\n    </b-col>\n    <b-col\n      md=\"6\"\n      class=\"my-1\"\n    >\n      <b-form-group\n        label=\"Filter\"\n        label-cols-sm=\"3\"\n        label-align-sm=\"right\"\n        label-size=\"sm\"\n        label-for=\"filterInput\"\n        class=\"mb-0\"\n      >\n        <b-input-group size=\"sm\">\n          <b-form-input\n            id=\"filterInput\"\n            v-model=\"filter\"\n            type=\"search\"\n            placeholder=\"Type to Search\"\n          />\n          <b-input-group-append>\n            <b-button\n              :disabled=\"!filter\"\n              @click=\"filter = ''\"\n            >\n              Clear\n            </b-button>\n          </b-input-group-append>\n        </b-input-group>\n      </b-form-group>\n    </b-col>\n\n    <b-col cols=\"12\">\n      <b-table\n        striped\n        hover\n        responsive\n        :per-page=\"perPage\"\n        :current-page=\"currentPage\"\n        :items=\"items\"\n        :fields=\"fields\"\n        :sort-by.sync=\"sortBy\"\n        :sort-desc.sync=\"sortDesc\"\n        :sort-direction=\"sortDirection\"\n        :filter=\"filter\"\n        :filter-included-fields=\"filterOn\"\n        @filtered=\"onFiltered\"\n      >\n        <template #cell(avatar)=\"data\">\n          <b-avatar :src=\"data.value\" />\n        </template>\n\n        <template #cell(status)=\"data\">\n          <b-badge :variant=\"status[1][data.value]\">\n            {{ status[0][data.value] }}\n          </b-badge>\n        </template>\n      </b-table>\n    </b-col>\n\n    <b-col\n      cols=\"12\"\n    >\n      <b-pagination\n        v-model=\"currentPage\"\n        :total-rows=\"totalRows\"\n        :per-page=\"perPage\"\n        align=\"center\"\n        size=\"sm\"\n        class=\"my-0\"\n      />\n    </b-col>\n  </b-row>\n</template>\n\n<script>\nimport {\n  BTable, BAvatar, BBadge, BRow, BCol, BFormGroup, BFormSelect, BPagination, BInputGroup, BFormInput, BInputGroupAppend, BButton,\n} from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BTable,\n    BAvatar,\n    BBadge,\n    BRow,\n    BCol,\n    BFormGroup,\n    BFormSelect,\n    BPagination,\n    BInputGroup,\n    BFormInput,\n    BInputGroupAppend,\n    BButton,\n  },\n  data() {\n    return {\n      perPage: 5,\n      pageOptions: [3, 5, 10],\n      totalRows: 1,\n      currentPage: 1,\n      sortBy: '',\n      sortDesc: false,\n      sortDirection: 'asc',\n      filter: null,\n      filterOn: [],\n      infoModal: {\n        id: 'info-modal',\n        title: '',\n        content: '',\n      },\n      fields: [\n        {\n          key: 'id', label: 'Id',\n        },\n        {\n          key: 'avatar', label: 'Avatar',\n        },\n        { key: 'full_name', label: 'Full Name', sortable: true },\n        { key: 'post', label: 'Post', sortable: true },\n        'email',\n        'city',\n        'start_date',\n        'salary',\n        'age',\n        'experience',\n        { key: 'status', label: 'Status', sortable: true },\n      ],\n      items: [\n        {\n          id: 1,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/10-small.png'),\n          full_name: \"Korrie O'Crevy\",\n          post: 'Nuclear Power Engineer',\n          email: 'kocrevy0@thetimes.co.uk',\n          city: 'Krasnosilka',\n          start_date: '09/23/2016',\n          salary: '$23896.35',\n          age: '61',\n          experience: '1 Year',\n          status: 2,\n        },\n        {\n          id: 2,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/1-small.png'),\n          full_name: 'Bailie Coulman',\n          post: 'VP Quality Control',\n          email: 'bcoulman1@yolasite.com',\n          city: 'Hinigaran',\n          start_date: '05/20/2018',\n          salary: '$13633.69',\n          age: '63',\n          experience: '3 Years',\n          status: 2,\n        },\n        {\n          id: 3,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/9-small.png'),\n          full_name: 'Stella Ganderton',\n          post: 'Operator',\n          email: 'sganderton2@tuttocitta.it',\n          city: 'Golcowa',\n          start_date: '03/24/2018',\n          salary: '$13076.28',\n          age: '66',\n          experience: '6 Years',\n          status: 5,\n        },\n        {\n          id: 4,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/3-small.png'),\n          full_name: 'Dorolice Crossman',\n          post: 'Cost Accountant',\n          email: 'dcrossman3@google.co.jp',\n          city: 'Paquera',\n          start_date: '12/03/2017',\n          salary: '$12336.17',\n          age: '22',\n          experience: '2 Years',\n          status: 2,\n        },\n        {\n          id: 5,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/4-small.png'),\n          full_name: 'Harmonia Nisius',\n          post: 'Senior Cost Accountant',\n          email: 'hnisius4@gnu.org',\n          city: 'Lucan',\n          start_date: '08/25/2017',\n          salary: '$10909.52',\n          age: '33',\n          experience: '3 Years',\n          status: 2,\n        },\n        {\n          id: 6,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/5-small.png'),\n          full_name: 'Genevra Honeywood',\n          post: 'Geologist',\n          email: 'ghoneywood5@narod.ru',\n          city: 'Maofan',\n          start_date: '06/01/2017',\n          salary: '$17803.80',\n          age: '61',\n          experience: '1 Year',\n          status: 1,\n        },\n        {\n          id: 7,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/7-small.png'),\n          full_name: 'Eileen Diehn',\n          post: 'Environmental Specialist',\n          email: 'ediehn6@163.com',\n          city: 'Lampuyang',\n          start_date: '10/15/2017',\n          salary: '$18991.67',\n          age: '59',\n          experience: '9 Years',\n          status: 3,\n        },\n        {\n          id: 8,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/9-small.png'),\n          full_name: 'Richardo Aldren',\n          post: 'Senior Sales Associate',\n          email: 'raldren7@mtv.com',\n          city: 'Skoghall',\n          start_date: '11/05/2016',\n          salary: '$19230.13',\n          age: '55',\n          experience: '5 Years',\n          status: 3,\n        },\n        {\n          id: 9,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/2-small.png'),\n          full_name: 'Allyson Moakler',\n          post: 'Safety Technician',\n          email: 'amoakler8@shareasale.com',\n          city: 'Mogilany',\n          start_date: '12/29/2018',\n          salary: '$11677.32',\n          age: '39',\n          experience: '9 Years',\n          status: 5,\n        },\n        {\n          id: 10,\n          // eslint-disable-next-line global-require\n          avatar: require('@/assets/images/avatars/6-small.png'),\n          full_name: 'Merline Penhalewick',\n          post: 'Junior Executive',\n          email: 'mpenhalewick9@php.net',\n          city: 'Kanuma',\n          start_date: '04/19/2019',\n          salary: '$15939.52',\n          age: '23',\n          experience: '3 Years',\n          status: 2,\n        },\n      ],\n      status: [{\n        1: 'Current', 2: 'Professional', 3: 'Rejected', 4: 'Resigned', 5: 'Applied',\n      },\n      {\n        1: 'light-primary', 2: 'light-success', 3: 'light-danger', 4: 'light-warning', 5: 'light-info',\n      }],\n    }\n  },\n  computed: {\n    sortOptions() {\n      // Create an options list from our fields\n      return this.fields\n        .filter(f => f.sortable)\n        .map(f => ({ text: f.label, value: f.key }))\n    },\n  },\n  mounted() {\n    // Set the initial number of items\n    this.totalRows = this.items.length\n  },\n  methods: {\n    info(item, index, button) {\n      this.infoModal.title = `Row index: ${index}`\n      this.infoModal.content = JSON.stringify(item, null, 2)\n      this.$root.$emit('bv::show::modal', this.infoModal.id, button)\n    },\n    resetInfoModal() {\n      this.infoModal.title = ''\n      this.infoModal.content = ''\n    },\n    onFiltered(filteredItems) {\n      // Trigger pagination to update the number of buttons/pages due to filtering\n      this.totalRows = filteredItems.length\n      this.currentPage = 1\n    },\n  },\n}\n</script>\n";
var codeLight = "\n<template>\n  <b-table-lite\n    hover\n    :items=\"items\"\n  />\n</template>\n\n<script>\nimport BCardCode from '@core/components/b-card-code/BCardCode.vue'\nimport { BTableLite } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BCardCode,\n    BTableLite,\n  },\n  data() {\n    return {\n      items: [\n        {\n          age: 40, first_name: 'Dickerson', last_name: 'Macdonald', Occupation: 'Job',\n        },\n        {\n          age: 21, first_name: 'Larsen', last_name: 'Shaw', Occupation: 'Job',\n        },\n        {\n          age: 89, first_name: 'Geneva', last_name: 'Wilson', Occupation: 'Bussiness',\n        },\n        {\n          age: 38, first_name: 'Jami', last_name: 'Carney', Occupation: 'Bussiness',\n        },\n        {\n          age: 40, first_name: 'James', last_name: 'Thomson', Occupation: 'Job',\n        },\n      ],\n    }\n  },\n}\n</script>\n";
var codeSimple = "\n<template>\n  <div>\n    <b-table-simple\n      hover\n      small\n      caption-top\n      responsive\n    >\n      <caption>Items sold in August, grouped by Country and City:</caption>\n      <colgroup><col><col></colgroup>\n      <colgroup><col><col><col></colgroup>\n      <colgroup><col><col></colgroup>\n      <b-thead head-variant=\"light\">\n        <b-tr>\n          <b-th colspan=\"2\">\n            Region\n          </b-th>\n          <b-th colspan=\"3\">\n            Clothes\n          </b-th>\n          <b-th colspan=\"2\">\n            Accessories\n          </b-th>\n        </b-tr>\n        <b-tr>\n          <b-th>Country</b-th>\n          <b-th>City</b-th>\n          <b-th>Trousers</b-th>\n          <b-th>Skirts</b-th>\n          <b-th>Dresses</b-th>\n          <b-th>Bracelets</b-th>\n          <b-th>Rings</b-th>\n        </b-tr>\n      </b-thead>\n      <b-tbody>\n        <b-tr>\n          <b-th rowspan=\"3\">\n            Belgium\n          </b-th>\n          <b-th class=\"text-right\">\n            Antwerp\n          </b-th>\n          <b-td>56</b-td>\n          <b-td>22</b-td>\n          <b-td>43</b-td>\n          <b-td variant=\"success\">\n            72\n          </b-td>\n          <b-td>23</b-td>\n        </b-tr>\n        <b-tr>\n          <b-th class=\"text-right\">\n            Gent\n          </b-th>\n          <b-td>46</b-td>\n          <b-td variant=\"warning\">\n            18\n          </b-td>\n          <b-td>50</b-td>\n          <b-td>61</b-td>\n          <b-td variant=\"danger\">\n            15\n          </b-td>\n        </b-tr>\n        <b-tr>\n          <b-th class=\"text-right\">\n            Brussels\n          </b-th>\n          <b-td>51</b-td>\n          <b-td>27</b-td>\n          <b-td>38</b-td>\n          <b-td>69</b-td>\n          <b-td>28</b-td>\n        </b-tr>\n        <b-tr>\n          <b-th rowspan=\"2\">\n            The Netherlands\n          </b-th>\n          <b-th class=\"text-right\">\n            Amsterdam\n          </b-th>\n          <b-td variant=\"success\">\n            89\n          </b-td>\n          <b-td>34</b-td>\n          <b-td>69</b-td>\n          <b-td>85</b-td>\n          <b-td>38</b-td>\n        </b-tr>\n        <b-tr>\n          <b-th class=\"text-right\">\n            Utrecht\n          </b-th>\n          <b-td>80</b-td>\n          <b-td variant=\"danger\">\n            12\n          </b-td>\n          <b-td>43</b-td>\n          <b-td>36</b-td>\n          <b-td variant=\"warning\">\n            19\n          </b-td>\n        </b-tr>\n      </b-tbody>\n      <b-tfoot>\n        <b-tr>\n          <b-td\n            colspan=\"7\"\n            variant=\"secondary\"\n            class=\"text-right\"\n          >\n            Total Rows: <b>5</b>\n          </b-td>\n        </b-tr>\n      </b-tfoot>\n    </b-table-simple>\n  </div>\n</template>\n";

/***/ }),

/***/ "./frontend/src/views/inventory/inventory-list/fileInput.js":
/*!******************************************************************!*\
  !*** ./frontend/src/views/inventory/inventory-list/fileInput.js ***!
  \******************************************************************/
/*! exports provided: codeBasic, codeDragDrop, codeFormatter, codeLimiting, codeMultiple, codeSize, codeContextualState, codeClearing, codeDirectory, codeSlot */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeBasic", function() { return codeBasic; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeDragDrop", function() { return codeDragDrop; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeFormatter", function() { return codeFormatter; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeLimiting", function() { return codeLimiting; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeMultiple", function() { return codeMultiple; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeSize", function() { return codeSize; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeContextualState", function() { return codeContextualState; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeClearing", function() { return codeClearing; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeDirectory", function() { return codeDirectory; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeSlot", function() { return codeSlot; });
var codeBasic = "\n<template>\n  <div>\n\n    <!-- Styled -->\n    <b-form-file\n      v-model=\"file\"\n      placeholder=\"Choose a file or drop it here...\"\n      drop-placeholder=\"Drop file here...\"\n    />\n\n    <b-card-text class=\"my-1\">\n      Selected file: <strong>{{ file ? file.name : '' }}</strong>\n    </b-card-text>\n\n    <b-card-text>\n      <span>You can have </span>\n      <code>&lt;b-form-file&gt;</code>\n      <span> render a browser native file input by setting the </span>\n      <code>plain</code>\n      <span> prop.</span>\n    </b-card-text>\n\n    <!-- Plain mode -->\n    <b-form-file\n      v-model=\"file2\"\n      class=\"mt-1\"\n      plain\n    />\n    <div class=\"mt-1\">\n      Selected file: <strong>{{ file2 ? file2.name : '' }}</strong>\n    </div>\n  </div>\n</template>\n\n\n<script>\nimport { BFormFile } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormFile,\n  },\n data() {\n    return {\n      file: null,\n      file2: null,\n    }\n  },\n}\n</script>\n";
var codeDragDrop = "\n<template>\n  <div>\n    <!-- Styled -->\n    <b-form-file\n      placeholder=\"Choose a file or drop it here...\"\n      drop-placeholder=\"Drop file here...\"\n      no-drop\n    />\n  </div>\n</template>\n\n<script>\nimport { BFormFile } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormFile,\n  },\n}\n</script>\n";
var codeFormatter = "\n<template>\n  <div>\n    <div>\n      <b-form-file\n        multiple\n        :file-name-formatter=\"formatNames\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { BFormFile } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormFile,\n  },\n  methods: {\n    formatNames(files) {\n      if (files.length === 1) {\n        return files[0].name\n      }\n      return `${ files.length } files selected`\n    },\n  },\n}\n</script>\n";
var codeLimiting = "\n<template>\n  <div>\n    <div>\n      <!-- Accept all image formats by IANA media type wildcard-->\n      <label for=\"wildcard\">Accept all image</label>\n      <b-form-file\n        id=\"wildcard\"\n        accept=\"image/*\"\n      />\n\n      <!-- Accept specific image formats by IANA type -->\n      <label\n        for=\"IANA\"\n        class=\"mt-1\"\n      >Accept specific image formats by IANA type</label>\n      <b-form-file\n        id=\"IANA\"\n        accept=\"image/jpeg, image/png, image/gif\"\n      />\n\n      <!-- Accept specific image formats by extension -->\n      <label\n        for=\"extension\"\n        class=\"mt-1\"\n      >Accept specific image formats by extension</label>\n      <b-form-file\n        id=\"extension\"\n        accept=\".jpg, .png, .gif\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { BFormFile } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BCardCode,\n    BFormFile,\n  },\n}\n</script>\n";
var codeMultiple = "\n<template>\n  <div>\n    <b-form-file\n      placeholder=\"Choose a file or drop it here...\"\n      drop-placeholder=\"Drop file here...\"\n      multiple\n    />\n  </div>\n</template>\n\n<script>\nimport { BFormFile } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormFile,\n  },\n}\n</script>\n";
var codeSize = "\n<template>\n  <div>\n    <b-form-group\n      label=\"Small:\"\n      label-for=\"file-small\"\n      label-cols-sm=\"2\"\n      label-size=\"sm\"\n    >\n      <b-form-file\n        id=\"file-small\"\n        size=\"sm\"\n      />\n    </b-form-group>\n\n    <b-form-group\n      label=\"Default:\"\n      label-for=\"file-default\"\n      label-cols-sm=\"2\"\n    >\n      <b-form-file id=\"file-default\" />\n    </b-form-group>\n\n    <b-form-group\n      label=\"Large:\"\n      label-for=\"file-large\"\n      label-cols-sm=\"2\"\n      label-size=\"lg\"\n    >\n      <b-form-file\n        id=\"file-large\"\n        size=\"lg\"\n      />\n    </b-form-group>\n  </div>\n</template>\n\n<script>\nimport { BFormFile, BFormGroup } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormFile,\n    BFormGroup,\n  },\n}\n</script>\n";
var codeContextualState = "\n<template>\n  <div>\n    <!-- Styled -->\n    <b-form-file\n      v-model=\"file\"\n      :state=\"Boolean(file)\"\n      placeholder=\"Choose a file or drop it here...\"\n      drop-placeholder=\"Drop file here...\"\n    />\n  </div>\n</template>\n\n<script>\nimport { BFormFile } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormFile,\n  },\n  data: () => ({\n    file: null,\n  }),\n}\n</script>\n";
var codeClearing = "\n<template>\n  <div>\n    <b-form-file\n      ref=\"file-input\"\n      v-model=\"file\"\n      class=\"mb-2\"\n    />\n\n    <b-button\n      class=\"mr-2\"\n      variant=\"primary\"\n      @click=\"clearFiles\"\n    >\n      Reset via method\n    </b-button>\n    <b-button\n      variant=\"primary\"\n      @click=\"file = null\"\n    >\n      Reset via v-model\n    </b-button>\n\n    <p class=\"mt-2\">\n      Selected file: <strong>{{ file ? file.name : '' }}</strong>\n    </p>\n  </div>\n</template>\n\n<script>\nimport { BFormFile, BButton } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormFile,\n    BButton,\n  },\n  data: () => ({\n    file: null,\n  }),\n  methods: {\n    clearFiles() {\n      this.$refs['file-input'].reset()\n    },\n  },\n}\n</script>\n";
var codeDirectory = "\n<template>\n  <div>\n    <b-form-file\n        v-model=\"file\"\n        directory\n        placeholder=\"Choose a file or drop it here...\"\n        drop-placeholder=\"Drop file here...\"\n      />\n    </b-card-code>\n  </div>\n</template>\n\n<script>\nimport { BFormFile } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormFile,\n    file:null\n  },\n}\n</script>\n";
var codeSlot = "\n<template>\n  <b-form-file multiple>\n    <template\n      slot=\"file-name\"\n      slot-scope=\"{ names }\"\n    >\n      <b-badge variant=\"primary\">\n        {{ names[0] }}\n      </b-badge>\n      <b-badge\n        v-if=\"names.length > 1\"\n        variant=\"dark\"\n        class=\"ml-1\"\n      >\n        + {{ names.length - 1 }} More files\n      </b-badge>\n    </template>\n  </b-form-file>\n</template>\n\n\n<script>\nimport { BFormFile, BBadge } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormFile,\n    BBadge,\n  },\n}\n</script>\n";

/***/ }),

/***/ "./frontend/src/views/inventory/inventory-list/formcode.js":
/*!*****************************************************************!*\
  !*** ./frontend/src/views/inventory/inventory-list/formcode.js ***!
  \*****************************************************************/
/*! exports provided: codeFloatinLabel, codeBasic, codeDatalist, codeDebounce, codeSize, codeStates, codeFormatter, codeValidateTooltips, codeFloatingLabelIcon, codeHorizontalSize */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeFloatinLabel", function() { return codeFloatinLabel; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeBasic", function() { return codeBasic; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeDatalist", function() { return codeDatalist; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeDebounce", function() { return codeDebounce; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeSize", function() { return codeSize; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeStates", function() { return codeStates; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeFormatter", function() { return codeFormatter; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeValidateTooltips", function() { return codeValidateTooltips; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeFloatingLabelIcon", function() { return codeFloatingLabelIcon; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeHorizontalSize", function() { return codeHorizontalSize; });
var codeFloatinLabel = "\n<template>\n   <b-row>\n    <b-col md=\"4\">\n      <div class=\"form-label-group\">\n        <b-form-input\n          id=\"floating-label1\"\n          placeholder=\"Label Placeholder\"\n        />\n        <label for=\"floating-label1\">Label-placeholder</label>\n      </div>\n    </b-col>\n    <b-col md=\"4\">\n      <div class=\"form-label-group has-icon-left\">\n        <b-form-input\n          id=\"iconLabelLeft\"\n          placeholder=\"Icon Left, Default Input\"\n        />\n        <div class=\"form-control-position\">\n          <i class=\"bx bx-user\" />\n        </div>\n        <label for=\"iconLabelLeft\">Icon Left, Default Input</label>\n      </div>\n    </b-col>\n    <b-col md=\"4\">\n      <div class=\"form-label-group\">\n        <b-form-input\n          placeholder=\"Disabled-placeholder\"\n          disabled\n        />\n        <label for=\"floating-label-disable\">Disabled-placeholder</label>\n      </div>\n    </b-col>\n  </b-row>\n</template>\n\n<script>\nimport { BFormInput, BRow, BCol } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BCardCode,\n    BFormInput,\n    BRow,\n    BCol,\n  },\n}\n</script>\n";
var codeBasic = "\n<template>\n  <b-row>\n    <b-col\n      md=\"6\"\n      xl=\"4\"\n      class=\"mb-1\"\n    >\n\n      <!-- basic -->\n      <b-form-group\n        label=\"Basic Input\"\n        label-for=\"basicInput\"\n      >\n        <b-form-input\n          id=\"basicInput\"\n          placeholder=\"Enter Email\"\n        />\n      </b-form-group>\n    </b-col>\n\n    <b-col\n      md=\"6\"\n      xl=\"4\"\n      class=\"mb-1\"\n    >\n      <!-- input text with help -->\n      <b-form-group>\n        <label for=\"InputHelp\">Input text with help</label>\n        <small class=\"text-muted\"> eg. <i>someone@example.com</i></small>\n        <b-form-input id=\"InputHelp\" />\n      </b-form-group>\n    </b-col>\n\n    <b-col\n      md=\"6\"\n      xl=\"4\"\n      class=\"mb-1\"\n    >\n      <!-- disabled input -->\n      <b-form-group\n        label=\"Disabled Input\"\n        label-for=\"disabledInput\"\n      >\n        <b-form-input\n          id=\"disabledInput\"\n          disabled\n        />\n      </b-form-group>\n    </b-col>\n\n    <b-col\n      md=\"6\"\n      xl=\"4\"\n    >\n      <!-- with helper text -->\n      <b-form-group\n        label=\"With Helper Text\"\n        label-for=\"helperInput\"\n        description=\"Find helper text here for given textbox.\"\n      >\n        <b-form-input\n          id=\"helperInput\"\n          placeholder=\"Name\"\n        />\n      </b-form-group>\n    </b-col>\n    <b-col\n      md=\"6\"\n      xl=\"4\"\n    >\n      <!-- readonly input -->\n      <b-form-group\n        label=\"Readonly Input\"\n        label-for=\"readOnlyInput\"\n      >\n        <b-form-input\n          id=\"readOnlyInput\"\n          value=\"You can't update me :P\"\n          readonly\n        />\n      </b-form-group>\n    </b-col>\n\n    <b-col\n      md=\"6\"\n      xl=\"4\"\n    >\n      <!-- static text -->\n      <b-form-group\n        label=\"Readonly Static Text\"\n        label-for=\"plainTextInput\"\n      >\n        <b-form-input\n          id=\"plainTextInput\"\n          plaintext\n          value=\"email@pixinvent.com\"\n        />\n      </b-form-group>\n    </b-col>\n  </b-row>\n</template>\n\n<script>\nimport {BFormInput, BRow, BCol, BFormGroup} from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormInput,\n    BFormGroup,\n    BRow,\n    BCol,\n  },\n}\n</script>\n";
var codeDatalist = "\n<template>\n  <b-form-group class=\"mb-0\">\n    <b-form-input list=\"my-list-id\" />\n\n    <datalist id=\"my-list-id\">\n      <option>Manual Option</option>\n      <option\n        v-for=\"size in sizes\"\n        :key=\"size\"\n      >\n        {{ size }}\n      </option>\n    </datalist>\n  </b-form-group>\n</template>\n\n<script>\nimport { BFormInput, BFormGroup } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormGroup,\n    BFormInput,\n  },\n  data() {\n    return {\n      sizes: ['Small', 'Medium', 'Large', 'Extra Large'],\n    }\n  },\n}\n</script>\n";
var codeDebounce = "\n<template>\n  <div>\n    <b-form-input\n      v-model=\"value\"\n      type=\"text\"\n      debounce=\"500\"\n    />\n    <b-card-text class=\"mt-1 mb-0\">\n      <strong>Value : </strong><span>{{ value }}</span>\n    </b-card-text>\n  </div>\n</template>\n\n<script>\nimport { BFormInput, BCardText } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormInput,\n    BCardText,\n  },\n  data() {\n    return {\n      value: '',\n    }\n  },\n}\n</script>\n";
var codeSize = "\n<template>\n  <b-row>\n\n    <!-- large -->\n    <b-col cols=\"12\">\n      <b-form-group\n        label=\"Large\"\n        label-for=\"largeInput\"\n      >\n        <b-form-input\n          id=\"largeInput\"\n          size=\"lg\"\n          placeholder=\"Large Input\"\n        />\n      </b-form-group>\n    </b-col>\n\n    <!-- default -->\n    <b-col cols=\"12\">\n      <b-form-group\n        label=\"Default\"\n        label-for=\"defaultLabel\"\n      >\n        <b-form-input\n          id=\"defaultLabel\"\n          placeholder=\"Normal Input\"\n        />\n      </b-form-group>\n    </b-col>\n\n    <!-- small -->\n    <b-col cols=\"12\">\n      <b-form-group\n        label=\"Small\"\n        label-for=\"smallInput\"\n      >\n        <b-form-input\n          id=\"smallInput\"\n          size=\"sm\"\n          placeholder=\"Small Input\"\n        />\n      </b-form-group>\n    </b-col>\n  </b-row>\n</template>\n\n<script>\nimport {BFormInput, BRow, BCol, BFormGroup} from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormInput,\n    BFormGroup,\n    BRow,\n    BCol,\n  },\n}\n</script>\n";
var codeStates = "\n<template>\n  <b-row>\n\n    <!-- valid input -->\n    <b-col md=\"6\">\n      <b-form-group\n        label=\"Valid State\"\n        label-for=\"input-valid\"\n      >\n        <b-form-input\n          id=\"input-valid\"\n          :state=\"true\"\n          placeholder=\"Valid\"\n        />\n        <b-form-valid-feedback>\n          This is valid state.\n        </b-form-valid-feedback>\n      </b-form-group>\n    </b-col>\n\n    <!-- invalid input -->\n    <b-col md=\"6\">\n      <b-form-group\n        label=\"Invalid State\"\n        label-for=\"input-invalid\"\n      >\n        <b-form-input\n          id=\"input-invalid\"\n          :state=\"false\"\n          placeholder=\"Invalid\"\n        />\n        <b-form-invalid-feedback>\n          This is invalid state.\n        </b-form-invalid-feedback>\n      </b-form-group>\n    </b-col>\n  </b-row>\n</template>\n\n<script>\nimport {\n  BFormInput, BRow, BCol, BFormInvalidFeedback, BFormValidFeedback, BFormGroup,\n} from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormInput,\n    BFormInvalidFeedback,\n    BFormValidFeedback,\n    BRow,\n    BFormGroup,\n    BCol,\n  },\n}\n</script>\n";
var codeFormatter = "\n<template>\n  <div>\n    <b-form-group\n      label=\"Text input with formatter (on input)\"\n      label-for=\"input-formatter\"\n      description=\"We will convert your name to lowercase instantly\"\n    >\n      <b-form-input\n        id=\"input-formatter\"\n        v-model=\"text1\"\n        placeholder=\"Enter your name\"\n        :formatter=\"formatter\"\n      />\n    </b-form-group>\n    <b-card-text><strong>Value:</strong> {{ text1 }}</b-card-text>\n\n    <b-form-group\n      label=\"Text input with lazy formatter (on blur)\"\n      label-for=\"input-lazy\"\n      description=\"This one is a little lazy!\"\n    >\n      <b-form-input\n        id=\"input-lazy\"\n        v-model=\"text2\"\n        placeholder=\"Enter your name\"\n        lazy-formatter\n        :formatter=\"formatter\"\n      />\n    </b-form-group>\n\n    <b-card-text class=\"mb-0\">\n      <strong>Value:</strong> {{ text2 }}\n    </b-card-text>\n  </div>\n</template>\n\n<script>\nimport { BFormInput, BFormGroup, BCardText } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormInput,\n    BCardText,\n    BFormGroup,\n  },\n  data() {\n    return {\n      text1: '',\n      text2: '',\n    }\n  },\n  methods: {\n    formatter(value) {\n      return value.toLowerCase()\n    },\n  },\n}\n</script>\n";
var codeValidateTooltips = "\n<template>\n  <b-form novalidate class=\"needs-validation\" @submit.prevent>\n    <b-form-row>\n\n      <!-- valid input  -->\n      <b-col\n        md=\"4\"\n        class=\"mb-3\"\n      >\n        <label for=\"input-valid1\">Valid Input:</label>\n        <b-form-input\n          id=\"input-valid1\"\n          v-model=\"value1\"\n          :state=\"value1.length > 0\"\n          placeholder=\"Valid input\"\n        />\n        <b-form-valid-feedback\n          tooltip\n        >\n          Looks good!\n        </b-form-valid-feedback>\n        <b-form-invalid-feedback\n          tooltip\n        >\n          Please provide a valid input.\n        </b-form-invalid-feedback>\n      </b-col>\n\n      <!-- invalid input -->\n      <b-col\n        md=\"4\"\n        class=\"mb-3\"\n      >\n        <label for=\"input-invalid1\">Invalid Input:</label>\n        <b-form-input\n          id=\"input-invalid1\"\n          v-model=\"value2\"\n          :state=\"value2.length > 0\"\n          placeholder=\"Invalid input\"\n        />\n        <b-form-valid-feedback tooltip>\n          Looks good!\n        </b-form-valid-feedback>\n        <b-form-invalid-feedback\n          tooltip\n        >\n          Please provide a valid input.\n        </b-form-invalid-feedback>\n      </b-col>\n\n      <!-- invalid input -->\n      <b-col\n        md=\"4\"\n        class=\"mb-3\"\n      >\n        <label for=\"input-invalid2\">Invalid Input:</label>\n        <b-form-input\n          id=\"input-invalid2\"\n          v-model=\"value3\"\n          :state=\"value3.length > 0\"\n          placeholder=\"Invalid input\"\n        />\n        <b-form-valid-feedback tooltip>\n          Looks good!\n        </b-form-valid-feedback>\n        <b-form-invalid-feedback tooltip>\n          Please provide a valid city.\n        </b-form-invalid-feedback>\n      </b-col>\n\n      <!-- submit button -->\n      <b-col\n        cols=\"12\"\n      >\n        <b-button\n          v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n          type=\"submit\"\n          variant=\"primary\"\n        >\n          Submit\n        </b-button>\n      </b-col>\n    </b-form-row>\n  </b-form>\n</template>\n\n<script>\nimport { BFormInput, BCol, BForm, BFormRow, BFormValidFeedback, BFormInvalidFeedback, BButton} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BFormInput,\n    BForm,\n    BButton,\n    BFormRow,\n    BFormValidFeedback,\n    BFormInvalidFeedback,\n    BCol,\n  },\n  directives: {\n    Ripple,\n  },\n  data() {\n    return {\n      value1: 'John',\n      value2: 'Doe',\n      value3: '',\n    }\n  },\n}\n</script>\n";
var codeFloatingLabelIcon = "\n<template>\n  <b-row>\n    <b-col md=\"6\">\n      <div class=\"form-label-group\">\n        <b-form-input\n          id=\"floating-label1\"\n          placeholder=\"Label Placeholder\"\n        />\n        <label for=\"floating-label1\">Label-placeholder</label>\n      </div>\n    </b-col>\n    <b-col md=\"6\">\n      <div class=\"form-label-group\">\n        <b-form-input\n          placeholder=\"Disabled-placeholder\"\n          disabled\n        />\n        <label for=\"floating-label-disable\">Disabled-placeholder</label>\n      </div>\n    </b-col>\n  </b-row>\n</template>\n\n<script>\nimport {\n  BFormInput, BRow, BCol\n} from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormInput,\n    BRow,\n    BCol,\n  },\n}\n</script>\n";
var codeHorizontalSize = "\n<template>\n  <div>\n     <!-- large label  -->\n    <b-form-group\n      label-cols=\"4\"\n      label-cols-lg=\"2\"\n      label-size=\"lg\"\n      label=\"Large\"\n      label-for=\"input-lg\"\n    >\n      <b-form-input\n        id=\"input-lg\"\n        size=\"lg\"\n        placeholder=\"Large Input\"\n      />\n    </b-form-group>\n\n    <!-- default label -->\n    <b-form-group\n      label-cols=\"4\"\n      label-cols-lg=\"2\"\n      label=\"Default\"\n      label-for=\"input-default\"\n    >\n      <b-form-input\n        id=\"input-default\"\n        placeholder=\"Normal Input\"\n      />\n    </b-form-group>\n\n    <!-- small label -->\n    <b-form-group\n      label-cols=\"4\"\n      label-cols-lg=\"2\"\n      label-size=\"sm\"\n      label=\"Small\"\n      label-for=\"input-sm\"\n    >\n      <b-form-input\n        id=\"input-sm\"\n        size=\"sm\"\n        placeholder=\"Small Input\"\n      />\n    </b-form-group>\n  </div>\n</template>\n\n<script>\nimport { BFormGroup, BFormInput } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormGroup,\n    BFormInput,\n  },\n}\n</script>\n";

/***/ }),

/***/ "./frontend/src/views/inventory/inventory-list/gallery.js":
/*!****************************************************************!*\
  !*** ./frontend/src/views/inventory/inventory-list/gallery.js ***!
  \****************************************************************/
/*! exports provided: codeBasic, codeAlignment, codeBlank, codeResponsive, codeRoundedCorner, codeThumbnails, codeLazy */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeBasic", function() { return codeBasic; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeAlignment", function() { return codeAlignment; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeBlank", function() { return codeBlank; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeResponsive", function() { return codeResponsive; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeRoundedCorner", function() { return codeRoundedCorner; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeThumbnails", function() { return codeThumbnails; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeLazy", function() { return codeLazy; });
var codeBasic = "\n<template>\n  <b-img src=\"https://picsum.photos/1024/400/?image=41\" fluid alt=\"Responsive image\" />\n</template>\n\n<script>\nimport { BImg } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BImg,\n  }\n}\n</script>\n";
var codeAlignment = "\n<template>\n  <div class=\"clearfix\">\n    <b-img  left class=\"mb-1 mb-sm-0\" height=\"120\" :src=\"require('@/assets/images/banner/banner-34.jpg\" alt=\"Left image')\"/>\n    <b-img right class=\"mb-1 mb-sm-0\" height=\"120\" :src=\"require('@/assets/images/banner/banner-34.jpg\" alt=\"Right image')\"/>\n    <b-img center class=\"mb-1 mb-sm-0\" height=\"120\" :src=\"require('@/assets/images/banner/banner-34.jpg\" alt=\"Center image')\"/>\n  </div>\n</template>\n\n<script>\nimport { BImg } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BImg,\n  }\n}\n</script>\n";
var codeBlank = "\n<template>\n  <div>\n    <b-img\n      v-bind=\"mainProps\"\n      rounded\n      alt=\"Transparent image\"\n      class=\"d-inline-block mr-1 mb-1 border\"\n    />\n    <b-img\n      v-bind=\"mainProps\"\n      blank-color=\"#5A8DEE\"\n      rounded\n      alt=\"HEX shorthand color image (#777)\"\n      class=\"d-inline-block mr-1 mb-1\"\n    />\n    <b-img\n      v-bind=\"mainProps\"\n      blank-color=\"#475F7B\"\n      rounded\n      alt=\"Named color image (red)\"\n      class=\"d-inline-block mr-1 mb-1\"\n    />\n\n    <b-img\n      v-bind=\"mainProps\"\n      blank-color=\"#39DA8A\"\n      rounded\n      alt=\"Named color image (black)\"\n      class=\"d-inline-block mr-1 mb-1\"\n    />\n    <b-img\n      v-bind=\"mainProps\"\n      blank-color=\"#FF5B5C\"\n      rounded\n      alt=\"HEX color image\"\n      class=\"d-inline-block mr-1 mb-1\"\n    />\n    <b-img\n      v-bind=\"mainProps\"\n      blank-color=\"#FDAC41\"\n      alt=\"RGBa color image\"\n      rounded\n      class=\"d-inline-block mr-1 mb-1\"\n    />\n    <b-img\n      v-bind=\"mainProps\"\n      blank-color=\"#00CFDD\"\n      rounded\n      alt=\"HEX shorthand color (#88f)\"\n      class=\"d-inline-block mr-1 mb-1\"\n    />\n  </div>\n</template>\n\n<script>\nimport { BImg } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BImg,\n  },\n  data: () => ({\n    mainProps: {\n      blank: true,\n      width: 75,\n      height: 75,\n      class: 'm1',\n    },\n  }),\n}\n</script>\n";
var codeResponsive = "\n<template>\n  <div>\n    <h6>Small image with <code>fluid</code>:</h6>\n    <b-img :src=\"require('@/assets/images/water-drop-small.jpg\" fluid alt=\"Fluid image')\" />\n\n    <h6 class=\"my-1\">Small image with <code>fluid-grow</code>:</h6>\n    <b-img :src=\"require('@/assets/images/water-drop-small.jpg\" fluid-grow alt=\"Fluid-grow image')\" />\n  </div>\n</template>\n\n<script>\nimport { BImg } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BImg,\n  },\n}\n</script>\n";
var codeRoundedCorner = "\n<template>\n  <div>\n    <b-img\n      v-bind=\"mainProps\"\n      rounded\n      alt=\"Rounded image\"\n      class=\"d-inline-block mr-1 mb-1\"\n    />\n    <b-img\n      v-bind=\"mainProps\"\n      rounded=\"top\"\n      alt=\"Top-rounded image\"\n      class=\"d-inline-block mr-1 mb-1\"\n    />\n    <b-img\n      v-bind=\"mainProps\"\n      rounded=\"right\"\n      alt=\"Right-rounded image\"\n      class=\"d-inline-block mr-1 mb-1\"\n    />\n    <b-img\n      v-bind=\"mainProps\"\n      rounded=\"bottom\"\n      alt=\"Bottom-rounded image\"\n      class=\"d-inline-block mr-1 mb-1\"\n    />\n    <b-img\n      v-bind=\"mainProps\"\n      rounded=\"left\"\n      alt=\"Left-rounded image\"\n      class=\"d-inline-block mr-1 mb-1\"\n    />\n    <b-img\n      v-bind=\"mainProps\"\n      rounded=\"circle\"\n      alt=\"Circle image\"\n      class=\"d-inline-block mr-1 mb-1\"\n    />\n    <b-img\n      v-bind=\"mainProps\"\n      rounded=\"0\"\n      alt=\"Not rounded image\"\n      class=\"d-inline-block mr-1 mb-1\"\n    />\n  </div>\n</template>\n\n<script>\nimport { BImg } from 'bootstrap-vue'\n\nexport default {\n BImg, },\n  data: () => ({\n    mainProps: {\n      blank: true,\n      blankColor: '#777',\n      width: 75,\n      height: 75,\n      class: 'm1',\n    },\n  }),\n}\n</script>\n";
var codeThumbnails = "\n<template>\n  <b-container fluid class=\"p-1 bg-dark\">\n    <b-row>\n      <b-col>\n        <b-img thumbnail fluid :src=\"require('@/assets/images/sky-high.jpg\" alt=\"Image 1')\" />\n      </b-col>\n      <b-col>\n        <b-img thumbnail fluid :src=\"require('@/assets/images/light-house-thumb.jpg\" alt=\"Image 2')\" />\n      </b-col>\n      <b-col>\n        <b-img thumbnail fluid :src=\"require('@/assets/images/border.jpg\" alt=\"Image 3')\" />\n      </b-col>\n    </b-row>\n  </b-container>\n</template>\n\n<script>\nimport { BImg, BContainer, BRow, BCol } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BImg,\n    BContainer,\n    BRow,\n    BCol,\n  },\n}\n</script>\n";
var codeLazy = "\n<template>\n  <div>\n    <b-img-lazy :src=\"require('@/assets/images/banner/banner-6.jpg\" fluid class=\"w-100')\"/>\n  </div>\n</template>\n\n<script>\nimport { BImgLazy } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BImgLazy,\n  },\n}\n</script>\n";

/***/ }),

/***/ "./frontend/src/views/inventory/inventory-list/invoiceStoreModule.js":
/*!***************************************************************************!*\
  !*** ./frontend/src/views/inventory/inventory-list/invoiceStoreModule.js ***!
  \***************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _axios__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @axios */ "./frontend/src/libs/axios.js");

/* harmony default export */ __webpack_exports__["default"] = ({
  namespaced: true,
  state: {},
  getters: {},
  mutations: {},
  actions: {
    fetchInvoices: function fetchInvoices(ctx, queryParams) {
      return new Promise(function (resolve, reject) {
        _axios__WEBPACK_IMPORTED_MODULE_0__["default"].get('/invoice/invoices', {
          params: queryParams
        }).then(function (response) {
          return resolve(response);
        })["catch"](function (error) {
          return reject(error);
        });
      });
    },
    fetchInvoice: function fetchInvoice(ctx, _ref) {
      var id = _ref.id;
      return new Promise(function (resolve, reject) {
        _axios__WEBPACK_IMPORTED_MODULE_0__["default"].get("/invoice/invoices/".concat(id)).then(function (response) {
          return resolve(response);
        })["catch"](function (error) {
          return reject(error);
        });
      });
    },
    fetchClients: function fetchClients() {
      return new Promise(function (resolve, reject) {
        _axios__WEBPACK_IMPORTED_MODULE_0__["default"].get('/invoice/clients').then(function (response) {
          return resolve(response);
        })["catch"](function (error) {
          return reject(error);
        });
      });
    } // addUser(ctx, userData) {
    //   return new Promise((resolve, reject) => {
    //     axios
    //       .post('/apps/user/users', { user: userData })
    //       .then(response => resolve(response))
    //       .catch(error => reject(error))
    //   })
    // },

  }
});

/***/ }),

/***/ "./frontend/src/views/inventory/inventory-list/modal.js":
/*!**************************************************************!*\
  !*** ./frontend/src/views/inventory/inventory-list/modal.js ***!
  \**************************************************************/
/*! exports provided: codeBasic, codeThemes, codeSize, codeFormScroll, codeVariant, codeDisableFooter, codeFooterSize, codeMessageBox, codeMethod, codeMultiple, codePrevent, codeVmodal */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeBasic", function() { return codeBasic; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeThemes", function() { return codeThemes; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeSize", function() { return codeSize; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeFormScroll", function() { return codeFormScroll; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeVariant", function() { return codeVariant; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeDisableFooter", function() { return codeDisableFooter; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeFooterSize", function() { return codeFooterSize; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeMessageBox", function() { return codeMessageBox; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeMethod", function() { return codeMethod; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeMultiple", function() { return codeMultiple; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codePrevent", function() { return codePrevent; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeVmodal", function() { return codeVmodal; });
var codeBasic = "\n<template>\n  <div>\n    <!-- modal trigger button -->\n    <div class=\"demo-inline-spacing\">\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        v-b-modal.modal-1\n        variant=\"outline-primary\"\n      >\n        Basic Modal\n      </b-button>\n\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        v-b-modal.modal-center\n        variant=\"outline-primary\"\n      >\n        Vertically Center\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        v-b-modal.modal-no-backdrop\n        variant=\"outline-primary\"\n      >\n        Disabled Backdrop\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        v-b-modal.modal-no-animation\n        variant=\"outline-primary\"\n      >\n        Disabled Animation\n      </b-button>\n    </div>\n\n    <!-- basic modal -->\n    <b-modal\n      id=\"modal-1\"\n      title=\"Basic Modal\"\n      ok-only\n      ok-title=\"Accept\"\n    >\n      <b-card-text>\n        <h5>Check First Paragraph</h5>\n        Oat cake ice cream candy chocolate cake chocolate cake cotton candy drag\xE9e apple pie.\n        Brownie carrot cake candy canes bonbon fruitcake topping halvah. Cake sweet roll cake cheesecake cookie chocolate cake liquorice.\n      </b-card-text>\n    </b-modal>\n\n    <!-- disable animation-->\n    <b-modal\n      id=\"modal-no-animation\"\n      content-class=\"shadow\"\n      title=\"Disabled Animation\"\n      no-fade\n      ok-only\n      ok-title=\"Accept\"\n    >\n      <b-card-text>\n        Chocolate bar jelly drag\xE9e cupcake chocolate bar I love donut liquorice.\n        Powder I love marzipan donut candy canes jelly-o.\n        Drag\xE9e liquorice apple pie candy biscuit danish lemon drops sugar plum.\n      </b-card-text>\n      <b-alert\n        show\n        variant=\"success\"\n      >\n        <div class=\"alert-body\">\n          Well done! You successfully read this important alert message.\n        </div>\n      </b-alert>\n    </b-modal>\n\n    <!-- modal vertical center -->\n    <b-modal\n      id=\"modal-center\"\n      centered\n      title=\"Vertically Centered\"\n      ok-only\n      ok-title=\"Accept\"\n    >\n      <b-card-text>\n        Croissant jelly-o halvah chocolate sesame snaps.\n        Brownie caramels candy canes chocolate cake marshmallow icing lollipop I love.\n        Gummies macaroon donut caramels biscuit topping danish.\n      </b-card-text>\n    </b-modal>\n\n    <!-- modal backdrop -->\n    <b-modal\n      id=\"modal-no-backdrop\"\n      hide-backdrop\n      ok-only\n      no-close-on-backdrop\n      content-class=\"shadow\"\n      title=\"Disabled Backdrop\"\n      ok-title=\"Accept\"\n    >\n      <b-card-text>\n        <span>We've added the utility class</span>\n        <code>'shadow'</code>\n        <span>to the modal content for added effect.</span>\n      </b-card-text>\n      <b-card-text>\n        Candy oat cake topping topping chocolate cake. Icing pudding jelly beans I love chocolate carrot cake wafer\n        candy canes. Biscuit croissant fruitcake bonbon souffl\xE9.\n      </b-card-text>\n    </b-modal>\n  </div>\n</template>\n\n<script>\nimport { BModal, BButton, VBModal, BAlert} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BCardCode,\n    BButton,\n    BModal,\n    BAlert,\n  },\n  directives: {\n    'b-modal': VBModal,\n    Ripple,\n  },\n}\n</script>\n";
var codeThemes = "\n<template>\n  <div>\n    <!-- button trigger -->\n    <div class=\"demo-inline-spacing\">\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        v-b-modal.modal-primary\n        variant=\"outline-primary\"\n      >\n        Primary\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\n        v-b-modal.modal-seconday\n        variant=\"outline-secondary\"\n      >\n        Secondary\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(40, 199, 111, 0.15)'\"\n        v-b-modal.modal-success\n        variant=\"outline-success\"\n      >\n        Success\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(234, 84, 85, 0.15)'\"\n        v-b-modal.modal-danger\n        variant=\"outline-danger\"\n      >\n        Danger\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(255, 159, 67, 0.15)'\"\n        v-b-modal.modal-warning\n        variant=\"outline-warning\"\n      >\n        Warning\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(0, 207, 232, 0.15)'\"\n        v-b-modal.modal-info\n        variant=\"outline-info\"\n      >\n        Info\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(30, 30, 30, 0.15)'\"\n        v-b-modal.modal-dark\n        variant=\"outline-dark\"\n      >\n        Dark\n      </b-button>\n    </div>\n\n    <!-- modal -->\n    <b-modal\n      id=\"modal-primary\"\n      ok-only\n      ok-title=\"Accept\"\n      modal-class=\"modal-primary\"\n      centered\n      title=\"Primary Modal\"\n    >\n      <b-card-text>\n        Biscuit chocolate cake gummies. Lollipop I love macaroon bear claw caramels. I love marshmallow tiramisu I love\n        fruitcake I love gummi bears. Carrot cake topping liquorice. Pudding caramels liquorice sweet I love. Donut powder\n        cupcake ice cream tootsie roll jelly.\n      </b-card-text>\n    </b-modal>\n\n    <b-modal\n      id=\"modal-seconday\"\n      ok-only\n      ok-variant=\"secondary\"\n      ok-title=\"Accept\"\n      modal-class=\"modal-secondary\"\n      centered\n      title=\"Secondary Modal\"\n    >\n      <b-card-text>\n        Biscuit chocolate cake gummies. Lollipop I love macaroon bear claw caramels. I love marshmallow tiramisu I love\n        fruitcake I love gummi bears. Carrot cake topping liquorice. Pudding caramels liquorice sweet I love. Donut powder\n        cupcake ice cream tootsie roll jelly.\n      </b-card-text>\n    </b-modal>\n\n    <b-modal\n      id=\"modal-success\"\n      ok-only\n      ok-variant=\"success\"\n      ok-title=\"Accept\"\n      modal-class=\"modal-success\"\n      centered\n      title=\"Success Modal\"\n    >\n      <b-card-text>\n        Biscuit chocolate cake gummies. Lollipop I love macaroon bear claw caramels. I love marshmallow tiramisu I love\n        fruitcake I love gummi bears. Carrot cake topping liquorice. Pudding caramels liquorice sweet I love. Donut powder\n        cupcake ice cream tootsie roll jelly.\n      </b-card-text>\n    </b-modal>\n\n    <b-modal\n      id=\"modal-danger\"\n      ok-only\n      ok-variant=\"danger\"\n      ok-title=\"Accept\"\n      modal-class=\"modal-danger\"\n      centered\n      title=\"Danger Modal\"\n    >\n      <b-card-text>\n        Biscuit chocolate cake gummies. Lollipop I love macaroon bear claw caramels. I love marshmallow tiramisu I love\n        fruitcake I love gummi bears. Carrot cake topping liquorice. Pudding caramels liquorice sweet I love. Donut powder\n        cupcake ice cream tootsie roll jelly.\n      </b-card-text>\n    </b-modal>\n\n    <b-modal\n      id=\"modal-info\"\n      ok-only\n      ok-variant=\"info\"\n      ok-title=\"Accept\"\n      modal-class=\"modal-info\"\n      centered\n      title=\"Info Modal\"\n    >\n      <b-card-text>\n        Biscuit chocolate cake gummies. Lollipop I love macaroon bear claw caramels. I love marshmallow tiramisu I love\n        fruitcake I love gummi bears. Carrot cake topping liquorice. Pudding caramels liquorice sweet I love. Donut powder\n        cupcake ice cream tootsie roll jelly.\n      </b-card-text>\n    </b-modal>\n\n    <b-modal\n      id=\"modal-warning\"\n      ok-only\n      ok-variant=\"warning\"\n      ok-title=\"Accept\"\n      modal-class=\"modal-warning\"\n      centered\n      title=\"Warning Modal\"\n    >\n      <b-card-text>\n        Biscuit chocolate cake gummies. Lollipop I love macaroon bear claw caramels. I love marshmallow tiramisu I love\n        fruitcake I love gummi bears. Carrot cake topping liquorice. Pudding caramels liquorice sweet I love. Donut powder\n        cupcake ice cream tootsie roll jelly.\n      </b-card-text>\n    </b-modal>\n\n    <b-modal\n      id=\"modal-dark\"\n      ok-only\n      ok-variant=\"dark\"\n      ok-title=\"Accept\"\n      modal-class=\"modal-dark\"\n      centered\n      title=\"Dark Modal\"\n    >\n      <b-card-text>\n        Biscuit chocolate cake gummies. Lollipop I love macaroon bear claw caramels. I love marshmallow tiramisu I love\n        fruitcake I love gummi bears. Carrot cake topping liquorice. Pudding caramels liquorice sweet I love. Donut powder\n        cupcake ice cream tootsie roll jelly.\n      </b-card-text>\n    </b-modal>\n  </div>\n</template>\n\n<script>\nimport { BButton, BModal, VBModal } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButton,\n    BModal,\n  },\n  directives: {\n    'b-modal': VBModal,\n    Ripple,\n  },\n}\n</script>\n";
var codeSize = "\n<template>\n  <div>\n    <!-- trigger button -->\n    <div class=\"demo-inline-spacing\">\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        v-b-modal.modal-xs\n        variant=\"outline-primary\"\n      >\n        Extra Small\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        v-b-modal.modal-sm\n        variant=\"outline-primary\"\n      >\n        Small Modal\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        v-b-modal.modal-default\n        variant=\"outline-primary\"\n      >\n        Default Modal\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        v-b-modal.modal-lg\n        variant=\"outline-primary\"\n      >\n        Large Modal\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        v-b-modal.modal-xl\n        variant=\"outline-primary\"\n      >\n        Extra Large Modal\n      </b-button>\n    </div>\n\n    <!-- modal -->\n    <b-modal\n      id=\"modal-xs\"\n      cancel-variant=\"secondary\"\n      ok-only\n      ok-title=\"Accept\"\n      centered\n      size=\"xs\"\n      title=\"Extra Small Modal\"\n    >\n      <b-card-text>Biscuit chocolate cake gummies. Lollipop I love macaroon bear claw caramels. I love marshmallow tiramisu I love fruitcake I love gummi bears. Carrot cake topping liquorice. Pudding caramels liquorice sweet I love. Donut powder cupcake ice cream tootsie roll jelly.</b-card-text>\n    </b-modal>\n\n    <b-modal\n      id=\"modal-sm\"\n      cancel-variant=\"secondary\"\n      ok-only\n      ok-title=\"Accept\"\n      centered\n      size=\"sm\"\n      title=\"Small Modal\"\n    >\n      <b-card-text>Biscuit chocolate cake gummies. Lollipop I love macaroon bear claw caramels. I love marshmallow tiramisu I love fruitcake I love gummi bears. Carrot cake topping liquorice. Pudding caramels liquorice sweet I love. Donut powder cupcake ice cream tootsie roll jelly.</b-card-text>\n    </b-modal>\n\n    <b-modal\n      id=\"modal-default\"\n      ok-only\n      ok-title=\"Accept\"\n      centered\n      title=\"Default Modal\"\n    >\n      <b-card-text>Biscuit chocolate cake gummies. Lollipop I love macaroon bear claw caramels. I love marshmallow tiramisu I love fruitcake I love gummi bears. Carrot cake topping liquorice. Pudding caramels liquorice sweet I love. Donut powder cupcake ice cream tootsie roll jelly.</b-card-text>\n    </b-modal>\n\n    <b-modal\n      id=\"modal-lg\"\n      ok-only\n      ok-title=\"Accept\"\n      centered\n      size=\"lg\"\n      title=\"Large Modal\"\n    >\n      <b-card-text>Biscuit chocolate cake gummies. Lollipop I love macaroon bear claw caramels. I love marshmallow tiramisu I love fruitcake I love gummi bears. Carrot cake topping liquorice. Pudding caramels liquorice sweet I love. Donut powder cupcake ice cream tootsie roll jelly.</b-card-text>\n    </b-modal>\n\n    <b-modal\n      id=\"modal-xl\"\n      ok-only\n      ok-title=\"Accept\"\n      centered\n      size=\"xl\"\n      title=\"Extra Large Modal\"\n    >\n      <b-card-text>Biscuit chocolate cake gummies. Lollipop I love macaroon bear claw caramels. I love marshmallow tiramisu I love fruitcake I love gummi bears. Carrot cake topping liquorice. Pudding caramels liquorice sweet I love. Donut powder cupcake ice cream tootsie roll jelly.</b-card-text>\n    </b-modal>\n  </div>\n</template>\n\n<script>\nimport { BButton, BModal, VBModal } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButton,\n    BModal,\n  },\n  directives: {\n    'b-modal': VBModal,\n    Ripple,\n  },\n}\n</script>\n";
var codeFormScroll = "\n<template>\n  <div>\n     <div class=\"demo-inline-spacing\">\n      <!-- modal login button -->\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        v-b-modal.modal-login\n        variant=\"outline-primary\"\n      >\n        Login Form\n      </b-button>\n\n      <!-- modal scrolling content button -->\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        v-b-modal.modal-tall\n        variant=\"outline-primary\"\n      >\n        Scrolling Long Content\n      </b-button>\n\n      <!-- button Scrolling Content inside Modal-->\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        v-b-modal.modal-scrollable\n        variant=\"outline-primary\"\n      >\n        Scrolling Content inside Modal\n      </b-button>\n\n      <!-- select 2 demo -->\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        v-b-modal.modal-select2\n        variant=\"outline-primary\"\n      >\n        Select2 With Modal\n      </b-button>\n    </div>\n\n    <!-- modal login-->\n    <b-modal\n      id=\"modal-login\"\n      cancel-variant=\"outline-secondary\"\n      ok-title=\"Login\"\n      cancel-title=\"Close\"\n      centered\n      title=\"Login Form\"\n    >\n      <b-form>\n        <b-form-group>\n          <label for=\"email\">Email:</label>\n          <b-form-input\n            id=\"email\"\n            type=\"email\"\n            placeholder=\"Email Address\"\n          />\n        </b-form-group>\n        <b-form-group>\n          <label for=\"password\">Password</label>\n          <b-form-input\n            type=\"password\"\n            placeholder=\"Password\"\n          />\n        </b-form-group>\n      </b-form>\n    </b-modal>\n\n    <!-- modal scrolling content -->\n    <b-modal\n      id=\"modal-tall\"\n      title=\"Overflowing Content\"\n      cancel-variant=\"outline-secondary\"\n      cancel-title=\"Close\"\n      ok-title=\"Accept\"\n    >\n      <b-card-text\n        v-for=\"(content,index) in scrollContent\"\n        :key=\"index\"\n      >\n        {{ content }}\n      </b-card-text>\n    </b-modal>\n\n    <!-- modal Scrolling Content inside Modal-->\n    <b-modal\n      id=\"modal-scrollable\"\n      scrollable\n      title=\"Scrollable Content\"\n      cancel-title=\"Close\"\n      ok-title=\"Accept\"\n      cancel-variant=\"outline-secondary\"\n    >\n      <b-card-text\n        v-for=\"(content,index) in scrollContent\"\n        :key=\"index\"\n      >\n        {{ content }}\n      </b-card-text>\n    </b-modal>\n\n    <!-- select 2 demo -->\n    <b-modal\n      id=\"modal-select2\"\n      title=\"Basic Modal\"\n      ok-title=\"submit\"\n      cancel-variant=\"outline-secondary\"\n    >\n      <b-form>\n        <b-form-group\n          label=\"Enter Name\"\n          label-for=\"name\"\n        >\n          <b-form-input\n            id=\"name\"\n            placeholder=\"Enter name\"\n          />\n        </b-form-group>\n        <b-form-group\n          label=\"Choose the country\"\n          label-for=\"vue-select\"\n        >\n          <v-select\n            id=\"vue-select\"\n            v-model=\"selected\"\n            :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\n            :options=\"option\"\n          />\n        </b-form-group>\n        <b-form-group\n          label=\"Zip Code\"\n          label-for=\"zip-code\"\n        >\n          <b-form-input\n            id=\"zip-code\"\n            type=\"number\"\n            placeholder=\"Zip Code\"\n          />\n        </b-form-group>\n      </b-form>\n    </b-modal>\n  </div>\n</template>\n\n<script>\nimport {\n  BButton, BModal, VBModal, BForm, BFormInput, BFormGroup,\n} from 'bootstrap-vue'\nimport vSelect from 'vue-select'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButton,\n    BModal,\n    BForm,\n    BFormInput,\n    BFormGroup,\n    vSelect,\n  },\n  directives: {\n    'b-modal': VBModal,\n    Ripple,\n  },\n  data() {\n    return {\n      scrollContent: [\n        'Biscuit powder jelly beans. Lollipop candy canes croissant icing chocolate cake. Cake fruitcake powder pudding pastry.',\n        'Tootsie roll oat cake I love bear claw I love caramels caramels halvah chocolate bar. Cotton candy gummi bears pudding pie apple pie cookie. Cheesecake jujubes lemon drops danish dessert I love caramels powder.',\n        'Chocolate cake icing tiramisu liquorice toffee donut sweet roll cake. Cupcake dessert icing drag\xE9e dessert. Liquorice jujubes cake tart pie donut. Cotton candy candy canes lollipop liquorice chocolate marzipan muffin pie liquorice.',\n        'Powder cookie jelly beans sugar plum ice cream. Candy canes I love powder sugar plum tiramisu. Liquorice pudding chocolate cake cupcake topping biscuit. Lemon drops apple pie sesame snaps tootsie roll carrot cake souffl\xE9 halvah. Biscuit powder jelly beans. Lollipop candy canes croissant icing chocolate cake. Cake fruitcake powder pudding pastry.',\n        'Tootsie roll oat cake I love bear claw I love caramels caramels halvah chocolate bar. Cotton candy gummi bears pudding pie apple pie cookie. Cheesecake jujubes lemon drops danish dessert I love caramels powder.',\n        'Chocolate cake icing tiramisu liquorice toffee donut sweet roll cake. Cupcake dessert icing drag\xE9e dessert. Liquorice jujubes cake tart pie donut. Cotton candy candy canes lollipop liquorice chocolate marzipan muffin pie liquorice.',\n        'Powder cookie jelly beans sugar plum ice cream. Candy canes I love powder sugar plum tiramisu. Liquorice pudding chocolate cake cupcake topping biscuit. Lemon drops apple pie sesame snaps tootsie roll carrot cake souffl\xE9 halvah. Biscuit powder jelly beans. Lollipop candy canes croissant icing chocolate cake. Cake fruitcake powder pudding pastry.',\n        'Tootsie roll oat cake I love bear claw I love caramels caramels halvah chocolate bar. Cotton candy gummi bears pudding pie apple pie cookie. Cheesecake jujubes lemon drops danish dessert I love caramels powder.',\n        'Chocolate cake icing tiramisu liquorice toffee donut sweet roll cake. Cupcake dessert icing drag\xE9e dessert. Liquorice jujubes cake tart pie donut. Cotton candy candy canes lollipop liquorice chocolate marzipan muffin pie liquorice.',\n        'Powder cookie jelly beans sugar plum ice cream. Candy canes I love powder sugar plum tiramisu. Liquorice pudding chocolate cake cupcake topping biscuit. Lemon drops apple pie sesame snaps tootsie roll carrot cake souffl\xE9 halvah. Biscuit powder jelly beans. Lollipop candy canes croissant icing chocolate cake. Cake fruitcake powder pudding pastry.',\n        'Tootsie roll oat cake I love bear claw I love caramels caramels halvah chocolate bar. Cotton candy gummi bears pudding pie apple pie cookie. Cheesecake jujubes lemon drops danish dessert I love caramels powder.',\n        'Chocolate cake icing tiramisu liquorice toffee donut sweet roll cake. Cupcake dessert icing drag\xE9e dessert. Liquorice jujubes cake tart pie donut. Cotton candy candy canes lollipop liquorice chocolate marzipan muffin pie liquorice.',\n        'Powder cookie jelly beans sugar plum ice cream. Candy canes I love powder sugar plum tiramisu. Liquorice pudding chocolate cake cupcake topping biscuit. Lemon drops apple pie sesame snaps tootsie roll carrot cake souffl\xE9 halvah.',\n      ],\n      selected: 'USA',\n      option: ['USA', 'Canada', 'Maxico'],\n    }\n  },\n}\n</script>\n";
var codeVariant = "\n<template>\n  <div>\n    <b-button\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      variant=\"primary\"\n      @click=\"show = true\"\n    >\n      Show Modal\n    </b-button>\n\n    <b-modal\n      v-model=\"show\"\n      title=\"Modal Variants\"\n      :header-bg-variant=\"headerBgVariant\"\n      :header-text-variant=\"headerTextVariant\"\n      :body-bg-variant=\"bodyBgVariant\"\n      :body-text-variant=\"bodyTextVariant\"\n      :footer-bg-variant=\"footerBgVariant\"\n      :footer-text-variant=\"footerTextVariant\"\n    >\n      <b-container fluid>\n        <b-row class=\"mb-1 text-center\">\n          <b-col cols=\"3\" />\n          <b-col>Background</b-col>\n          <b-col>Text</b-col>\n        </b-row>\n\n        <b-row class=\"mb-1\">\n          <b-col cols=\"3\">\n            Header\n          </b-col>\n          <b-col>\n            <b-form-select\n              v-model=\"headerBgVariant\"\n              :options=\"variants\"\n            />\n          </b-col>\n          <b-col>\n            <b-form-select\n              v-model=\"headerTextVariant\"\n              :options=\"variants\"\n            />\n          </b-col>\n        </b-row>\n\n        <b-row class=\"mb-1\">\n          <b-col cols=\"3\">\n            Body\n          </b-col>\n          <b-col>\n            <b-form-select\n              v-model=\"bodyBgVariant\"\n              :options=\"variants\"\n            />\n          </b-col>\n          <b-col>\n            <b-form-select\n              v-model=\"bodyTextVariant\"\n              :options=\"variants\"\n            />\n          </b-col>\n        </b-row>\n\n        <b-row>\n          <b-col cols=\"3\">\n            Footer\n          </b-col>\n          <b-col>\n            <b-form-select\n              v-model=\"footerBgVariant\"\n              :options=\"variants\"\n            />\n          </b-col>\n          <b-col>\n            <b-form-select\n              v-model=\"footerTextVariant\"\n              :options=\"variants\"\n            />\n          </b-col>\n        </b-row>\n      </b-container>\n\n      <template #modal-footer>\n        <div class=\"w-100\">\n          <p class=\"float-left mb-0\">\n            Modal Footer Content\n          </p>\n          <b-button\n            v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n            variant=\"primary\"\n            size=\"sm\"\n            class=\"float-right\"\n            @click=\"show = false\"\n          >\n            Close\n          </b-button>\n        </div>\n      </template>\n    </b-modal>\n  </div>\n</template>\n\n<script>\nimport {\n  BButton, BModal, VBModal, BContainer, BRow, BCol, BFormSelect,\n} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButton,\n    BCol,\n    BContainer,\n    BFormSelect,\n    BModal,\n    BRow,\n  },\n  directives: {\n    'b-modal': VBModal,\n    Ripple,\n  },\n  data: () => ({\n    bodyBgVariant: 'light',\n    bodyTextVariant: 'dark',\n    codeVariant,\n    footerBgVariant: 'warning',\n    footerTextVariant: 'dark',\n    headerBgVariant: 'info',\n    headerTextVariant: 'light',\n    show: false,\n    variants: ['primary', 'secondary', 'success', 'warning', 'danger', 'info', 'light', 'dark'],\n  }),\n}\n</script>\n";
var codeDisableFooter = "\n<template>\n  <div>\n    <!-- modal trigger button -->\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      v-b-modal.modal-no-footer\n      variant=\"outline-primary\"\n    >\n      Launch Modal\n    </b-button>\n\n    <!-- modal -->\n    <b-modal\n      id=\"modal-no-footer\"\n      title=\"BootstrapVue\"\n      cancel-disabled\n      ok-disabled\n      cancel-title=\"Close\"\n      cancel-variant=\"outline-secondary\"\n      ok-title=\"Accept\"\n    >\n      <b-card-text>\n        Tootsie roll oat cake I love bear claw I love caramels caramels halvah chocolate bar. Cotton candy gummi bears\n        pudding pie apple pie cookie. Cheesecake jujubes lemon drops danish dessert I love caramels powder.\n      </b-card-text>\n    </b-modal>\n  </div>\n</template>\n\n<script>\nimport { BButton, BModal, VBModal } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButton,\n    BModal,\n  },\n  directives: {\n    'b-modal': VBModal,\n    Ripple,\n  },\n}\n</script>\n";
var codeFooterSize = "\n<template>\n  <div>\n    <!-- modal trigger button -->\n    <div class=\"demo-inline-spacing\">\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        v-b-modal.modal-footer-sm\n        variant=\"outline-primary\"\n      >\n        Small Footer Buttons\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        v-b-modal.modal-footer-lg\n        variant=\"outline-primary\"\n      >\n        Large Footer Buttons\n      </b-button>\n    </div>\n\n    <!-- modal -->\n    <b-modal\n      id=\"modal-footer-sm\"\n      title=\"BootstrapVue\"\n      button-size=\"sm\"\n      ok-title=\"Accept\"\n      cancel-title=\"Close\"\n      cancel-variant=\"outline-secondary\"\n    >\n      <b-card-text>\n        This modal has small footer buttons.\n        Lorem ipsum dolor sit amet consectetur adipisicing elit.\n        A cumque quo delectus, aspernatur quasi sint vitae reiciendis quae? Itaque minima atque quae corporis impedit repellat recusandae consectetur voluptas, at rerum?\n      </b-card-text>\n    </b-modal>\n\n    <!-- modal -->\n    <b-modal\n      id=\"modal-footer-lg\"\n      title=\"BootstrapVue\"\n      button-size=\"lg\"\n      cancel-title=\"Close\"\n      ok-title=\"Accept\"\n      cancel-variant=\"outline-secondary\"\n    >\n      <b-card-text>\n        This modal has large footer buttons.\n        Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repellendus eligendi, dolorem consequuntur delectus necessitatibus eum expedita culpa laudantium! Quaerat debitis obcaecati doloremque a iusto, soluta ipsa velit. Veritatis, assumenda sapiente?\n      </b-card-text>\n    </b-modal>\n  </div>\n</template>\n\n<script>\nimport { BButton, BModal, VBModal } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButton,\n    BModal,\n  },\n  directives: {\n    'b-modal': VBModal,\n    Ripple,\n  },\n}\n</script>\n";
var codeMessageBox = "\n<template>\n  <div>\n    <!-- Modal Buttons -->\n    <div class=\"demo-inline-spacing\">\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        variant=\"outline-primary\"\n        @click=\"showMsgBoxOne\"\n      >\n        Simple msgBoxConfirm\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        variant=\"outline-primary\"\n        @click=\"showMsgBoxTwo\"\n      >\n        msgBoxConfirm with options\n      </b-button>\n    </div>\n\n    <!-- modal status -->\n    <b-card-text class=\"mt-2\">\n      First modal return value: <span class=\"font-weight-bold\">{{ String(boxOne) }}</span>\n    </b-card-text>\n    <b-card-text class=\"mb-0\">\n      Second modal return value: <span class=\"font-weight-bold\">{{ String(boxTwo) }}</span>\n    </b-card-text>\n  </div>\n</template>\n\n<script>\nimport { BButton } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButton,\n  },\n  directives: {\n    Ripple,\n  },\n  data: () => ({\n    boxOne: '',\n    boxTwo: '',\n  }),\n  methods: {\n    showMsgBoxOne() {\n      this.boxOne = ''\n      this.$bvModal\n        .msgBoxConfirm('Are you sure?', {\n          cancelVariant: 'outline-secondary',\n        })\n        .then(value => {\n          this.boxOne = value\n        })\n    },\n    showMsgBoxTwo() {\n      this.boxTwo = ''\n      this.$bvModal\n        .msgBoxConfirm('Please confirm that you want to delete everything.', {\n          title: 'Please Confirm',\n          size: 'sm',\n          okVariant: 'primary',\n          okTitle: 'Yes',\n          cancelTitle: 'No',\n          cancelVariant: 'outline-secondary',\n          hideHeaderClose: false,\n          centered: true,\n        })\n        .then(value => {\n          this.boxTwo = value\n        })\n    },\n  },\n}\n</script>\n";
var codeMethod = "\n<template>\n  <div>\n    <!-- modal trigger button -->\n    <div class=\"demo-inline-spacing\">\n      <b-button\n        id=\"show-btn\"\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        variant=\"outline-primary\"\n        @click=\"showModal\"\n      >\n        Open Modal\n      </b-button>\n      <b-button\n        id=\"toggle-btn\"\n        v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n        variant=\"outline-primary\"\n        @click=\"toggleModal\"\n      >\n        Toggle Modal\n      </b-button>\n    </div>\n\n    <!-- modal -->\n    <b-modal\n      ref=\"my-modal\"\n      hide-footer\n      title=\"Using Component Methods\"\n    >\n      <div class=\"d-block text-center\">\n        <h3>Hello From My Modal!</h3>\n      </div>\n      <b-button\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        class=\"mt-3\"\n        variant=\"outline-secondary\"\n        block\n        @click=\"hideModal\"\n      >\n        Close Me\n      </b-button>\n      <b-button\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        class=\"mt-2\"\n        variant=\"outline-primary\"\n        block\n        @click=\"toggleModal\"\n      >\n        Toggle Me\n      </b-button>\n    </b-modal>\n  </div>\n</template>\n\n<script>\nimport { BButton, BModal } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButton,\n    BModal,\n  },\n  directives: {\n    Ripple,\n  },\n  methods: {\n    showModal() {\n      this.$refs['my-modal'].show()\n    },\n    hideModal() {\n      this.$refs['my-modal'].hide()\n    },\n    toggleModal() {\n      // We pass the ID of the button that we want to return focus to\n      // when the modal has hidden\n      this.$refs['my-modal'].toggle('#toggle-btn')\n    },\n  },\n}\n</script>\n";
var codeMultiple = "\n<template>\n  <div>\n      <!-- button  -->\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      v-b-modal.modal-multi-1\n      variant=\"outline-primary\"\n    >\n      Open First Modal\n    </b-button>\n\n    <!-- modal -->\n    <b-modal\n      id=\"modal-multi-1\"\n      size=\"lg\"\n      title=\"First Modal\"\n      ok-only\n      ok-title=\"Accept\"\n      no-stacking\n    >\n      <b-card-text class=\"my-2\">\n        First Modal\n      </b-card-text>\n      <b-button\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        v-b-modal.modal-multi-2\n        variant=\"primary\"\n      >\n        Open Second Modal\n      </b-button>\n    </b-modal>\n\n    <!-- modal -->\n    <b-modal\n      id=\"modal-multi-2\"\n      title=\"Second Modal\"\n      ok-only\n      ok-title=\"Accept\"\n    >\n      <b-card-text class=\"my-2\">\n        Second Modal\n      </b-card-text>\n      <b-button\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        v-b-modal.modal-multi-3\n        size=\"sm\"\n        variant=\"primary\"\n      >\n        Open Third Modal\n      </b-button>\n    </b-modal>\n\n    <!-- modal -->\n    <b-modal\n      id=\"modal-multi-3\"\n      size=\"sm\"\n      title=\"Third Modal\"\n      ok-only\n      ok-title=\"Accept\"\n    >\n      <b-card-text class=\"my-1\">\n        Third Modal\n      </b-card-text>\n    </b-modal>\n  </div>\n</template>\n\n<script>\nimport { BModal, BButton, VBModal } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButton,\n    BModal,\n  },\n  directives: {\n    'b-modal': VBModal,\n    Ripple,\n  },\n}\n</script>\n";
var codePrevent = "\n<template>\n  <div>\n     <!-- button -->\n    <b-button\n      id=\"toggle-btn\"\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      v-b-modal.modal-prevent-closing\n      variant=\"outline-primary\"\n    >\n      Open Modal\n    </b-button>\n\n    <!-- modal data -->\n    <div class=\"mt-2\">\n      <p>Submitted Names:</p>\n      <div v-if=\"submittedNames.length === 0\">\n        --\n      </div>\n      <b-list-group\n        v-else\n      >\n        <b-list-group-item\n          v-for=\"(data,index) in submittedNames\"\n          :key=\"index\"\n        >\n          {{ data }}\n        </b-list-group-item>\n      </b-list-group>\n    </div>\n\n    <!-- modal -->\n    <b-modal\n      id=\"modal-prevent-closing\"\n      ref=\"my-modal\"\n      title=\"Submit Your Name\"\n      ok-title=\"Submit\"\n      cancel-variant=\"outline-secondary\"\n      @show=\"resetModal\"\n      @hidden=\"resetModal\"\n      @ok=\"handleOk\"\n    >\n      <form\n        ref=\"form\"\n        @submit.stop.prevent=\"handleSubmit\"\n      >\n        <b-form-group\n          :state=\"nameState\"\n          label=\"Name\"\n          label-for=\"name-input\"\n          invalid-feedback=\"Name is required\"\n        >\n          <b-form-input\n            id=\"name-input\"\n            v-model=\"name\"\n            :state=\"nameState\"\n            required\n          />\n        </b-form-group>\n      </form>\n    </b-modal>\n  </div>\n</template>\n\n<script>\nimport {\n  BButton, BFormGroup, BFormInput, BModal, VBModal, BListGroup, BListGroupItem,\n} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButton,\n    BFormGroup,\n    BFormInput,\n    BListGroup,\n    BListGroupItem,\n    BModal,\n  },\n  directives: {\n    'b-modal': VBModal,\n    Ripple,\n  },\n  data: () => ({\n    name: '',\n    nameState: null,\n    submittedNames: [],\n  }),\n  methods: {\n    checkFormValidity() {\n      const valid = this.$refs.form.checkValidity()\n      this.nameState = valid\n      return valid\n    },\n    resetModal() {\n      this.name = ''\n      this.nameState = null\n    },\n    handleOk(bvModalEvt) {\n      // Prevent modal from closing\n      bvModalEvt.preventDefault()\n      // Trigger submit handler\n      this.handleSubmit()\n    },\n    handleSubmit() {\n      // Exit when the form isn't valid\n      if (!this.checkFormValidity()) {\n        return\n      }\n      // Push the name to submitted names\n      this.submittedNames.push(this.name)\n      // Hide the modal manually\n      this.$nextTick(() => {\n        this.$refs['my-modal'].toggle('#toggle-btn')\n      })\n    },\n  },\n}\n</script>\n";
var codeVmodal = "\n<template>\n  <div>\n    <b-button\n      v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n      variant=\"primary\"\n      @click=\"modalShow = !modalShow\"\n    >\n      Launch Modal\n    </b-button>\n\n    <b-modal\n      v-model=\"modalShow\"\n      title=\"Using v-model property\"\n      ok-title=\"Accept\"\n      ok-only\n    >\n      Bonbon caramels muffin.\n      Chocolate bar oat cake cookie pastry drag\xE9e pastry.\n      Carrot cake chocolate tootsie roll chocolate bar candy canes biscuit.\n      Gummies bonbon apple pie fruitcake icing biscuit apple pie jelly-o sweet roll.\n      Toffee sugar plum sugar plum jelly-o jujubes bonbon dessert carrot cake.\n      Cookie dessert tart muffin topping donut icing fruitcake. Sweet roll cotton candy drag\xE9e danish Candy canes chocolate bar cookie.\n      Gingerbread apple pie oat cake. Carrot cake fruitcake bear claw. Pastry gummi bears marshmallow jelly-o.\n    </b-modal>\n  </div>\n</template>\n\n<script>\nimport { BButton, BModal } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButton,\n    BModal,\n  },\n  directives: {\n    Ripple,\n  },\n  data: () => ({\n    modalShow: false,\n  }),\n}\n</script>\n";

/***/ }),

/***/ "./frontend/src/views/inventory/inventory-list/sidebarcode.js":
/*!********************************************************************!*\
  !*** ./frontend/src/views/inventory/inventory-list/sidebarcode.js ***!
  \********************************************************************/
/*! exports provided: codeBasic, codeHeader, codePlacement, codeVariant, codeBackdrop, codeFooter */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeBasic", function() { return codeBasic; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeHeader", function() { return codeHeader; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codePlacement", function() { return codePlacement; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeVariant", function() { return codeVariant; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeBackdrop", function() { return codeBackdrop; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeFooter", function() { return codeFooter; });
var codeBasic = "\n<template>\n  <div>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      v-b-toggle.sidebar-1\n      variant=\"outline-primary\"\n    >\n      Toggle Sidebar\n    </b-button>\n    <b-sidebar\n      id=\"sidebar-1\"\n      shadow\n      bg-variant=\"white\"\n      backdrop\n    >\n      <sidebar-content />\n    </b-sidebar>\n  </div>\n</template>\n\n<script>\nimport { BButton, BSidebar, VBToggle} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\nimport SidebarContent from './SidebarContent.vue'\n\nexport default {\n  components: {\n    BButton,\n    BSidebar,\n    BImg,\n    SidebarContent\n  },\n  directives: {\n    'b-toggle': VBToggle,\n    Ripple,\n  },\n}\n</script>\n";
var codeHeader = "\n<template>\n  <div>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      v-b-toggle.sidebar-no-header\n      variant=\"outline-primary\"\n    >\n      Toggle Sidebar\n    </b-button>\n\n    <b-sidebar\n      id=\"sidebar-no-header\"\n      aria-labelledby=\"sidebar-no-header-title\"\n      no-header\n      bg-variant=\"white\"\n      shadow\n      backdrop\n    >\n      <sidebar-content class=\"pt-2\" />\n    </b-sidebar>\n  </div>\n</template>\n\n<script>\nimport {BButton, BSidebar, VBToggle} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\nimport SidebarContent from './SidebarContent.vue'\n\nexport default {\n  components: {\n    BButton,\n    BSidebar,\n    SidebarContent,\n  },\n  directives: {\n    'b-toggle': VBToggle,\n     Ripple,\n  },\n}\n</script>\n";
var codePlacement = "\n<template>\n  <div>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      v-b-toggle.sidebar-right\n      variant=\"outline-primary\"\n    >\n      Toggle Sidebar\n    </b-button>\n    <b-sidebar\n      id=\"sidebar-right\"\n      bg-variant=\"white\"\n      right\n      backdrop\n      shadow\n    >\n      <sidebar-content />\n    </b-sidebar>\n  </div>\n</template>\n\n<script>\nimport {BButton, BSidebar, VBToggle} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\nimport SidebarContent from './SidebarContent.vue'\n\nexport default {\n  components: {\n    BButton,\n    BSidebar,\n    SidebarContent,\n  },\n  directives: {\n    'b-toggle': VBToggle,\n  },\n}\n</script>\n";
var codeVariant = "\n<template>\n  <div>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      v-b-toggle.sidebar-variant\n      variant=\"outline-primary\"\n    >\n      Toggle Sidebar\n    </b-button>\n\n    <b-sidebar\n      id=\"sidebar-variant\"\n      bg-variant=\"dark\"\n      text-variant=\"light\"\n      shadow\n      backdrop\n    >\n      <sidebar-content />\n    </b-sidebar>\n  </div>\n</template>\n\n<script>\nimport {BButton, BSidebar, VBToggle} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\nimport SidebarContent from './SidebarContent.vue'\n\nexport default {\n  components: {\n    BButton,\n    BSidebar,\n    SidebarContent,\n  },\n  directives: {\n    'b-toggle': VBToggle,\n    Ripple,\n  },\n}\n</script>\n";
var codeBackdrop = "\n<template>\n  <div>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      v-b-toggle.sidebar-backdrop\n      variant=\"outline-primary\"\n    >\n      Toggle Sidebar Without Backdrop\n    </b-button>\n\n    <b-sidebar\n      id=\"sidebar-backdrop\"\n      bg-variant=\"white\"\n      shadow\n    >\n      <sidebar-content />\n    </b-sidebar>\n  </div>\n</template>\n\n<script>\nimport {BButton, BSidebar, VBToggle} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\nimport { codeBackdrop } from './sidebarcode'\nimport SidebarContent from './SidebarContent.vue'\n\nexport default {\n  components: {\n    BButton,\n    BCardText,\n    BSidebar,\n    SidebarContent,\n  },\n  directives: {\n    'b-toggle': VBToggle,\n    Ripple,\n  },\n}\n</script>\n";
var codeFooter = "\n<template>\n  <div>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      v-b-toggle.sidebar-footer\n      variant=\"outline-primary\"\n    >\n      Toggle Sidebar\n    </b-button>\n    <b-sidebar\n      id=\"sidebar-footer\"\n      aria-label=\"Sidebar with custom footer\"\n      shadow\n      backdrop\n      bg-variant=\"white\"\n    >\n      <sidebar-content />\n      <template #footer>\n        <sidebar-content-footer />\n      </template>\n    </b-sidebar>\n  </div>\n</template>\n\n<script>\nimport { BButton, BSidebar, VBToggle} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\nimport SidebarContent from './SidebarContent.vue'\nimport SidebarContentFooter from './SidebarContentFooter.vue'\n\nexport default {\n  components: {\n    BButton,\n    BSidebar,\n    BCardText,\n    SidebarContent,\n    SidebarContentFooter,\n  },\n  directives: {\n    'b-toggle': VBToggle,\n    Ripple,\n  },\n}\n</script>\n";

/***/ }),

/***/ "./frontend/src/views/inventory/inventory-list/textAreaCode.js":
/*!*********************************************************************!*\
  !*** ./frontend/src/views/inventory/inventory-list/textAreaCode.js ***!
  \*********************************************************************/
/*! exports provided: codeAutoHeight, codeDebounce, codeDefault, codeDisableResize, codeFloatingLabel, codeFormatter, codeRows, codeReadonly, codeSize, codeStates, codeCounter */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeAutoHeight", function() { return codeAutoHeight; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeDebounce", function() { return codeDebounce; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeDefault", function() { return codeDefault; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeDisableResize", function() { return codeDisableResize; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeFloatingLabel", function() { return codeFloatingLabel; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeFormatter", function() { return codeFormatter; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeRows", function() { return codeRows; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeReadonly", function() { return codeReadonly; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeSize", function() { return codeSize; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeStates", function() { return codeStates; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeCounter", function() { return codeCounter; });
var codeAutoHeight = "\n<template>\n  <b-row>\n    <b-col\n      xl=\"6\"\n      cols=\"12\"\n    >\n      <label for=\"textarea-auto-height\">Auto height:</label>\n      <b-form-textarea\n        id=\"textarea-auto-height\"\n        placeholder=\"Auto height textarea\"\n        rows=\"3\"\n        max-rows=\"8\"\n      />\n    </b-col>\n    <b-col\n      xl=\"6\"\n      cols=\"12\"\n    >\n      <label for=\"textarea-no-auto-shrink\">No auto-shrink:</label>\n      <b-form-textarea\n        id=\"textarea-no-auto-shrink\"\n        placeholder=\"Auto height (no-shrink) textarea\"\n        rows=\"3\"\n        max-rows=\"8\"\n        no-auto-shrink\n      />\n    </b-col>\n  </b-row>\n</template>\n\n<script>\nimport { BFormTextarea, BRow, BCol } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormTextarea,\n    BRow,\n    BCol,\n  },\n}\n</script>\n";
var codeDebounce = "\n<template>\n  <div>\n    <b-form-textarea\n      v-model=\"value\"\n      debounce=\"500\"\n      rows=\"3\"\n      max-rows=\"5\"\n    />\n    <pre class=\"mt-1\">{{ value }}</pre>\n  </div>\n</template>\n\n<script>\nimport { BFormTextarea } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormTextarea,\n  },\n  data: () => ({\n    value: '',\n  }),\n}\n</script>\n";
var codeDefault = "\n<template>\n  <div>\n    <label for=\"textarea-default\">Textarea</label>\n    <b-form-textarea\n      id=\"textarea-default\"\n      placeholder=\"Textarea\"\n      rows=\"3\"\n    />\n  </div>\n</template>\n\n<script>\nimport { BFormTextarea, BCardText } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BCardText,\n    BFormTextarea,\n  },\n}\n</script>\n\n";
var codeDisableResize = "\n<template>\n  <div>\n    <b-form-textarea\n      id=\"textarea-no-resize\"\n      placeholder=\"Fixed height textarea\"\n      rows=\"3\"\n      no-resize\n    />\n  </div>\n</template>\n\n<script>\nimport { BFormTextarea } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormTextarea,\n  },\n}\n</script>\n";
var codeFloatingLabel = "\n<template>\n  <div class=\"form-label-group\">\n    <b-form-textarea\n      id=\"textarea\"\n      rows=\"3\"\n      placeholder=\"Label in Textarea\"\n    />\n    <label for=\"label-textarea\">Label in Textarea</label>\n  </div>\n</template>\n\n<script>\nimport { BFormTextarea } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormTextarea,\n  },\n}\n</script>\n";
var codeFormatter = "\n<template>\n  <div>\n    <b-form-group\n      class=\"mb-0\"\n      label=\"Textarea with formatter (on input)\"\n      label-for=\"textarea-formatter\"\n      description=\"We will convert your text to lowercase instantly\"\n    >\n      <b-form-textarea\n        id=\"textarea-formatter\"\n        v-model=\"text1\"\n        placeholder=\"Enter your text\"\n        :formatter=\"formatter\"\n      />\n    </b-form-group>\n    <p><b>Value:</b> {{ text1 }}</p>\n\n    <b-form-group\n      class=\"mb-0\"\n      label=\"Textarea with lazy formatter (on blur)\"\n      label-for=\"textarea-lazy\"\n      description=\"This one is a little lazy!\"\n    >\n      <b-form-textarea\n        id=\"textarea-lazy\"\n        v-model=\"text2\"\n        placeholder=\"Enter your text\"\n        lazy-formatter\n        :formatter=\"formatter\"\n      />\n    </b-form-group>\n    <p><b>Value:</b> {{ text2 }}</p>\n  </div>\n</template>\n\n<script>\nimport { BFormTextarea, BFormGroup } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormTextarea,\n    BFormGroup,\n  },\n  data: () => ({\n    text1: '',\n    text2: '',\n  }),\n  methods: {\n    formatter(value) {\n      return value.toLowerCase()\n    },\n  },\n}\n</script>\n";
var codeRows = "\n<template>\n  <b-form-textarea\n    id=\"textarea-rows\"\n    placeholder=\"Tall textarea\"\n    rows=\"8\"\n  />\n</template>\n\n<script>\nimport { BFormTextarea} from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormTextarea,\n  },\n}\n</script>\n";
var codeReadonly = "\n<template>\n  <div>\n    <b-form-textarea\n      id=\"textarea-plaintext\"\n      plaintext\n      :value=\"text\"\n    />\n  </div>\n</template>\n\n<script>\nimport { BFormTextarea } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormTextarea,\n  },\n  data: () => ({\n    text: \"This is some text.\nIt is read only and doesn't look like an input.\",\n  }),\n}\n</script>\n";
var codeSize = "\n<template>\n  <b-row>\n    <b-col sm=\"2\">\n      <label\n        for=\"textarea-small\"\n        class=\"text-nowrap\"\n      >Small:</label>\n    </b-col>\n    <b-col\n      sm=\"10\"\n      class=\"mb-1\"\n    >\n      <b-form-textarea\n        id=\"textarea-small\"\n        size=\"sm\"\n        placeholder=\"Small textarea\"\n      />\n    </b-col>\n    <b-col sm=\"2\">\n      <label\n        for=\"textarea-default\"\n        class=\"text-nowrap\"\n      >Default:</label>\n    </b-col>\n    <b-col\n      sm=\"10\"\n      class=\"mb-1\"\n    >\n      <b-form-textarea\n        id=\"textarea-default\"\n        placeholder=\"Default textarea\"\n      />\n    </b-col>\n    <b-col sm=\"2\">\n      <label\n        for=\"textarea-large\"\n        class=\"text-nowrap\"\n      >Large:</label>\n    </b-col>\n    <b-col\n      sm=\"10\"\n      class=\"mb-1\"\n    >\n      <b-form-textarea\n        id=\"textarea-large\"\n        size=\"lg\"\n        placeholder=\"Large textarea\"\n      />\n    </b-col>\n  </b-row>\n</template>\n\n<script>\nimport { BFormTextarea, BRow, BCol } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormTextarea,\n    BRow,\n    BCol,\n  },\n}\n</script>\n";
var codeStates = "\n<template>\n  <b-form-textarea\n    id=\"textarea-state\"\n    v-model=\"text\"\n    :state=\"text.length <= 10\"\n    placeholder=\"Enter only 10 characters\"\n    rows=\"3\"\n  />\n</template>\n\n<script>\nimport { BFormTextarea } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormTextarea,\n  },\n  data() {\n    return {\n      text: '',\n    }\n  },\n}\n</script>\n";
var codeCounter = "\n<template>\n  <div>\n    <b-form-textarea\n      id=\"textarea-state\"\n      v-model=\"text\"\n      :state=\"text.length <= 10\"\n      placeholder=\"Enter only 10 characters\"\n      rows=\"3\"\n    />\n  </div>\n</template>\n\n<script>\nimport { BFormTextarea } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormTextarea,\n  },\n  data: () => ({\n    value: '',\n    maxChar: 20,\n  }),\n}\n</script>\n";

/***/ }),

/***/ "./frontend/src/views/inventory/inventory-list/useInvoiceList.js":
/*!***********************************************************************!*\
  !*** ./frontend/src/views/inventory/inventory-list/useInvoiceList.js ***!
  \***********************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return useInvoicesList; });
/* harmony import */ var _vue_composition_api__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vue/composition-api */ "./frontend/node_modules/@vue/composition-api/dist/vue-composition-api.esm.js");
/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/store */ "./frontend/src/store/index.js");
/* harmony import */ var vue_toastification_composition__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue-toastification/composition */ "./frontend/node_modules/vue-toastification/composition/index.js");
/* harmony import */ var vue_toastification_composition__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue_toastification_composition__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _core_components_toastification_ToastificationContent_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @core/components/toastification/ToastificationContent.vue */ "./frontend/src/@core/components/toastification/ToastificationContent.vue");

 // Notification



function useInvoicesList() {
  // Use toast
  var toast = Object(vue_toastification_composition__WEBPACK_IMPORTED_MODULE_2__["useToast"])();
  var refInvoiceListTable = Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["ref"])(null); // Table Handlers

  var tableColumns = [{
    key: 'id',
    label: '#',
    sortable: true
  }, {
    key: 'invoiceStatus',
    sortable: true
  }, {
    key: 'client',
    sortable: true
  }, {
    key: 'total',
    sortable: true,
    formatter: function formatter(val) {
      return "$".concat(val);
    }
  }, {
    key: 'issuedDate',
    sortable: true
  }, {
    key: 'balance',
    sortable: true
  }, {
    key: 'actions'
  }];
  var perPage = Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["ref"])(10);
  var totalInvoices = Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["ref"])(0);
  var currentPage = Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["ref"])(1);
  var perPageOptions = [10, 25, 50, 100];
  var searchQuery = Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["ref"])('');
  var sortBy = Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["ref"])('id');
  var isSortDirDesc = Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["ref"])(true);
  var statusFilter = Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["ref"])(null);
  var dataMeta = Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])(function () {
    var localItemsCount = refInvoiceListTable.value ? refInvoiceListTable.value.localItems.length : 0;
    return {
      from: perPage.value * (currentPage.value - 1) + (localItemsCount ? 1 : 0),
      to: perPage.value * (currentPage.value - 1) + localItemsCount,
      of: totalInvoices.value
    };
  });

  var refetchData = function refetchData() {
    refInvoiceListTable.value.refresh();
  };

  Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["watch"])([currentPage, perPage, searchQuery, statusFilter], function () {
    refetchData();
  });

  var fetchInvoices = function fetchInvoices(ctx, callback) {
    _store__WEBPACK_IMPORTED_MODULE_1__["default"].dispatch('app-invoice/fetchInvoices', {
      q: searchQuery.value,
      perPage: perPage.value,
      page: currentPage.value,
      sortBy: sortBy.value,
      sortDesc: isSortDirDesc.value,
      status: statusFilter.value
    }).then(function (response) {
      var _response$data = response.data,
          invoices = _response$data.invoices,
          total = _response$data.total;
      callback(invoices);
      totalInvoices.value = total;
    })["catch"](function () {
      toast({
        component: _core_components_toastification_ToastificationContent_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
        props: {
          title: "Error fetching invoices' list",
          icon: 'AlertTriangleIcon',
          variant: 'danger'
        }
      });
    });
  }; // *===============================================---*
  // *--------- UI ---------------------------------------*
  // *===============================================---*


  var resolveInvoiceStatusVariantAndIcon = function resolveInvoiceStatusVariantAndIcon(status) {
    if (status === 'Partial Payment') return {
      variant: 'warning',
      icon: 'PieChartIcon'
    };
    if (status === 'Paid') return {
      variant: 'success',
      icon: 'CheckCircleIcon'
    };
    if (status === 'Downloaded') return {
      variant: 'info',
      icon: 'ArrowDownCircleIcon'
    };
    if (status === 'Draft') return {
      variant: 'primary',
      icon: 'SaveIcon'
    };
    if (status === 'Sent') return {
      variant: 'secondary',
      icon: 'SendIcon'
    };
    if (status === 'Past Due') return {
      variant: 'danger',
      icon: 'InfoIcon'
    };
    return {
      variant: 'secondary',
      icon: 'XIcon'
    };
  };

  var resolveClientAvatarVariant = function resolveClientAvatarVariant(status) {
    if (status === 'Partial Payment') return 'primary';
    if (status === 'Paid') return 'danger';
    if (status === 'Downloaded') return 'secondary';
    if (status === 'Draft') return 'warning';
    if (status === 'Sent') return 'info';
    if (status === 'Past Due') return 'success';
    return 'primary';
  };

  return {
    fetchInvoices: fetchInvoices,
    tableColumns: tableColumns,
    perPage: perPage,
    currentPage: currentPage,
    totalInvoices: totalInvoices,
    dataMeta: dataMeta,
    perPageOptions: perPageOptions,
    searchQuery: searchQuery,
    sortBy: sortBy,
    isSortDirDesc: isSortDirDesc,
    refInvoiceListTable: refInvoiceListTable,
    statusFilter: statusFilter,
    resolveInvoiceStatusVariantAndIcon: resolveInvoiceStatusVariantAndIcon,
    resolveClientAvatarVariant: resolveClientAvatarVariant,
    refetchData: refetchData
  };
}

/***/ }),

/***/ "./frontend/src/views/inventory/inventory-list/verticalTabs.js":
/*!*********************************************************************!*\
  !*** ./frontend/src/views/inventory/inventory-list/verticalTabs.js ***!
  \*********************************************************************/
/*! exports provided: codeBasic, codeBorder, codeFill, codeJustified, codeVertical, codeAlignment, codeThemes */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeBasic", function() { return codeBasic; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeBorder", function() { return codeBorder; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeFill", function() { return codeFill; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeJustified", function() { return codeJustified; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeVertical", function() { return codeVertical; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeAlignment", function() { return codeAlignment; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeThemes", function() { return codeThemes; });
var codeBasic = "\n<template>\n  <b-tabs pills>\n    <b-tab\n      title=\"Home\"\n      active\n    >\n      <b-card-text>\n        Pastry gummi bears sweet roll candy canes topping ice cream. Candy canes fruitcake cookie carrot cake pastry. Lollipop caramels sesame snaps pie tootsie roll macaroon dessert. Muffin jujubes brownie drag\xE9e ice cream cheesecake icing. Danish brownie pastry cotton candy donut. Cheesecake donut candy canes. Jelly beans croissant bonbon cookie toffee. Souffl\xE9 croissant lemon drops tootsie roll toffee tiramisu.\n      </b-card-text>\n    </b-tab>\n    <b-tab title=\"Profile\">\n      <b-card-text>\n        Pudding candy canes sugar plum cookie chocolate cake powder croissant. Carrot cake tiramisu danish candy cake muffin croissant tart dessert. Tiramisu caramels candy canes chocolate cake sweet roll liquorice icing cupcake.Bear claw chocolate chocolate cake jelly-o pudding lemon drops sweet roll sweet candy. Chocolate sweet chocolate bar candy chocolate bar chupa chups gummi bears lemon drops.\n      </b-card-text>\n    </b-tab>\n    <b-tab\n      title=\"Disable\"\n      disabled\n    >\n      <b-card-text>Pudding candy canes sugar plum cookie chocolate cake powder croissant. Carrot cake tiramisu danish candy cake muffin croissant tart dessert. Tiramisu caramels candy canes chocolate cake sweet roll liquorice icing cupcake.</b-card-text>\n    </b-tab>\n    <b-tab title=\"About\">\n      <b-card-text>\n        Carrot cake drag\xE9e chocolate. Lemon drops ice cream wafer gummies drag\xE9e. Chocolate bar liquorice cheesecake cookie chupa chups marshmallow oat cake biscuit. Dessert toffee fruitcake ice cream powder tootsie roll cake.Chocolate bonbon chocolate chocolate cake halvah tootsie roll marshmallow. Brownie chocolate toffee toffee jelly beans bonbon sesame snaps sugar plum candy canes.\n      </b-card-text>\n    </b-tab>\n  </b-tabs>\n</template>\n\n<script>\nimport { BTab, BTabs } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BTab,\n    BTabs,\n  },\n}\n</script>\n";
var codeBorder = "\n<template>\n  <div>\n    <b-tabs pills content-class=\"mt-25\" nav-class=\"nav-active-bordered-pill\">\n      <b-tab title=\"Pill 1\" active>\n        <p>\n          Oat cake marzipan cake lollipop caramels wafer pie jelly beans. Icing halvah chocolate cake carrot cake. Jelly beans carrot cake marshmallow gingerbread chocolate cake. Gummies cupcake croissant.\n        </p>\n      </b-tab>\n      <b-tab title=\"Pill 2\">\n        <p>\n          Sugar plum tootsie roll biscuit caramels. Liquorice brownie pastry cotton candy oat cake fruitcake jelly chupa chups. Pudding caramels pastry powder cake souffl\xE9 wafer caramels. Jelly-o pie cupcake.\n        </p>\n      </b-tab>\n      <b-tab title=\"Pill 3\">\n        <p>\n          Biscuit ice cream halvah candy canes bear claw ice cream cake chocolate bar donut. Toffee cotton candy liquorice. Oat cake lemon drops gingerbread dessert caramels. Sweet dessert jujubes powder sweet sesame snaps.\n        </p>\n      </b-tab>\n      <b-tab title=\"Disabled\" disabled>\n        <p>I'm a disabled tab!</p>\n      </b-tab>\n    </b-tabs>\n  </div>\n</template>\n\n<script>\nimport { BTabs, BTab } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BTabs,\n    BTab,\n  },\n}\n</script>\n";
var codeFill = "\n<template>\n  <b-tabs fill pills>\n    <b-tab title=\"Home\" active>\n      <b-card-text>\n        Pastry gummi bears sweet roll candy canes topping ice cream. Candy canes fruitcake cookie carrot cake pastry. Lollipop caramels sesame snaps pie tootsie roll macaroon dessert. Muffin jujubes brownie drag\xE9e ice cream cheesecake icing. Danish brownie pastry cotton candy donut. Cheesecake donut candy canes. Jelly beans croissant bonbon cookie toffee. Souffl\xE9 croissant lemon drops tootsie roll toffee tiramisu.\n      </b-card-text>\n    </b-tab>\n    <b-tab title=\"Profile\">\n      <b-card-text>\n        About\n        Pudding candy canes sugar plum cookie chocolate cake powder croissant. Carrot cake tiramisu danish candy cake muffin croissant tart dessert. Tiramisu caramels candy canes chocolate cake sweet roll liquorice icing cupcake.Bear claw chocolate chocolate cake jelly-o pudding lemon drops sweet roll sweet candy. Chocolate sweet chocolate bar candy chocolate bar chupa chups gummi bears lemon drops.\n      </b-card-text>\n    </b-tab>\n    <b-tab\n      title=\"Disabled\"\n      disabled\n    >\n      <b-card-text>\n        Biscuit powder jelly beans.\n      </b-card-text>\n    </b-tab>\n    <b-tab title=\"About\">\n      <b-card-text>\n        Carrot cake drag\xE9e chocolate. Lemon drops ice cream wafer gummies drag\xE9e. Chocolate bar liquorice cheesecake cookie chupa chups marshmallow oat cake biscuit. Dessert toffee fruitcake ice cream powder tootsie roll cake.Chocolate bonbon chocolate chocolate cake halvah tootsie roll marshmallow. Brownie chocolate toffee toffee jelly beans bonbon sesame snaps sugar plum candy canes.\n      </b-card-text>\n    </b-tab>\n  </b-tabs>\n</template>\n\n<script>\nimport { BTabs, BTab } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BTabs,\n    BTab,\n  },\n}\n</script>\n";
var codeJustified = "\n<template>\n  <b-tabs justified pills>\n    <b-tab title=\"Home\" active>\n      <b-card-text>\n        Pastry gummi bears sweet roll candy canes topping ice cream. Candy canes fruitcake cookie carrot cake pastry. Lollipop caramels sesame snaps pie tootsie roll macaroon dessert. Muffin jujubes brownie drag\xE9e ice cream cheesecake icing. Danish brownie pastry cotton candy donut. Cheesecake donut candy canes. Jelly beans croissant bonbon cookie toffee. Souffl\xE9 croissant lemon drops tootsie roll toffee tiramisu.\n      </b-card-text>\n    </b-tab>\n    <b-tab title=\"Profile\">\n      <b-card-text>\n        Pudding candy canes sugar plum cookie chocolate cake powder croissant. Carrot cake tiramisu danish candy cake muffin croissant tart dessert. Tiramisu caramels candy canes chocolate cake sweet roll liquorice icing cupcake.Bear claw chocolate chocolate cake jelly-o pudding lemon drops sweet roll sweet candy. Chocolate sweet chocolate bar candy chocolate bar chupa chups gummi bears lemon drops.\n      </b-card-text>\n    </b-tab>\n    <b-tab\n      title=\"Disabled\"\n      disabled\n    >\n      <b-card-text>\n        Tootsie roll oat cake.\n      </b-card-text>\n    </b-tab>\n    <b-tab title=\"About\">\n      <b-card-text>\n        Carrot cake drag\xE9e chocolate. Lemon drops ice cream wafer gummies drag\xE9e. Chocolate bar liquorice cheesecake cookie chupa chups marshmallow oat cake biscuit. Dessert toffee fruitcake ice cream powder tootsie roll cake.Chocolate bonbon chocolate chocolate cake halvah tootsie roll marshmallow. Brownie chocolate toffee toffee jelly beans bonbon sesame snaps sugar plum candy canes.\n      </b-card-text>\n    </b-tab>\n  </b-tabs>\n</template>\n\n<script>\nimport { BTabs, BTab } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BTabs,\n    BTab,\n  },\n}\n</script>\n";
var codeVertical = "\n<template>\n   <b-tabs pills vertical>\n      <b-tab\n        title=\"Pill 1\"\n        active\n      >\n        <b-card-text>\n          Candy canes donut chupa chups candy canes lemon drops oat cake wafer. Cotton candy candy canes marzipan carrot cake. Sesame snaps lemon drops candy marzipan donut brownie tootsie roll. Icing croissant bonbon biscuit gummi bears. Bear claw donut sesame snaps bear claw liquorice jelly-o bear claw carrot cake. Icing croissant bonbon biscuit gummi bears.\n        </b-card-text>\n      </b-tab>\n      <b-tab title=\"Pill 2\">\n        <b-card-text>\n          Pudding candy canes sugar plum cookie chocolate cake powder croissant. Carrot cake tiramisu danish candy cake muffin croissant tart dessert. Tiramisu caramels candy canes chocolate cake sweet roll liquorice icing cupcake. Sesame snaps wafer marshmallow danish drag\xE9e candy muffin jelly beans tootsie roll. Jelly beans oat cake chocolate cake tiramisu sweet.\n        </b-card-text>\n      </b-tab>\n      <b-tab title=\"Pill 3\">\n        <b-card-text>\n          Carrot cake drag\xE9e chocolate. Lemon drops ice cream wafer gummies drag\xE9e. Chocolate bar liquorice cheesecake cookie chupa chups marshmallow oat cake biscuit. Dessert toffee fruitcake ice cream powder tootsie roll cake. Macaroon brownie lemon drops croissant marzipan sweet roll macaroon lollipop. Danish fruitcake bonbon bear claw gummi bears apple pie.\n        </b-card-text>\n      </b-tab>\n      <b-tab\n        title=\"Disabled\"\n        disabled\n      >\n        <b-card-text>Macaroon brownie lemon drops croissant marzipan sweet roll macaroon lollipop.</b-card-text>\n      </b-tab>\n    </b-tabs>\n</template>\n\n<script>\nimport { BTabs, BTab } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BTabs,\n    BTab,\n  },\n}\n</script>\n";
var codeAlignment = "\n<template>\n  <div>\n      <h6 class=\"mb-2\">\n      Left\n    </h6>\n    <b-tabs\n      pills\n      align=\"left\"\n    >\n      <b-tab\n        title=\"Home\"\n        active\n      >\n        <b-card-text>\n          {{ tabData[0]['home'] }}\n        </b-card-text>\n      </b-tab>\n      <b-tab title=\"Profile\">\n        <b-card-text>\n          {{ tabData[1]['profile'] }}\n        </b-card-text>\n      </b-tab>\n      <b-tab\n        title=\"Disabled\"\n        disabled\n      >\n        {{ tabData[2]['disabled'] }}\n      </b-tab>\n      <b-tab\n        title=\"About\"\n      >\n        <b-card-text>\n          {{ tabData[3]['about'] }}\n        </b-card-text>\n      </b-tab>\n    </b-tabs>\n    <h6 class=\"mt-2 mb-2\">\n      Center\n    </h6>\n    <b-tabs\n      pills\n      align=\"center\"\n    >\n      <b-tab\n        title=\"Home\"\n        active\n      >\n        <b-card-text>\n          {{ tabData[0]['home'] }}\n        </b-card-text>\n      </b-tab>\n      <b-tab title=\"Profile\">\n        <b-card-text>\n          {{ tabData[1]['profile'] }}\n        </b-card-text>\n      </b-tab>\n      <b-tab\n        title=\"Disabled\"\n        disabled\n      >\n        {{ tabData[2]['disabled'] }}\n      </b-tab>\n      <b-tab title=\"About\">\n        <b-card-text>\n          {{ tabData[3]['about'] }}\n        </b-card-text>\n      </b-tab>\n    </b-tabs>\n    <h5 class=\"mt-2 mb-2\">\n      Right\n    </h5>\n    <b-tabs\n      pills\n      align=\"right\"\n    >\n      <b-tab\n        title=\"Home\"\n        active\n      >\n        <b-card-text>\n          {{ tabData[0]['home'] }}\n        </b-card-text>\n      </b-tab>\n      <b-tab title=\"Profile\">\n        <b-card-text>\n          {{ tabData[1]['profile'] }}\n        </b-card-text>\n      </b-tab>\n      <b-tab\n        title=\"Disabled\"\n        disabled\n      >\n        {{ tabData[2]['disabled'] }}\n      </b-tab>\n      <b-tab title=\"About\">\n        <b-card-text>\n          {{ tabData[3]['about'] }}\n        </b-card-text>\n      </b-tab>\n    </b-tabs>\n  </div>\n</template>\n\n<script>\nimport { BTabs, BTab } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BTabs,\n    BTab,\n  },\n   data() {\n    return {\n      tabData: [\n        { home: 'Candy canes donut chupa chups candy canes lemon drops oat cake wafer. Cotton candy candy canes marzipan carrot cake. Sesame snaps lemon drops candy marzipan donut brownie tootsie roll. Icing croissant bonbon biscuit gummi bears. Pastry gummi bears sweet roll candy canes topping ice cream. Candy canes fruitcake cookie carrot cake pastry.' },\n        { profile: 'Carrot cake drag\xE9e chocolate. Lemon drops ice cream wafer gummies drag\xE9e. Chocolate bar liquorice cheesecake cookie chupa chups marshmallow oat cake biscuit. Dessert toffee fruitcake ice cream powder tootsie roll cake.Pudding candy canes sugar plum cookie chocolate cake powder croissant.' },\n        { disabled: 'lorem' },\n        { about: 'Carrot cake drag\xE9e chocolate. Lemon drops ice cream wafer gummies drag\xE9e. Chocolate bar liquorice cheesecake cookie chupa chups marshmallow oat cake biscuit. Dessert toffee fruitcake ice cream powder tootsie roll cake.Carrot cake drag\xE9e chocolate. Lemon drops ice cream wafer gummies drag\xE9e. Chocolate bar liquorice cheesecake cookie chupa chups marshmallow oat cake biscuit.' },\n      ],\n    }\n  },\n}\n</script>\n";
var codeThemes = "\n<template>\n  <div>\n    <h6>Primary</h6>\n    <b-tabs pills nav-class=\"nav-pill-primary\">\n      <b-tab title=\"Active\" active/>\n      <b-tab title=\"Link\"/>\n      <b-tab title=\"Link\"/>\n      <b-tab title=\"Disabled\"disabled/>\n    </b-tabs>\n    <h6>Secondary</h6>\n    <b-tabs pills nav-class=\"nav-pill-secondary\">\n      <b-tab title=\"Active\" active/>\n      <b-tab title=\"Link\"/>\n      <b-tab title=\"Link\"/>\n      <b-tab title=\"Disabled\" disabled/>\n    </b-tabs>\n    <h6>Success</h6>\n    <b-tabs pills nav-class=\"nav-pill-success\">\n      <b-tab title=\"Active\" active />\n      <b-tab title=\"Link\"/>\n      <b-tab title=\"Link\"/>\n      <b-tab title=\"Disabled\" disabled/>\n    </b-tabs>\n    <h6>Warning</h6>\n    <b-tabs pills nav-class=\"nav-pill-warning\">\n      <b-tab title=\"Active\" active/>\n      <b-tab title=\"Link\"/>\n      <b-tab title=\"Link\"/>\n      <b-tab title=\"Disabled\" disabled/>\n    </b-tabs>\n    <h6>Danger</h6>\n    <b-tabs pills nav-class=\"nav-pill-danger\">\n      <b-tab title=\"Active\" active/>\n      <b-tab title=\"Link\"/>\n      <b-tab title=\"Link\"/>\n      <b-tab title=\"Disabled\" disabled/>\n    </b-tabs>\n    <h6>Info</h6>\n    <b-tabs pills nav-class=\"nav-pill-info\">\n      <b-tab title=\"Active\" active/>\n      <b-tab title=\"Link\"/>\n      <b-tab title=\"Link\"/>\n      <b-tab title=\"Disabled\" disabled/>\n    </b-tabs>\n  </div>\n</template>\n\n<script>\nimport { BTab, BTabs } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BTab,\n    BTabs,\n  },\n}\n</script>\n";

/***/ }),

/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=script&lang=js&":
/*!********************************************************************************************************************************************************************************************!*\
  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=script&lang=js& ***!
  \********************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _core_components_b_card_code__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @core/components/b-card-code */ "./frontend/src/@core/components/b-card-code/index.js");
/* harmony import */ var bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! bootstrap-vue */ "./frontend/node_modules/bootstrap-vue/esm/index.js");
/* harmony import */ var _core_components_app_timeline_AppTimeline_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @core/components/app-timeline/AppTimeline.vue */ "./frontend/src/@core/components/app-timeline/AppTimeline.vue");
/* harmony import */ var _core_components_app_timeline_AppTimelineItem_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @core/components/app-timeline/AppTimelineItem.vue */ "./frontend/src/@core/components/app-timeline/AppTimelineItem.vue");
/* harmony import */ var _code__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./code */ "./frontend/src/views/inventory/inventory-list/code.js");
/* harmony import */ var _core_components_b_card_actions_BCardActions_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../@core/components/b-card-actions/BCardActions.vue */ "./frontend/src/@core/components/b-card-actions/BCardActions.vue");
/* harmony import */ var _fileInput__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./fileInput */ "./frontend/src/views/inventory/inventory-list/fileInput.js");
/* harmony import */ var _docTable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./docTable */ "./frontend/src/views/inventory/inventory-list/docTable.js");
/* harmony import */ var _gallery__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./gallery */ "./frontend/src/views/inventory/inventory-list/gallery.js");
/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./modal */ "./frontend/src/views/inventory/inventory-list/modal.js");
/* harmony import */ var _textAreaCode__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./textAreaCode */ "./frontend/src/views/inventory/inventory-list/textAreaCode.js");
/* harmony import */ var vue_select__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! vue-select */ "./frontend/node_modules/vue-select/dist/vue-select.js");
/* harmony import */ var vue_select__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(vue_select__WEBPACK_IMPORTED_MODULE_11__);
/* harmony import */ var vue_ripple_directive__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! vue-ripple-directive */ "./frontend/node_modules/vue-ripple-directive/src/ripple.js");
/* harmony import */ var _InventoryListAddNew_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./InventoryListAddNew.vue */ "./frontend/src/views/inventory/inventory-list/InventoryListAddNew.vue");
/* harmony import */ var _verticalTabs__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./verticalTabs */ "./frontend/src/views/inventory/inventory-list/verticalTabs.js");
/* harmony import */ var _sidebarcode__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./sidebarcode */ "./frontend/src/views/inventory/inventory-list/sidebarcode.js");
/* harmony import */ var _customerInformationEdit_vue__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./customerInformationEdit.vue */ "./frontend/src/views/inventory/inventory-list/customerInformationEdit.vue");
/* harmony import */ var _customerInformation_vue__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./customerInformation.vue */ "./frontend/src/views/inventory/inventory-list/customerInformation.vue");
/* harmony import */ var _inventory_list_useUsersList__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../inventory-list/useUsersList */ "./frontend/src/views/inventory/inventory-list/useUsersList.js");
/* harmony import */ var _core_utils_filter__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! @core/utils/filter */ "./frontend/src/@core/utils/filter.js");
/* harmony import */ var _useInvoiceList__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./useInvoiceList */ "./frontend/src/views/inventory/inventory-list/useInvoiceList.js");
/* harmony import */ var _invoiceStoreModule__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./invoiceStoreModule */ "./frontend/src/views/inventory/inventory-list/invoiceStoreModule.js");
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//






















/* harmony default export */ __webpack_exports__["default"] = ({
  components: {
    AppTimeline: _core_components_app_timeline_AppTimeline_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
    AppTimelineItem: _core_components_app_timeline_AppTimelineItem_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
    BCardCode: _core_components_b_card_code__WEBPACK_IMPORTED_MODULE_0__["default"],
    BCardText: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BCardText"],
    BTabs: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BTabs"],
    BTab: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BTab"],
    BCard: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BCard"],
    BCardHeader: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BCardHeader"],
    BCardTitle: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BCardTitle"],
    BCardBody: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BCardBody"],
    BMediaBody: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BMediaBody"],
    BMedia: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BMedia"],
    BMediaAside: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BMediaAside"],
    BAvatar: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BAvatar"],
    BCardActions: _core_components_b_card_actions_BCardActions_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
    BFormFile: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BFormFile"],
    BFormRadio: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BFormRadio"],
    BTable: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BTable"],
    BImg: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BImg"],
    BButton: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BButton"],
    BFormGroup: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BFormGroup"],
    BFormInput: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BFormInput"],
    BListGroup: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BListGroup"],
    BListGroupItem: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BListGroupItem"],
    BModal: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BModal"],
    vSelect: vue_select__WEBPACK_IMPORTED_MODULE_11___default.a,
    BFormTextarea: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BFormTextarea"],
    UserListAddNew: _InventoryListAddNew_vue__WEBPACK_IMPORTED_MODULE_13__["default"],
    codeVertical: _verticalTabs__WEBPACK_IMPORTED_MODULE_14__["codeVertical"],
    BSidebar: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BSidebar"],
    SidebarContent: _customerInformationEdit_vue__WEBPACK_IMPORTED_MODULE_16__["default"],
    BBadge: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BBadge"],
    BRow: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BRow"],
    BCol: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BCol"]
  },
  props: {
    userData: {
      type: Object,
      required: true
    }
  },
  setup: function setup() {
    //  const INVOICE_APP_STORE_MODULE_NAME = 'inv'
    // // Register module
    // if (!store.hasModule(INVOICE_APP_STORE_MODULE_NAME)) store.registerModule(INVOICE_APP_STORE_MODULE_NAME, invoiceStoreModule)
    // // UnRegister on leave
    // onUnmounted(() => {
    //   if (store.hasModule(INVOICE_APP_STORE_MODULE_NAME)) store.unregisterModule(INVOICE_APP_STORE_MODULE_NAME)
    // })
    var statusOptions = ['Downloaded', 'Draft', 'Paid', 'Partial Payment', 'Past Due'];

    var _useInvoicesList = Object(_useInvoiceList__WEBPACK_IMPORTED_MODULE_20__["default"])(),
        fetchInvoices = _useInvoicesList.fetchInvoices,
        tableColumns = _useInvoicesList.tableColumns,
        perPage = _useInvoicesList.perPage,
        currentPage = _useInvoicesList.currentPage,
        totalInvoices = _useInvoicesList.totalInvoices,
        dataMeta = _useInvoicesList.dataMeta,
        perPageOptions = _useInvoicesList.perPageOptions,
        searchQuery = _useInvoicesList.searchQuery,
        sortBy = _useInvoicesList.sortBy,
        isSortDirDesc = _useInvoicesList.isSortDirDesc,
        refInvoiceListTable = _useInvoicesList.refInvoiceListTable,
        statusFilter = _useInvoicesList.statusFilter,
        refetchData = _useInvoicesList.refetchData,
        resolveInvoiceStatusVariantAndIcon = _useInvoicesList.resolveInvoiceStatusVariantAndIcon,
        resolveClientAvatarVariant = _useInvoicesList.resolveClientAvatarVariant;

    return {
      fetchInvoices: fetchInvoices,
      tableColumns: tableColumns,
      perPage: perPage,
      currentPage: currentPage,
      totalInvoices: totalInvoices,
      dataMeta: dataMeta,
      perPageOptions: perPageOptions,
      searchQuery: searchQuery,
      sortBy: sortBy,
      isSortDirDesc: isSortDirDesc,
      refInvoiceListTable: refInvoiceListTable,
      statusFilter: statusFilter,
      refetchData: refetchData,
      statusOptions: statusOptions,
      avatarText: _core_utils_filter__WEBPACK_IMPORTED_MODULE_19__["avatarText"],
      resolveInvoiceStatusVariantAndIcon: resolveInvoiceStatusVariantAndIcon,
      resolveClientAvatarVariant: resolveClientAvatarVariant
    };
  },
  methods: {
    mouseOver: function mouseOver() {
      this.vehicleeditactive = !this.vehicleeditactive;
    },
    checkFormValidity: function checkFormValidity() {
      var valid = this.$refs.form.checkValidity();
      this.nameState = valid;
      return valid;
    },
    resetModal: function resetModal() {
      this.name = '';
      this.nameState = null;
    },
    handleOk: function handleOk(bvModalEvt) {
      // Prevent modal from closing
      bvModalEvt.preventDefault(); // Trigger submit handler

      this.handleSubmit();
    },
    handleSubmit: function handleSubmit() {
      var _this = this;

      // Exit when the form isn't valid
      if (!this.checkFormValidity()) {
        return;
      } // Push the name to submitted names


      this.submittedNames.push(this.name); // Hide the modal manually

      this.$nextTick(function () {
        _this.$refs['my-modal'].toggle('#toggle-btn');
      });
    }
  },
  directives: {
    'b-modal': bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["VBModal"],
    'b-toggle': bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["VBToggle"],
    Ripple: vue_ripple_directive__WEBPACK_IMPORTED_MODULE_12__["default"]
  },
  data: function data() {
    return {
      codePlacement: _sidebarcode__WEBPACK_IMPORTED_MODULE_15__["codePlacement"],
      selectedCountry: 'Select',
      optionCountry: ['Original Dock Receipt', 'Stamped Dock Receipts'],
      selected: 'Select Customer',
      option: ['John Doe', 'James Craley'],
      codePrevent: _modal__WEBPACK_IMPORTED_MODULE_9__["codePrevent"],
      name: '',
      nameState: null,
      submittedNames: [],
      codeDefault: _textAreaCode__WEBPACK_IMPORTED_MODULE_10__["codeDefault"],
      codeMultiple: _fileInput__WEBPACK_IMPORTED_MODULE_6__["codeMultiple"],
      codeBasic: _docTable__WEBPACK_IMPORTED_MODULE_7__["codeBasic"],
      mainProps: {
        blank: true,
        width: 75,
        height: 75,
        "class": 'm1'
      },
      codeBlank: _gallery__WEBPACK_IMPORTED_MODULE_8__["codeBlank"],
      items: [{
        Document: 40,
        Date: '25-03-21',
        Action: 'Delete'
      }, {
        Document: 21,
        Date: '25-03-21',
        Action: 'Delete'
      }, {
        Document: 89,
        Date: '25-03-21',
        Action: 'Delete'
      }, {
        Document: 38,
        Date: '25-03-21',
        Action: 'Delete'
      }, {
        Document: 40,
        Date: '25-03-21',
        Action: 'Delete'
      }],
      workorder: [{
        Wk_N: 40,
        Date: '25-03-21',
        Price: '0.00',
        Status: 'Open',
        Action: 'Delete'
      }, {
        Wk_N: 21,
        Date: '25-03-21',
        Price: '0.00',
        Status: 'Processed',
        Action: 'Delete'
      }, {
        Wk_N: 89,
        Date: '25-03-21',
        Price: '0.00',
        Status: 'Completed',
        Action: 'Delete'
      }, {
        Wk_N: 38,
        Date: '25-03-21',
        Price: '0.00',
        Status: 'Open',
        Action: 'Delete'
      }, {
        Wk_N: 40,
        Date: '25-03-21',
        Price: '0.00',
        Status: 'Processed',
        Action: 'Delete'
      }],
      insNotes: [{
        Sr_no: 40,
        Description: 'JH4DA9340LS003571',
        Created_At: '25-03-21',
        Action: 'Delete'
      }, {
        Sr_no: 21,
        Description: 'JH4DA9340LS003571',
        Created_At: '25-03-21',
        Action: 'Delete'
      }, {
        Sr_no: 89,
        Description: 'JH4DA9340LS003571',
        Created_At: '25-03-21',
        Action: 'Delete'
      }, {
        Sr_no: 38,
        Description: 'JH4DA9340LS003571',
        Created_At: '25-03-21',
        Action: 'Delete'
      }, {
        Sr_no: 40,
        Description: 'JH4DA9340LS003571',
        Created_At: '25-03-21',
        Action: 'Delete'
      }],
      insPay: [{
        Sr_no: 40,
        Payment_no: '25-03-21',
        Amount_Received: '0.00',
        Bank_Charges: 'Open',
        Date: '12-03-21',
        Action: 'Delete'
      }, {
        Sr_no: 40,
        Payment_no: '25-03-21',
        Amount_Received: '0.00',
        Bank_Charges: 'Open',
        Date: '12-03-21',
        Action: 'Delete'
      }, {
        Sr_no: 40,
        Payment_no: '25-03-21',
        Amount_Received: '0.00',
        Bank_Charges: 'Open',
        Date: '12-03-21',
        Action: 'Delete'
      }, {
        Sr_no: 40,
        Payment_no: '25-03-21',
        Amount_Received: '0.00',
        Bank_Charges: 'Open',
        Date: '12-03-21',
        Action: 'Delete'
      }, {
        Sr_no: 40,
        Payment_no: '25-03-21',
        Amount_Received: '0.00',
        Bank_Charges: 'Open',
        Date: '12-03-21',
        Action: 'Delete'
      }],
      tabData: [{
        overview: 'Candy canes donut chupa chups candy canes lemon drops oat cake wafer. Cotton candy candy canes marzipan carrot cake. Sesame snaps lemon drops candy marzipan donut brownie tootsie roll. Icing croissant bonbon biscuit gummi bears. Pastry gummi bears sweet roll candy canes topping ice cream. Candy canes fruitcake cookie carrot cake pastry.'
      }, {
        activities: 'Carrot cake dragée chocolate. Lemon drops ice cream wafer gummies dragée. Chocolate bar liquorice cheesecake cookie chupa chups marshmallow oat cake biscuit. Dessert toffee fruitcake ice cream powder tootsie roll cake.Pudding candy canes sugar plum cookie chocolate cake powder croissant.'
      }, {
        notes: 'lorem'
      }, {
        payments: 'Carrot cake dragée chocolate. Lemon drops ice cream wafer gummies dragée. Chocolate bar liquorice cheesecake cookie chupa chups marshmallow oat cake biscuit. Dessert toffee fruitcake ice cream powder tootsie roll cake.Carrot cake dragée chocolate. Lemon drops ice cream wafer gummies dragée. Chocolate bar liquorice cheesecake cookie chupa chups marshmallow oat cake biscuit.'
      }, {
        general: 'Candy canes donut chupa chups candy canes lemon drops oat cake wafer. Cotton candy candy canes marzipan carrot cake. Sesame snaps lemon drops candy marzipan donut brownie tootsie roll. Icing croissant bonbon biscuit gummi bears. Pastry gummi bears sweet roll candy canes topping ice cream. Candy canes fruitcake cookie carrot cake pastry.'
      }, {
        front: 'Carrot cake dragée chocolate. Lemon drops ice cream wafer gummies dragée. Chocolate bar liquorice cheesecake cookie chupa chups marshmallow oat cake biscuit. Dessert toffee fruitcake ice cream powder tootsie roll cake.Pudding candy canes sugar plum cookie chocolate cake powder croissant.'
      }],
      icons: ['EditIcon'],
      transactionData: [{
        mode: 'Vehicle:',
        avatarVariant: 'light-info',
        payment: '1990 Acura Integra RS Coupe - white',
        vinno: '5GAEV23718J129013 ',
        deduction: true
      }, {
        mode: 'Dimensions(inch):',
        avatarVariant: 'light-info',
        payment: '500 x 300 x 400',
        deduction: false
      }, {
        mode: 'Weight:',
        avatarVariant: 'light-info',
        payment: '500',
        deduction: true
      }],
      customerData: [{
        mode: 'Abdul Rehman',
        avatarVariant: 'light-info'
      }, {
        avatarVariant: 'light-info',
        payment: 'new jersey 08726'
      }, {
        avatarVariant: 'light-info',
        payment: '+9564887900'
      }, {
        avatarVariant: 'light-info',
        payment: 'infoTwic@gmail.com'
      }],
      paymentData: [{
        mode: 'Open Balance ',
        avatarVariant: 'light-info',
        payment: '$0.00'
      }, {
        mode: 'Already Paid',
        avatarVariant: 'light-info',
        payment: '$0.00'
      }, {
        mode: 'Storage Dues',
        avatarVariant: 'light-info',
        payment: '$0.00'
      }, {
        mode: 'Remaining Balance ',
        avatarVariant: 'light-info',
        payment: '$0.00'
      }],
      documentData: [{
        avatarVariant: 'light-info',
        payment: 'Original Dock Receipt',
        activitycreated: '29 Mar, 2021',
        checked: false
      }, {
        avatarVariant: 'light-info',
        payment: 'Stamped Dock Receipts',
        activitycreated: '03 Apr, 2021',
        checked: false
      }],
      notesData: [{
        mode: 'John Doe',
        avatarVariant: 'light-info',
        payment: 'A description list is perfect for defining terms.',
        activitycreated: '27 Mar, 2021'
      }],
      driverData: [{
        mode: 'John Doe',
        avatarVariant: 'light-info',
        payment: 'friendsitsolutions'
      }],
      informationData: [{
        mode: 'Condition',
        avatarVariant: 'light-info',
        payment: 'Runner',
        nonrunner: 'Non-Runner',
        checked: false
      }, {
        mode: 'Key',
        avatarVariant: 'light-info',
        payment: 'Yes',
        nonrunner: 'No',
        checked: false
      }, {
        mode: 'Title',
        avatarVariant: 'light-info',
        payment: 'Yes',
        nonrunner: 'No',
        checked: false
      }],
      galleryData: [{
        mode: 'Condition',
        avatarVariant: 'light-info',
        payment: 'N/A',
        deduction: true
      }, {
        mode: 'Key',
        avatarVariant: 'light-info',
        payment: 'N/A',
        deduction: false
      }, {
        mode: 'Title',
        avatarVariant: 'light-info',
        payment: 'N/A',
        deduction: false
      }],
      activitiesData: [{
        mode: 'Vehicle information updated',
        avatarVariant: 'light-info',
        payment: 'John Doe',
        activitycreated: '27 Mar, 2021',
        checked: false
      }, {
        mode: 'New images added',
        avatarVariant: 'light-info',
        payment: 'Steven Smith',
        activitycreated: '02 Apr, 2021',
        checked: false
      }]
    };
  }
});

/***/ }),

/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/inventory/inventory-list/customerInformation.vue?vue&type=script&lang=js&":
/*!**************************************************************************************************************************************************************************************************!*\
  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/inventory/inventory-list/customerInformation.vue?vue&type=script&lang=js& ***!
  \**************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _core_components_b_card_code__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @core/components/b-card-code */ "./frontend/src/@core/components/b-card-code/index.js");
/* harmony import */ var bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! bootstrap-vue */ "./frontend/node_modules/bootstrap-vue/esm/index.js");
/* harmony import */ var _formcode__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./formcode */ "./frontend/src/views/inventory/inventory-list/formcode.js");
/* harmony import */ var vue_select__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue-select */ "./frontend/node_modules/vue-select/dist/vue-select.js");
/* harmony import */ var vue_select__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(vue_select__WEBPACK_IMPORTED_MODULE_3__);
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//




/* harmony default export */ __webpack_exports__["default"] = ({
  components: {
    BAvatar: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BAvatar"],
    BListGroup: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BListGroup"],
    BListGroupItem: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BListGroupItem"],
    BCardText: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BCardText"],
    BCardCode: _core_components_b_card_code__WEBPACK_IMPORTED_MODULE_0__["default"],
    BFormInput: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BFormInput"],
    BFormGroup: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BFormGroup"],
    BRow: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BRow"],
    BCol: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BCol"],
    vSelect: vue_select__WEBPACK_IMPORTED_MODULE_3___default.a
  },
  data: function data() {
    return {
      codeSize: _formcode__WEBPACK_IMPORTED_MODULE_2__["codeSize"],
      sidebarItems: [{
        title: 'Dashboard',
        icon: 'GridIcon'
      }, {
        title: 'Analytics',
        icon: 'ActivityIcon'
      }, {
        title: 'History',
        icon: 'RefreshCwIcon'
      }, {
        title: 'Configuration',
        icon: 'SettingsIcon'
      }, {
        title: 'Profile',
        icon: 'UserIcon'
      }]
    };
  }
});

/***/ }),

/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/inventory/inventory-list/customerInformationEdit.vue?vue&type=script&lang=js&":
/*!******************************************************************************************************************************************************************************************************!*\
  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/inventory/inventory-list/customerInformationEdit.vue?vue&type=script&lang=js& ***!
  \******************************************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _core_components_b_card_code__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @core/components/b-card-code */ "./frontend/src/@core/components/b-card-code/index.js");
/* harmony import */ var bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! bootstrap-vue */ "./frontend/node_modules/bootstrap-vue/esm/index.js");
/* harmony import */ var _formcode__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./formcode */ "./frontend/src/views/inventory/inventory-list/formcode.js");
/* harmony import */ var vue_select__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue-select */ "./frontend/node_modules/vue-select/dist/vue-select.js");
/* harmony import */ var vue_select__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(vue_select__WEBPACK_IMPORTED_MODULE_3__);
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//




/* harmony default export */ __webpack_exports__["default"] = ({
  components: {
    BAvatar: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BAvatar"],
    BListGroup: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BListGroup"],
    BListGroupItem: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BListGroupItem"],
    BCardText: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BCardText"],
    BCardCode: _core_components_b_card_code__WEBPACK_IMPORTED_MODULE_0__["default"],
    BFormInput: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BFormInput"],
    BFormGroup: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BFormGroup"],
    BRow: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BRow"],
    BCol: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BCol"],
    vSelect: vue_select__WEBPACK_IMPORTED_MODULE_3___default.a,
    BButton: bootstrap_vue__WEBPACK_IMPORTED_MODULE_1__["BButton"]
  },
  data: function data() {
    return {
      codeSize: _formcode__WEBPACK_IMPORTED_MODULE_2__["codeSize"],
      sidebarItems: [{
        title: 'Dashboard',
        icon: 'GridIcon'
      }, {
        title: 'Analytics',
        icon: 'ActivityIcon'
      }, {
        title: 'History',
        icon: 'RefreshCwIcon'
      }, {
        title: 'Configuration',
        icon: 'SettingsIcon'
      }, {
        title: 'Profile',
        icon: 'UserIcon'
      }]
    };
  }
});

/***/ }),

/***/ "./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=style&index=0&lang=scss&":
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--7-2!./node_modules/sass-loader/dist/cjs.js??ref--7-3!./node_modules/sass-loader/dist/cjs.js??ref--11-0!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=style&index=0&lang=scss& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
// imports


// module
exports.push([module.i, ".v-select {\n  position: relative;\n  font-family: inherit;\n}\n.v-select,\n.v-select * {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n\n/* KeyFrames */\n@-webkit-keyframes vSelectSpinner-ltr {\n0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n}\n100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n}\n}\n@-webkit-keyframes vSelectSpinner-rtl {\n0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n}\n100% {\n    -webkit-transform: rotate(-360deg);\n            transform: rotate(-360deg);\n}\n}\n@keyframes vSelectSpinner-ltr {\n0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n}\n100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n}\n}\n@keyframes vSelectSpinner-rtl {\n0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n}\n100% {\n    -webkit-transform: rotate(-360deg);\n            transform: rotate(-360deg);\n}\n}\n/* Dropdown Default Transition */\n.vs__fade-enter-active,\n.vs__fade-leave-active {\n  pointer-events: none;\n  -webkit-transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1);\n  transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1);\n}\n[dir] .vs__fade-enter-active, [dir] .vs__fade-leave-active {\n  -webkit-transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1);\n}\n.vs__fade-enter,\n.vs__fade-leave-to {\n  opacity: 0;\n}\n\n/** Component States */\n/*\n * Disabled\n *\n * When the component is disabled, all interaction\n * should be prevented. Here we modify the bg color,\n * and change the cursor displayed on the interactive\n * components.\n */\n[dir] .vs--disabled .vs__dropdown-toggle, [dir] .vs--disabled .vs__clear, [dir] .vs--disabled .vs__search, [dir] .vs--disabled .vs__selected, [dir] .vs--disabled .vs__open-indicator {\n  cursor: not-allowed;\n  background-color: #f8f8f8;\n}\n\n/*\n *  RTL - Right to Left Support\n *\n *  Because we're using a flexbox layout, the `dir=\"rtl\"`\n *  HTML attribute does most of the work for us by\n *  rearranging the child elements visually.\n */\n.v-select[dir=rtl] .vs__actions {\n  padding: 0 3px 0 6px;\n}\n.v-select[dir=rtl] .vs__clear {\n  margin-left: 6px;\n  margin-right: 0;\n}\n.v-select[dir=rtl] .vs__deselect {\n  margin-left: 0;\n  margin-right: 2px;\n}\n.v-select[dir=rtl] .vs__dropdown-menu {\n  text-align: right;\n}\n\n/**\n    Dropdown Toggle\n\n    The dropdown toggle is the primary wrapper of the component. It\n    has two direct descendants: .vs__selected-options, and .vs__actions.\n\n    .vs__selected-options holds the .vs__selected's as well as the\n    main search input.\n\n    .vs__actions holds the clear button and dropdown toggle.\n */\n.vs__dropdown-toggle {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  white-space: normal;\n}\n[dir] .vs__dropdown-toggle {\n  padding: 0 0 4px 0;\n  background: none;\n  border: 1px solid #d8d6de;\n  border-radius: 0.357rem;\n}\n.vs__selected-options {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-preferred-size: 100%;\n      flex-basis: 100%;\n  -webkit-box-flex: 1;\n      -ms-flex-positive: 1;\n          flex-grow: 1;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n  position: relative;\n}\n[dir] .vs__selected-options {\n  padding: 0 2px;\n}\n.vs__actions {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n[dir=ltr] .vs__actions {\n  padding: 4px 6px 0 3px;\n}\n[dir=rtl] .vs__actions {\n  padding: 4px 3px 0 6px;\n}\n\n/* Dropdown Toggle States */\n[dir] .vs--searchable .vs__dropdown-toggle {\n  cursor: text;\n}\n[dir] .vs--unsearchable .vs__dropdown-toggle {\n  cursor: pointer;\n}\n[dir] .vs--open .vs__dropdown-toggle {\n  border-bottom-color: transparent;\n}\n[dir=ltr] .vs--open .vs__dropdown-toggle {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n[dir=rtl] .vs--open .vs__dropdown-toggle {\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.vs__open-indicator {\n  fill: rgba(60, 60, 60, 0.5);\n  -webkit-transform: scale(1);\n  transition: -webkit-transform 150ms cubic-bezier(1, -0.115, 0.975, 0.855);\n  -webkit-transition: -webkit-transform 150ms cubic-bezier(1, -0.115, 0.975, 0.855);\n  transition: transform 150ms cubic-bezier(1, -0.115, 0.975, 0.855);\n  transition: transform 150ms cubic-bezier(1, -0.115, 0.975, 0.855), -webkit-transform 150ms cubic-bezier(1, -0.115, 0.975, 0.855);\n  -webkit-transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);\n}\n[dir] .vs__open-indicator {\n          -webkit-transform: scale(1);\n                  transform: scale(1);\n  -webkit-transition: -webkit-transform 150ms cubic-bezier(1, -0.115, 0.975, 0.855);\n          -webkit-transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);\n                  transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);\n}\n[dir=ltr] .vs--open .vs__open-indicator {\n  -webkit-transform: rotate(180deg) scale(1);\n  transform: rotate(180deg) scale(1);\n}\n[dir=rtl] .vs--open .vs__open-indicator {\n  -webkit-transform: rotate(-180deg) scale(1);\n          transform: rotate(-180deg) scale(1);\n}\n.vs--loading .vs__open-indicator {\n  opacity: 0;\n}\n\n/* Clear Button */\n.vs__clear {\n  fill: rgba(60, 60, 60, 0.5);\n}\n[dir] .vs__clear {\n  padding: 0;\n  border: 0;\n  background-color: transparent;\n  cursor: pointer;\n}\n[dir=ltr] .vs__clear {\n  margin-right: 8px;\n}\n[dir=rtl] .vs__clear {\n  margin-left: 8px;\n}\n\n/* Dropdown Menu */\n.vs__dropdown-menu {\n  display: block;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  position: absolute;\n  top: calc(100% - 1px);\n  z-index: 1000;\n  width: 100%;\n  max-height: 350px;\n  min-width: 160px;\n  overflow-y: auto;\n  -webkit-box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);\n  list-style: none;\n}\n[dir] .vs__dropdown-menu {\n  padding: 5px 0;\n  margin: 0;\n          -webkit-box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);\n                  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);\n  border: 1px solid #d8d6de;\n  border-top-style: none;\n  border-radius: 0 0 0.357rem 0.357rem;\n  background: #fff;\n}\n[dir=ltr] .vs__dropdown-menu {\n  left: 0;\n  text-align: left;\n}\n[dir=rtl] .vs__dropdown-menu {\n  right: 0;\n  text-align: right;\n}\n[dir] .vs__no-options {\n  text-align: center;\n}\n\n/* List Items */\n.vs__dropdown-option {\n  line-height: 1.42857143;\n  /* Normalize line height */\n  display: block;\n  color: #333;\n  /* Overrides most CSS frameworks */\n  white-space: nowrap;\n}\n[dir] .vs__dropdown-option {\n  padding: 3px 20px;\n  clear: both;\n}\n[dir] .vs__dropdown-option:hover {\n  cursor: pointer;\n}\n.vs__dropdown-option--highlight {\n  color: #7367f0 !important;\n}\n[dir] .vs__dropdown-option--highlight {\n  background: rgba(115, 103, 240, 0.12);\n}\n.vs__dropdown-option--disabled {\n  color: rgba(60, 60, 60, 0.5);\n}\n[dir] .vs__dropdown-option--disabled {\n  background: inherit;\n}\n[dir] .vs__dropdown-option--disabled:hover {\n  cursor: inherit;\n}\n\n/* Selected Tags */\n.vs__selected {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  color: #333;\n  line-height: 1.8;\n  z-index: 0;\n}\n[dir] .vs__selected {\n  background-color: #7367f0;\n  border: 0 solid rgba(60, 60, 60, 0.26);\n  border-radius: 0.357rem;\n  margin: 4px 2px 0px 2px;\n  padding: 0 0.25em;\n}\n.vs__deselect {\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  fill: rgba(60, 60, 60, 0.5);\n}\n[dir] .vs__deselect {\n  padding: 0;\n  border: 0;\n  cursor: pointer;\n  background: none;\n  text-shadow: 0 1px 0 #fff;\n}\n[dir=ltr] .vs__deselect {\n  margin-left: 4px;\n}\n[dir=rtl] .vs__deselect {\n  margin-right: 4px;\n}\n\n/* States */\n[dir] .vs--single .vs__selected {\n  background-color: transparent;\n  border-color: transparent;\n}\n.vs--single.vs--open .vs__selected {\n  position: absolute;\n  opacity: 0.4;\n}\n.vs--single.vs--searching .vs__selected {\n  display: none;\n}\n\n/* Search Input */\n/**\n * Super weird bug... If this declaration is grouped\n * below, the cancel button will still appear in chrome.\n * If it's up here on it's own, it'll hide it.\n */\n.vs__search::-webkit-search-cancel-button {\n  display: none;\n}\n.vs__search::-webkit-search-decoration,\n.vs__search::-webkit-search-results-button,\n.vs__search::-webkit-search-results-decoration,\n.vs__search::-ms-clear {\n  display: none;\n}\n.vs__search,\n.vs__search:focus {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  line-height: 1.8;\n  font-size: 1em;\n  outline: none;\n  -webkit-box-shadow: none;\n  width: 0;\n  max-width: 100%;\n  -webkit-box-flex: 1;\n      -ms-flex-positive: 1;\n          flex-grow: 1;\n  z-index: 1;\n}\n[dir] .vs__search, [dir] .vs__search:focus {\n  border: 1px solid transparent;\n  margin: 4px 0 0 0;\n  padding: 0 7px;\n  background: none;\n          -webkit-box-shadow: none;\n                  box-shadow: none;\n}\n[dir=ltr] .vs__search, [dir=ltr] .vs__search:focus {\n  border-left: none;\n}\n[dir=rtl] .vs__search, [dir=rtl] .vs__search:focus {\n  border-right: none;\n}\n.vs__search::-webkit-input-placeholder {\n  color: #6e6b7b;\n}\n.vs__search::-moz-placeholder {\n  color: #6e6b7b;\n}\n.vs__search:-ms-input-placeholder {\n  color: #6e6b7b;\n}\n.vs__search::-ms-input-placeholder {\n  color: #6e6b7b;\n}\n.vs__search::placeholder {\n  color: #6e6b7b;\n}\n\n/**\n    States\n */\n.vs--unsearchable .vs__search {\n  opacity: 1;\n}\n[dir] .vs--unsearchable:not(.vs--disabled) .vs__search:hover {\n  cursor: pointer;\n}\n.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {\n  opacity: 0.2;\n}\n\n/* Loading Spinner */\n.vs__spinner {\n  -ms-flex-item-align: center;\n      align-self: center;\n  opacity: 0;\n  font-size: 5px;\n  text-indent: -9999em;\n  overflow: hidden;\n  -webkit-transform: translateZ(0);\n  -webkit-transition: opacity 0.1s;\n  transition: opacity 0.1s;\n}\n[dir] .vs__spinner {\n  border-top: 0.9em solid rgba(100, 100, 100, 0.1);\n  border-bottom: 0.9em solid rgba(100, 100, 100, 0.1);\n          -webkit-transform: translateZ(0);\n                  transform: translateZ(0);\n  -webkit-transition: opacity 0.1s;\n}\n[dir=ltr] .vs__spinner {\n  border-right: 0.9em solid rgba(100, 100, 100, 0.1);\n  border-left: 0.9em solid rgba(60, 60, 60, 0.45);\n  -webkit-animation:  vSelectSpinner-ltr 1.1s infinite linear;\n  animation:  vSelectSpinner-ltr 1.1s infinite linear;\n}\n[dir=rtl] .vs__spinner {\n  border-left: 0.9em solid rgba(100, 100, 100, 0.1);\n  border-right: 0.9em solid rgba(60, 60, 60, 0.45);\n  -webkit-animation:  vSelectSpinner-rtl 1.1s infinite linear;\n          animation:  vSelectSpinner-rtl 1.1s infinite linear;\n}\n.vs__spinner,\n.vs__spinner:after {\n  width: 5em;\n  height: 5em;\n}\n[dir] .vs__spinner, [dir] .vs__spinner:after {\n  border-radius: 50%;\n}\n\n/* Loading Spinner States */\n.vs--loading .vs__spinner {\n  opacity: 1;\n}\n.vs__open-indicator {\n  fill: none;\n}\n[dir] .vs__open-indicator {\n  margin-top: 0.15rem;\n}\n.vs__dropdown-toggle {\n  -webkit-transition: all 0.25s ease-in-out;\n  transition: all 0.25s ease-in-out;\n}\n[dir] .vs__dropdown-toggle {\n  padding: 0.59px 0 4px 0;\n  -webkit-transition: all 0.25s ease-in-out;\n}\n[dir=ltr] .vs--single .vs__dropdown-toggle {\n  padding-left: 6px;\n}\n[dir=rtl] .vs--single .vs__dropdown-toggle {\n  padding-right: 6px;\n}\n.vs__dropdown-option--disabled {\n  opacity: 0.5;\n}\n[dir] .vs__dropdown-option--disabled.vs__dropdown-option--selected {\n  background: #7367f0 !important;\n}\n.vs__dropdown-option {\n  color: #6e6b7b;\n}\n[dir] .vs__dropdown-option, [dir] .vs__no-options {\n  padding: 7px 20px;\n}\n.vs__dropdown-option--selected {\n  background-color: #7367f0;\n  color: #fff;\n  position: relative;\n}\n.vs__dropdown-option--selected::after {\n  content: \"\";\n  height: 1.1rem;\n  width: 1.1rem;\n  display: inline-block;\n  position: absolute;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n          transform: translateY(-50%);\n  right: 20px;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: 1.1rem;\n}\n[dir=rtl] .vs__dropdown-option--selected::after {\n  left: 20px;\n  right: unset;\n}\n.vs__dropdown-option--selected.vs__dropdown-option--highlight {\n  color: #fff !important;\n  background-color: #7367f0 !important;\n}\n.vs__clear svg {\n  color: #6e6b7b;\n}\n.vs__selected {\n  color: #fff;\n}\n.v-select.vs--single .vs__selected {\n  color: #6e6b7b;\n  transition: -webkit-transform 0.2s ease;\n  -webkit-transition: -webkit-transform 0.2s ease;\n  transition: transform 0.2s ease;\n  transition: transform 0.2s ease, -webkit-transform 0.2s ease;\n}\n[dir] .v-select.vs--single .vs__selected {\n  margin-top: 5px;\n  -webkit-transition: -webkit-transform 0.2s ease;\n}\n[dir=ltr] .v-select.vs--single .vs__selected input {\n  padding-left: 0;\n}\n[dir=rtl] .v-select.vs--single .vs__selected input {\n  padding-right: 0;\n}\n[dir=ltr] .vs--single.vs--open .vs__selected {\n  -webkit-transform: translateX(5px);\n  transform: translateX(5px);\n}\n[dir=rtl] .vs--single.vs--open .vs__selected {\n  -webkit-transform: translateX(-5px);\n          transform: translateX(-5px);\n}\n.vs__selected .vs__deselect {\n  color: inherit;\n}\n.v-select:not(.vs--single) .vs__selected {\n  font-size: 0.9rem;\n}\n[dir] .v-select:not(.vs--single) .vs__selected {\n  border-radius: 3px;\n  padding: 0 0.6em;\n}\n[dir=ltr] .v-select:not(.vs--single) .vs__selected {\n  margin: 5px 2px 2px 5px;\n}\n[dir=rtl] .v-select:not(.vs--single) .vs__selected {\n  margin: 5px 5px 2px 2px;\n}\n.v-select:not(.vs--single) .vs__deselect svg {\n  -webkit-transform: scale(0.8);\n  vertical-align: text-top;\n}\n[dir] .v-select:not(.vs--single) .vs__deselect svg {\n          -webkit-transform: scale(0.8);\n                  transform: scale(0.8);\n}\n.vs__dropdown-menu {\n  top: calc(100% + 1rem);\n}\n[dir] .vs__dropdown-menu {\n  border: none;\n  border-radius: 6px;\n  padding: 0;\n}\n.vs--open .vs__dropdown-toggle {\n  -webkit-box-shadow: 0 3px 10px 0 rgba(34, 41, 47, 0.1);\n}\n[dir] .vs--open .vs__dropdown-toggle {\n  border-color: #7367f0;\n  border-bottom-color: #7367f0;\n          -webkit-box-shadow: 0 3px 10px 0 rgba(34, 41, 47, 0.1);\n                  box-shadow: 0 3px 10px 0 rgba(34, 41, 47, 0.1);\n}\n[dir=ltr] .vs--open .vs__dropdown-toggle {\n  border-bottom-left-radius: 0.357rem;\n  border-bottom-right-radius: 0.357rem;\n}\n[dir=rtl] .vs--open .vs__dropdown-toggle {\n  border-bottom-right-radius: 0.357rem;\n  border-bottom-left-radius: 0.357rem;\n}\n.select-size-lg .vs__selected {\n  font-size: 1rem !important;\n}\n[dir] .select-size-lg.vs--single.vs--open .vs__selected {\n  margin-top: 6px;\n}\n.select-size-lg .vs__dropdown-toggle,\n.select-size-lg .vs__selected {\n  font-size: 1.25rem;\n}\n[dir] .select-size-lg .vs__dropdown-toggle {\n  padding: 5px;\n}\n[dir] .select-size-lg .vs__dropdown-toggle input {\n  margin-top: 0;\n}\n.select-size-lg .vs__deselect svg {\n  -webkit-transform: scale(1) !important;\n  vertical-align: middle !important;\n}\n[dir] .select-size-lg .vs__deselect svg {\n          -webkit-transform: scale(1) !important;\n                  transform: scale(1) !important;\n}\n[dir] .select-size-sm .vs__dropdown-toggle {\n  padding-bottom: 0;\n  padding: 1px;\n}\n[dir] .select-size-sm.vs--single .vs__dropdown-toggle {\n  padding: 2px;\n}\n.select-size-sm .vs__dropdown-toggle,\n.select-size-sm .vs__selected {\n  font-size: 0.9rem;\n}\n[dir] .select-size-sm .vs__actions {\n  padding-top: 2px;\n  padding-bottom: 2px;\n}\n.select-size-sm .vs__deselect svg {\n  vertical-align: middle !important;\n}\n[dir] .select-size-sm .vs__search {\n  margin-top: 0;\n}\n.select-size-sm.v-select .vs__selected {\n  font-size: 0.75rem;\n}\n[dir] .select-size-sm.v-select .vs__selected {\n  padding: 0 0.3rem;\n}\n[dir] .select-size-sm.v-select:not(.vs--single) .vs__selected {\n  margin: 4px 5px;\n}\n[dir] .select-size-sm.v-select.vs--single .vs__selected {\n  margin-top: 1px;\n}\n[dir] .select-size-sm.vs--single.vs--open .vs__selected {\n  margin-top: 4px;\n}\n.dark-layout .vs__dropdown-toggle {\n  color: #b4b7bd;\n}\n[dir] .dark-layout .vs__dropdown-toggle {\n  background: #283046;\n  border-color: #404656;\n}\n.dark-layout .vs__selected-options input {\n  color: #b4b7bd;\n}\n.dark-layout .vs__selected-options input::-webkit-input-placeholder {\n  color: #676d7d;\n}\n.dark-layout .vs__selected-options input::-moz-placeholder {\n  color: #676d7d;\n}\n.dark-layout .vs__selected-options input:-ms-input-placeholder {\n  color: #676d7d;\n}\n.dark-layout .vs__selected-options input::-ms-input-placeholder {\n  color: #676d7d;\n}\n.dark-layout .vs__selected-options input::placeholder {\n  color: #676d7d;\n}\n.dark-layout .vs__actions svg {\n  fill: #404656;\n}\n[dir] .dark-layout .vs__dropdown-menu {\n  background: #283046;\n}\n.dark-layout .vs__dropdown-menu li {\n  color: #b4b7bd;\n}\n.dark-layout .v-select:not(.vs--single) .vs__selected {\n  color: #7367f0;\n}\n[dir] .dark-layout .v-select:not(.vs--single) .vs__selected {\n  background-color: rgba(115, 103, 240, 0.12);\n}\n.dark-layout .v-select.vs--single .vs__selected {\n  color: #b4b7bd !important;\n}\n.dark-layout .vs--disabled .vs__dropdown-toggle,\n.dark-layout .vs--disabled .vs__clear,\n.dark-layout .vs--disabled .vs__search,\n.dark-layout .vs--disabled .vs__selected,\n.dark-layout .vs--disabled .vs__open-indicator {\n  opacity: 0.5;\n}\n[dir] .dark-layout .vs--disabled .vs__dropdown-toggle, [dir] .dark-layout .vs--disabled .vs__clear, [dir] .dark-layout .vs--disabled .vs__search, [dir] .dark-layout .vs--disabled .vs__selected, [dir] .dark-layout .vs--disabled .vs__open-indicator {\n  background-color: #283046;\n}", ""]);

// exports


/***/ }),

/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=style&index=1&lang=css&":
/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=style&index=1&lang=css& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
// imports


// module
exports.push([module.i, "\n.main-menu .navbar-header .navbar-brand .brand-logo img {\r\n  max-width: 115px !important;\n}\n[dir] .main-menu .navbar-header .navbar-brand{\r\n  margin: 3px auto !important;\n}\n.main-menu .navbar-header .navbar-brand .brand-text {\r\n  /*font-size: 1rem !important;*/\n}\n[dir=ltr] .main-menu .navbar-header .navbar-brand .brand-text {\r\n  padding-left: 7px !important;\n}\n[dir=rtl] .main-menu .navbar-header .navbar-brand .brand-text {\r\n  padding-right: 7px !important;\n}\n.main-menu .navbar-header .navbar-brand .brand-text {\r\n  color: #f4bc33 !important;\r\n  font-weight: 600;\r\n  letter-spacing: 0.01rem;\r\n  /*font-size: 1.45rem;*/\n}\n.nav-pills .nav-link.active {\r\n    -webkit-box-shadow: 0 4px 18px -4px rgb(243 187 55) !important;\n}\n[dir] .nav-pills .nav-link.active {\r\n    border-color: #ff9f43 !important;\r\n    -webkit-box-shadow: 0 4px 18px -4px rgb(115 103 240 / 65%) !important;\r\n            box-shadow: 0 4px 18px -4px rgb(115 103 240 / 65%) !important;\n}\n.nav-pills .nav-link.active, [dir] .nav-pills .show > .nav-link {\r\n    background-color: #f39c41 !important;\n}\n[dir] .customizer .customizer-toggle {\r\n    background: #f39c41 !important;\n}\na {\r\n    color: #ff9f43;\n}\n[dir] .btn-primary {\r\n    border-color: #f39c41 !important;\r\n    background-color: #f39c41 !important;\n}\n[dir=ltr] .main-menu.menu-dark .navigation > li.active > a {\r\n  background: linear-gradient(\r\n118deg\r\n, #e8b231, rgb(243 156 65));\n}\n[dir=rtl] .main-menu.menu-dark .navigation > li.active > a {\r\n    background: linear-gradient(\r\n-118deg\r\n, #e8b231, rgb(243 156 65));\n}\n.main-menu.menu-dark .navigation > li.active > a {\r\n    -webkit-box-shadow: 0 0 10px 1px rgb(40 48 70);\n}\n[dir] .main-menu.menu-dark .navigation > li.active > a {\r\n    -webkit-box-shadow: 0 0 10px 1px rgb(40 48 70);\r\n            box-shadow: 0 0 10px 1px rgb(40 48 70);\r\n    border-radius: 4px;\n}\n[dir] .page-item.active .page-link {\r\n    border-color: #ff9f43;\r\n    background-color: #ff9f43;\n}\n[dir] .page-item.next-item .page-link:active, [dir] .page-item.next-item .page-link:hover {\r\n    background-color: #ff9f43 !important;\n}\n.btn-primary:focus, [dir] .btn-primary:active, [dir] .btn-primary.active {\r\n    background-color: #f39c41 !important;\n}\n[dir] .badge-primary {\r\n    background-color: #f39c41;\n}\n[dir] .cardHeader{\r\n    background-color: #f4bc33;\n}\n.headCont{\r\n    display: -webkit-box;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    -webkit-box-pack: justify;\r\n        -ms-flex-pack: justify;\r\n            justify-content: space-between;\r\n    -webkit-box-align: center;\r\n        -ms-flex-align: center;\r\n            align-items: center;\n}\n.cardHeader.card .card-header{\r\n    display: none !important;\n}\n.group-area{\r\n    -webkit-box-pack: justify;\r\n        -ms-flex-pack: justify;\r\n            justify-content: space-between;\r\n    -webkit-box-align: center;\r\n        -ms-flex-align: center;\r\n            align-items: center;\n}\n[dir] .group-area{\r\n    background-color: #f4bc33;\r\n    padding: 8px 12px;\n}\n.match-height.displayFlex{\r\n    display: -webkit-box;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    -webkit-box-pack: justify;\r\n        -ms-flex-pack: justify;\r\n            justify-content: space-between;\r\n    -webkit-box-align: start;\r\n        -ms-flex-align: start;\r\n            align-items: flex-start;\r\n    -webkit-box-flex: 1;\r\n        -ms-flex: 1 1 auto;\r\n            flex: 1 1 auto;\n}\n.group-area.headCont h4{\r\n    color: white;\r\n    font-size: 16px;\n}\n[dir] .group-area.headCont h4{\r\n    margin-bottom: 0;\n}\n.bgTransparent.card{\r\n        -webkit-box-shadow: none;\n}\n[dir] .bgTransparent.card{\r\n    background-color: transparent;\r\n    -webkit-box-shadow: none;\r\n            box-shadow: none;\r\n    -webkit-transition: none;\n}\n.transaction-title{\r\n    font-size: 15px;\r\n    font-weight: bold;\n}\n.rightDetai.text-info, .rightDetai.text-success, .rightDetai.text-primary{\r\n    /*font-size: 13px;*/\r\n    color: #000 !important;\n}\n[dir] .transaction-item.paymentCont{\r\n    margin-bottom: .7em;\n}\n.card-transaction.activityDetail .transaction-item .activityCont{\r\n    display: -webkit-box;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    -webkit-box-pack: justify;\r\n        -ms-flex-pack: justify;\r\n            justify-content: space-between;\r\n    -webkit-box-align: center;\r\n        -ms-flex-align: center;\r\n            align-items: center;\n}\n.card-transaction.cardFullwidth{\r\n    width: 100%;\n}\n.card-transaction.widthAuto{\r\n    width: auto;\n}\n.transaction-item .transaction-title {\r\n    /*font-size: 13px;*/\r\n    font-weight: 600;\n}\n.card .card-header .card-title {\r\n    font-weight: bold;\n}\n[dir] .card .card-header .card-title {\r\n    margin-bottom: 0;\n}\n.card-transaction.vehicleDetail .transaction-item{\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n      -ms-flex-direction: column;\r\n          flex-direction: column;\r\n  -webkit-box-pack: start;\r\n      -ms-flex-pack: start;\r\n          justify-content: flex-start;\r\n  -webkit-box-align: start;\r\n      -ms-flex-align: start;\r\n          align-items: flex-start;\n}\n.card-transaction.vehicleDetail .card-body{\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-pack: justify;\r\n      -ms-flex-pack: justify;\r\n          justify-content: space-between;\n}\n.card-transaction.custDetail .transaction-item{\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n      -ms-flex-direction: column;\r\n          flex-direction: column;\r\n  -webkit-box-pack: start;\r\n      -ms-flex-pack: start;\r\n          justify-content: flex-start;\r\n  -webkit-box-align: start;\r\n      -ms-flex-align: start;\r\n          align-items: flex-start;\n}\n[dir] .card-transaction.custDetail .transaction-item{\r\n  margin-bottom: 3px !important;\n}\n.card-transaction.custDetail .card-body{\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-pack: justify;\r\n      -ms-flex-pack: justify;\r\n          justify-content: space-between;\n}\n.card.card-transaction.vehicleDetail{\r\n    /* width: 67%; */\n}\n[dir] .card.card-transaction.vehicleDetail{\r\n    margin-bottom: 20px;\n}\n.card.card-transaction.custDetail{\r\n  /* width: 32%; */\n}\n[dir] .card.card-transaction.custDetail{\r\n    margin-bottom: 20px;\n}\n.displayFlex{\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-pack: justify;\r\n      -ms-flex-pack: justify;\r\n          justify-content: space-between;\r\n  -webkit-box-align: start;\r\n      -ms-flex-align: start;\r\n          align-items: flex-start;\r\n  -webkit-box-orient: horizontal !important;\r\n  -webkit-box-direction: normal !important;\r\n      -ms-flex-direction: row !important;\r\n          flex-direction: row !important;\n}\n.displayFlex.col{\r\n  -webkit-box-orient: horizontal !important;\r\n  -webkit-box-direction: normal !important;\r\n      -ms-flex-flow: row !important;\r\n          flex-flow: row !important;\n}\n[dir=ltr] .displayFlex.col, [dir=ltr] .displayFlexCol.col{\r\n  padding-left: 0;\r\n  padding-right: 0;\n}\n[dir=rtl] .displayFlex.col, [dir=rtl] .displayFlexCol.col{\r\n  padding-right: 0;\r\n  padding-left: 0;\n}\n.card-transaction.custDetail .card-body{\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n    -webkit-box-orient: vertical;\r\n    -webkit-box-direction: normal;\r\n        -ms-flex-direction: column;\r\n            flex-direction: column;\r\n    -webkit-box-pack: start;\r\n        -ms-flex-pack: start;\r\n            justify-content: flex-start;\r\n    -webkit-box-align: start;\r\n        -ms-flex-align: start;\r\n            align-items: flex-start;\n}\n.displayFlexCol{\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n    -webkit-box-orient: vertical;\r\n    -webkit-box-direction: normal;\r\n        -ms-flex-direction: column;\r\n            flex-direction: column;\r\n    -webkit-box-pack: justify;\r\n        -ms-flex-pack: justify;\r\n            justify-content: space-between;\r\n    width: 70%;\n}\n.displayFlexColright{\r\n  width: 18%;\r\n  max-width: 30% !important;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n      -ms-flex-direction: column;\r\n          flex-direction: column;\r\n  -webkit-box-pack: justify;\r\n      -ms-flex-pack: justify;\r\n          justify-content: space-between;\n}\n[dir] .card-transaction.driverDetail{\r\n  margin-bottom:20px !important;\n}\n.card-transaction.driverDetail .transaction-item{\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-pack: justify;\r\n      -ms-flex-pack: justify;\r\n          justify-content: space-between;\r\n  -webkit-box-align: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\n}\n[dir] .card-transaction.driverDetail .transaction-item{\r\n  margin-bottom: 3px !important;\n}\n[dir] .card-transaction.activityDetail{\r\n  margin-bottom:20px !important;\n}\n.card-transaction.activityDetail .transaction-item{\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n      -ms-flex-direction: column;\r\n          flex-direction: column;\r\n  -webkit-box-pack: start;\r\n      -ms-flex-pack: start;\r\n          justify-content: flex-start;\r\n  -webkit-box-align: start;\r\n      -ms-flex-align: start;\r\n          align-items: flex-start;\n}\n[dir] .card-transaction.activityDetail .transaction-item{\r\n  margin-bottom: 3px !important;\r\n  border-bottom: 1px solid #d8d6de;\r\n  padding-bottom:8px;\n}\n.verticalPill .nav-pills .nav-link {\r\n    -webkit-box-pack: start;\r\n        -ms-flex-pack: start;\r\n            justify-content: flex-start;\n}\n[dir=ltr] .verticalPill .col-auto{\r\n  border-right: 1px solid #d8d6de;\n}\n[dir=rtl] .verticalPill .col-auto{\r\n  border-left: 1px solid #d8d6de;\n}\n[dir] .b-1{\r\n  border: 1px solid #d8d6de;\n}\n[dir=ltr] .alignRight{\r\n  float: right ;\n}\n[dir=rtl] .alignRight{\r\n  float: left ;\n}\n.wdth-100{\r\n  width: 100%;\n}\n.card-transaction .transaction-item.frontDetail{\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n    -webkit-box-orient: vertical;\r\n    -webkit-box-direction: normal;\r\n        -ms-flex-direction: column;\r\n            flex-direction: column;\r\n    -webkit-box-pack: start;\r\n        -ms-flex-pack: start;\r\n            justify-content: flex-start;\r\n    -webkit-box-align: start;\r\n        -ms-flex-align: start;\r\n            align-items: flex-start;\n}\n.dragDrop{\r\n      display: -webkit-box;\r\n      display: -ms-flexbox;\r\n      display: flex;\r\n    -webkit-box-pack: center;\r\n        -ms-flex-pack: center;\r\n            justify-content: center;\n}\n[dir] .dragDrop{\r\n    border: 1px solid #dedede;\r\n    margin-bottom: 0;\r\n    padding: 50px;\n}\n[dir] .dragDrop p{\r\n  text-align: center;\r\n  margin-bottom: 0;\n}\n[dir=ltr] .dragDrop p{\r\n  padding-left: 20px;\r\n  padding-right: 20px;\n}\n[dir=rtl] .dragDrop p{\r\n  padding-right: 20px;\r\n  padding-left: 20px;\n}\n[dir] .verticalPill .tab-content{\r\n  border-top: 1px solid #dedede;\r\n    padding-top: 15px;\n}\n[dir] #description-list-alignment .card{\r\n      border: 0.25px solid #ff9f43 !important;\n}\r\n", ""]);

// exports


/***/ }),

/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/inventory/inventory-list/customerInformation.vue?vue&type=style&index=0&lang=css&":
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/inventory/inventory-list/customerInformation.vue?vue&type=style&index=0&lang=css& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
// imports


// module
exports.push([module.i, "\n.icon-code{\n  display: none;\n}\n", ""]);

// exports


/***/ }),

/***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/inventory/inventory-list/customerInformationEdit.vue?vue&type=style&index=0&lang=css&":
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/inventory/inventory-list/customerInformationEdit.vue?vue&type=style&index=0&lang=css& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
// imports


// module
exports.push([module.i, "\n.icon-code{\n  display: none;\n}\n", ""]);

// exports


/***/ }),

/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=style&index=0&lang=scss&":
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** ./node_modules/style-loader!./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--7-2!./node_modules/sass-loader/dist/cjs.js??ref--7-3!./node_modules/sass-loader/dist/cjs.js??ref--11-0!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=style&index=0&lang=scss& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {


var content = __webpack_require__(/*! !../../../../../node_modules/css-loader!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--7-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--7-3!../../../../../node_modules/sass-loader/dist/cjs.js??ref--11-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./InventoryView.vue?vue&type=style&index=0&lang=scss& */ "./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=style&index=0&lang=scss&");

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(/*! ../../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}

/***/ }),

/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=style&index=1&lang=css&":
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=style&index=1&lang=css& ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {


var content = __webpack_require__(/*! !../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--6-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./InventoryView.vue?vue&type=style&index=1&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=style&index=1&lang=css&");

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(/*! ../../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}

/***/ }),

/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/inventory/inventory-list/customerInformation.vue?vue&type=style&index=0&lang=css&":
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/inventory/inventory-list/customerInformation.vue?vue&type=style&index=0&lang=css& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {


var content = __webpack_require__(/*! !../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--6-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./customerInformation.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/inventory/inventory-list/customerInformation.vue?vue&type=style&index=0&lang=css&");

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(/*! ../../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}

/***/ }),

/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/inventory/inventory-list/customerInformationEdit.vue?vue&type=style&index=0&lang=css&":
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/inventory/inventory-list/customerInformationEdit.vue?vue&type=style&index=0&lang=css& ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {


var content = __webpack_require__(/*! !../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--6-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./customerInformationEdit.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/inventory/inventory-list/customerInformationEdit.vue?vue&type=style&index=0&lang=css&");

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(/*! ../../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}

/***/ }),

/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=template&id=de2e0d02&":
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=template&id=de2e0d02& ***!
  \************************************************************************************************************************************************************************************************************************************/
/*! exports provided: render, staticRenderFns */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
var render = function() {
  var _vm = this
  var _h = _vm.$createElement
  var _c = _vm._self._c || _h
  return _c(
    "b-card",
    {
      staticClass: "bgTransparent",
      attrs: { title: "" },
      scopedSlots: _vm._u([
        {
          key: "code",
          fn: function() {
            return [
              _vm._v(
                "\n      " +
                  _vm._s(_vm.codeMultiple) +
                  "\n      " +
                  _vm._s(_vm.codePrevent) +
                  "\n      " +
                  _vm._s(_vm.codeBasic) +
                  "\n      " +
                  _vm._s(_vm.codeDefault) +
                  "\n\n      " +
                  _vm._s(_vm.codeVertical) +
                  "\n      " +
                  _vm._s(_vm.codePlacement) +
                  "\n    "
              )
            ]
          },
          proxy: true
        }
      ])
    },
    [
      _c(
        "section",
        { attrs: { id: "description-list-alignment" } },
        [
          _c(
            "b-row",
            { staticClass: "match-height" },
            [
              _c(
                "b-col",
                { staticClass: "displayFlex" },
                [
                  _c(
                    "b-col",
                    { staticClass: "displayFlexCol" },
                    [
                      _c(
                        "b-card",
                        {
                          staticClass: "card-transaction vehicleDetail",
                          attrs: { "no-body": "" }
                        },
                        [
                          _c(
                            "b-card-body",
                            [
                              _c(
                                "b-row",
                                [
                                  _c(
                                    "b-col",
                                    {
                                      staticClass:
                                        "d-flex justify-content-between flex-column",
                                      attrs: { cols: "21", xl: "8" }
                                    },
                                    [
                                      _c(
                                        "div",
                                        {
                                          staticClass:
                                            "d-flex justify-content-start"
                                        },
                                        [
                                          _c("b-avatar", {
                                            attrs: {
                                              size: "104px",
                                              rounded: ""
                                            }
                                          }),
                                          _vm._v(" "),
                                          _c(
                                            "div",
                                            {
                                              staticClass:
                                                "d-flex flex-column ml-1",
                                              on: { mouseover: _vm.mouseOver }
                                            },
                                            [
                                              _c(
                                                "div",
                                                { staticClass: "mb-1" },
                                                [
                                                  _c(
                                                    "h6",
                                                    { staticClass: "mb-0" },
                                                    [
                                                      _vm._v(
                                                        "\n                                  5GAEV23718J129013\n                                  "
                                                      ),
                                                      _c("feather-icon", {
                                                        directives: [
                                                          {
                                                            name: "ripple",
                                                            rawName:
                                                              "v-ripple.400",
                                                            value:
                                                              "rgba(113, 102, 240, 0.15)",
                                                            expression:
                                                              "'rgba(113, 102, 240, 0.15)'",
                                                            modifiers: {
                                                              "400": true
                                                            }
                                                          },
                                                          {
                                                            name: "b-toggle",
                                                            rawName:
                                                              "v-b-toggle.customer-right",
                                                            modifiers: {
                                                              "customer-right": true
                                                            }
                                                          },
                                                          {
                                                            name: "show",
                                                            rawName: "v-show",
                                                            value:
                                                              _vm.vehicleeditactive,
                                                            expression:
                                                              "vehicleeditactive"
                                                          }
                                                        ],
                                                        staticClass:
                                                          "cursor-pointer",
                                                        attrs: {
                                                          icon: "EditIcon",
                                                          size: "18",
                                                          variant:
                                                            "outline-primary"
                                                        }
                                                      })
                                                    ],
                                                    1
                                                  ),
                                                  _vm._v(" "),
                                                  _c(
                                                    "span",
                                                    {
                                                      staticClass: "card-text"
                                                    },
                                                    [
                                                      _vm._v(
                                                        "2008 Buick Enclave CXL AWD"
                                                      )
                                                    ]
                                                  )
                                                ]
                                              )
                                            ]
                                          )
                                        ],
                                        1
                                      )
                                    ]
                                  ),
                                  _vm._v(" "),
                                  _c(
                                    "b-col",
                                    { attrs: { cols: "12", xl: "4" } },
                                    [
                                      _c(
                                        "table",
                                        { staticClass: "mt-2 mt-xl-0 w-100" },
                                        [
                                          _c("tr", [
                                            _c(
                                              "th",
                                              { staticClass: "pb-50" },
                                              [
                                                _c("feather-icon", {
                                                  staticClass: "mr-75",
                                                  attrs: { icon: "BoxIcon" }
                                                }),
                                                _vm._v(" "),
                                                _c(
                                                  "span",
                                                  {
                                                    staticClass:
                                                      "font-weight-bold"
                                                  },
                                                  [_vm._v("500 x 300 x 200")]
                                                )
                                              ],
                                              1
                                            )
                                          ]),
                                          _vm._v(" "),
                                          _c("tr", [
                                            _c(
                                              "th",
                                              { staticClass: "pb-50" },
                                              [
                                                _c("feather-icon", {
                                                  staticClass: "mr-75",
                                                  attrs: {
                                                    icon: "DatabaseIcon"
                                                  }
                                                }),
                                                _vm._v(" "),
                                                _c(
                                                  "span",
                                                  {
                                                    staticClass:
                                                      "font-weight-bold"
                                                  },
                                                  [_vm._v("4000")]
                                                )
                                              ],
                                              1
                                            )
                                          ]),
                                          _vm._v(" "),
                                          _c("tr", [
                                            _c(
                                              "th",
                                              { staticClass: "pb-50" },
                                              [
                                                _c("feather-icon", {
                                                  staticClass: "mr-75",
                                                  attrs: {
                                                    icon: "CodesandboxIcon"
                                                  }
                                                }),
                                                _vm._v(" "),
                                                _c(
                                                  "span",
                                                  {
                                                    staticClass:
                                                      "font-weight-bold"
                                                  },
                                                  [_vm._v("Non-Runner")]
                                                )
                                              ],
                                              1
                                            )
                                          ]),
                                          _vm._v(" "),
                                          _c("tr", [
                                            _c(
                                              "th",
                                              { staticClass: "pb-50" },
                                              [
                                                _c("feather-icon", {
                                                  staticClass: "mr-75",
                                                  attrs: { icon: "KeyIcon" }
                                                }),
                                                _vm._v(" "),
                                                _c(
                                                  "span",
                                                  {
                                                    staticClass:
                                                      "font-weight-bold"
                                                  },
                                                  [_vm._v("Yes")]
                                                )
                                              ],
                                              1
                                            )
                                          ]),
                                          _vm._v(" "),
                                          _c("tr", [
                                            _c(
                                              "th",
                                              [
                                                _c("feather-icon", {
                                                  staticClass: "mr-75",
                                                  attrs: {
                                                    icon: "AlignLeftIcon"
                                                  }
                                                }),
                                                _vm._v(" "),
                                                _c(
                                                  "span",
                                                  {
                                                    staticClass:
                                                      "font-weight-bold"
                                                  },
                                                  [_vm._v("No")]
                                                )
                                              ],
                                              1
                                            )
                                          ])
                                        ]
                                      )
                                    ]
                                  ),
                                  _vm._v(" "),
                                  _c(
                                    "b-col",
                                    {
                                      staticClass:
                                        "d-flex justify-content-between flex-column",
                                      attrs: { cols: "33", xl: "12" }
                                    },
                                    [
                                      _c(
                                        "div",
                                        {
                                          staticClass:
                                            "d-flex align-items-center mt-2"
                                        },
                                        [
                                          _c(
                                            "div",
                                            {
                                              staticClass:
                                                "d-flex align-items-center mr-2"
                                            },
                                            [
                                              _c(
                                                "b-avatar",
                                                {
                                                  attrs: {
                                                    variant: "light-primary",
                                                    rounded: ""
                                                  }
                                                },
                                                [
                                                  _c("feather-icon", {
                                                    attrs: {
                                                      icon: "WatchIcon",
                                                      size: "18"
                                                    }
                                                  })
                                                ],
                                                1
                                              ),
                                              _vm._v(" "),
                                              _c(
                                                "div",
                                                { staticClass: "ml-1" },
                                                [
                                                  _c(
                                                    "h5",
                                                    { staticClass: "mb-0" },
                                                    [
                                                      _vm._v(
                                                        "\n                                  13\n                                "
                                                      )
                                                    ]
                                                  ),
                                                  _vm._v(" "),
                                                  _c("small", [
                                                    _vm._v("Storage")
                                                  ])
                                                ]
                                              )
                                            ],
                                            1
                                          ),
                                          _vm._v(" "),
                                          _c(
                                            "div",
                                            {
                                              staticClass:
                                                "d-flex align-items-center mr-2"
                                            },
                                            [
                                              _c(
                                                "b-avatar",
                                                {
                                                  attrs: {
                                                    variant: "light-primary",
                                                    rounded: ""
                                                  }
                                                },
                                                [
                                                  _c("feather-icon", {
                                                    attrs: {
                                                      icon: "DollarSignIcon",
                                                      size: "18"
                                                    }
                                                  })
                                                ],
                                                1
                                              ),
                                              _vm._v(" "),
                                              _c(
                                                "div",
                                                { staticClass: "ml-1" },
                                                [
                                                  _c(
                                                    "h5",
                                                    { staticClass: "mb-0" },
                                                    [
                                                      _vm._v(
                                                        "\n                                  21.5k\n                                "
                                                      )
                                                    ]
                                                  ),
                                                  _vm._v(" "),
                                                  _c("small", [_vm._v("Open")])
                                                ]
                                              )
                                            ],
                                            1
                                          ),
                                          _vm._v(" "),
                                          _c(
                                            "div",
                                            {
                                              staticClass:
                                                "d-flex align-items-center mr-2"
                                            },
                                            [
                                              _c(
                                                "b-avatar",
                                                {
                                                  attrs: {
                                                    variant: "light-primary",
                                                    rounded: ""
                                                  }
                                                },
                                                [
                                                  _c("feather-icon", {
                                                    attrs: {
                                                      icon: "DollarSignIcon",
                                                      size: "18"
                                                    }
                                                  })
                                                ],
                                                1
                                              ),
                                              _vm._v(" "),
                                              _c(
                                                "div",
                                                { staticClass: "ml-1" },
                                                [
                                                  _c(
                                                    "h5",
                                                    { staticClass: "mb-0" },
                                                    [
                                                      _vm._v(
                                                        "\n                                  3.5k\n                                "
                                                      )
                                                    ]
                                                  ),
                                                  _vm._v(" "),
                                                  _c("small", [
                                                    _vm._v("Remaining Balance")
                                                  ])
                                                ]
                                              )
                                            ],
                                            1
                                          )
                                        ]
                                      )
                                    ]
                                  )
                                ],
                                1
                              )
                            ],
                            1
                          )
                        ],
                        1
                      ),
                      _vm._v(" "),
                      _c(
                        "b-card",
                        {
                          staticClass: "card-transaction ",
                          attrs: { "no-body": "" }
                        },
                        [
                          _c(
                            "b-card-header",
                            [_c("b-card-title", [_vm._v(" Inspection")])],
                            1
                          ),
                          _vm._v(" "),
                          _c("b-card-body", [
                            _c("img", {
                              staticStyle: { width: "100%" },
                              attrs: {
                                src:
                                  "http://twic-terminal.com/inventory_image.png"
                              }
                            })
                          ])
                        ],
                        1
                      ),
                      _vm._v(" "),
                      _c(
                        "b-card",
                        {
                          staticClass: "card-transaction ",
                          attrs: { "no-body": "" }
                        },
                        [
                          _c(
                            "b-card-header",
                            [_c("b-card-title", [_vm._v(" Inspection")])],
                            1
                          ),
                          _vm._v(" "),
                          _c(
                            "b-card-body",
                            [
                              _c(
                                "b-tabs",
                                {
                                  staticClass: "verticalPill",
                                  attrs: { pills: "" }
                                },
                                [
                                  _c(
                                    "b-tab",
                                    { attrs: { title: "General", active: "" } },
                                    [
                                      _c("b-card-text", [
                                        _c(
                                          "section",
                                          {
                                            attrs: {
                                              id: "description-list-alignment"
                                            }
                                          },
                                          [
                                            _c(
                                              "b-row",
                                              {
                                                staticClass:
                                                  "match-height displayFlex"
                                              },
                                              [
                                                _c(
                                                  "b-col",
                                                  [
                                                    _c(
                                                      "b-card",
                                                      {
                                                        staticClass:
                                                          "card-transaction ",
                                                        attrs: { "no-body": "" }
                                                      },
                                                      [
                                                        _c(
                                                          "b-card-body",
                                                          _vm._l(
                                                            _vm.informationData,
                                                            function(
                                                              information
                                                            ) {
                                                              return _c(
                                                                "div",
                                                                {
                                                                  key:
                                                                    information.mode,
                                                                  staticClass:
                                                                    "transaction-item frontDetail"
                                                                },
                                                                [
                                                                  _c(
                                                                    "b-media",
                                                                    {
                                                                      attrs: {
                                                                        "no-body":
                                                                          ""
                                                                      }
                                                                    },
                                                                    [
                                                                      _c(
                                                                        "b-media-body",
                                                                        [
                                                                          _c(
                                                                            "h6",
                                                                            {
                                                                              staticClass:
                                                                                "transaction-title"
                                                                            },
                                                                            [
                                                                              _vm._v(
                                                                                "\n                                                            " +
                                                                                  _vm._s(
                                                                                    information.mode
                                                                                  ) +
                                                                                  "\n                                                          "
                                                                              )
                                                                            ]
                                                                          ),
                                                                          _vm._v(
                                                                            " "
                                                                          ),
                                                                          _c(
                                                                            "small",
                                                                            [
                                                                              _vm._v(
                                                                                _vm._s(
                                                                                  information.types
                                                                                )
                                                                              )
                                                                            ]
                                                                          )
                                                                        ]
                                                                      )
                                                                    ],
                                                                    1
                                                                  ),
                                                                  _vm._v(" "),
                                                                  _c(
                                                                    "div",
                                                                    {
                                                                      staticClass:
                                                                        "font-weight-normal rightDetai d-flex mt-1",
                                                                      class: information.deduction
                                                                        ? "text-primary"
                                                                        : "text-info"
                                                                    },
                                                                    [
                                                                      _c(
                                                                        "b-form-radio",
                                                                        {
                                                                          staticClass:
                                                                            "mr-1",
                                                                          attrs: {
                                                                            checked:
                                                                              information.checked
                                                                          }
                                                                        },
                                                                        [
                                                                          _vm._v(
                                                                            "\n                                                            " +
                                                                              _vm._s(
                                                                                information.payment
                                                                              ) +
                                                                              "\n                                                          "
                                                                          )
                                                                        ]
                                                                      ),
                                                                      _vm._v(
                                                                        " "
                                                                      ),
                                                                      _c(
                                                                        "b-form-radio",
                                                                        {
                                                                          attrs: {
                                                                            checked:
                                                                              information.checked
                                                                          }
                                                                        },
                                                                        [
                                                                          _vm._v(
                                                                            "\n                                                            " +
                                                                              _vm._s(
                                                                                information.nonrunner
                                                                              ) +
                                                                              "\n                                                          "
                                                                          )
                                                                        ]
                                                                      )
                                                                    ],
                                                                    1
                                                                  )
                                                                ],
                                                                1
                                                              )
                                                            }
                                                          ),
                                                          0
                                                        )
                                                      ],
                                                      1
                                                    )
                                                  ],
                                                  1
                                                ),
                                                _vm._v(" "),
                                                _c(
                                                  "b-col",
                                                  [
                                                    _c(
                                                      "b-card",
                                                      {
                                                        staticClass:
                                                          "card-transaction",
                                                        attrs: { "no-body": "" }
                                                      },
                                                      [
                                                        _c(
                                                          "b-card-header",
                                                          [
                                                            _c("b-card-title", [
                                                              _vm._v(
                                                                " Upload Image"
                                                              )
                                                            ])
                                                          ],
                                                          1
                                                        ),
                                                        _vm._v(" "),
                                                        _c("b-card-body", [
                                                          _c(
                                                            "div",
                                                            {
                                                              staticClass:
                                                                "dragDrop"
                                                            },
                                                            [
                                                              _c("p", [
                                                                _vm._v("Drag "),
                                                                _c("br"),
                                                                _vm._v(" &  "),
                                                                _c("br"),
                                                                _vm._v(" Drop")
                                                              ])
                                                            ]
                                                          )
                                                        ])
                                                      ],
                                                      1
                                                    )
                                                  ],
                                                  1
                                                )
                                              ],
                                              1
                                            )
                                          ],
                                          1
                                        )
                                      ])
                                    ],
                                    1
                                  ),
                                  _vm._v(" "),
                                  _c(
                                    "b-tab",
                                    { attrs: { title: "Front" } },
                                    [
                                      _c("b-card-text", [
                                        _c(
                                          "section",
                                          {
                                            attrs: {
                                              id: "description-list-alignment"
                                            }
                                          },
                                          [
                                            _c(
                                              "b-row",
                                              {
                                                staticClass:
                                                  "match-height displayFlex"
                                              },
                                              [
                                                _c(
                                                  "b-col",
                                                  [
                                                    _c(
                                                      "b-card",
                                                      {
                                                        staticClass:
                                                          "card-transaction ",
                                                        attrs: { "no-body": "" }
                                                      },
                                                      [
                                                        _c(
                                                          "b-card-body",
                                                          _vm._l(
                                                            _vm.informationData,
                                                            function(
                                                              information
                                                            ) {
                                                              return _c(
                                                                "div",
                                                                {
                                                                  key:
                                                                    information.mode,
                                                                  staticClass:
                                                                    "transaction-item frontDetail"
                                                                },
                                                                [
                                                                  _c(
                                                                    "b-media",
                                                                    {
                                                                      attrs: {
                                                                        "no-body":
                                                                          ""
                                                                      }
                                                                    },
                                                                    [
                                                                      _c(
                                                                        "b-media-body",
                                                                        [
                                                                          _c(
                                                                            "h6",
                                                                            {
                                                                              staticClass:
                                                                                "transaction-title"
                                                                            },
                                                                            [
                                                                              _vm._v(
                                                                                "\n                                                            " +
                                                                                  _vm._s(
                                                                                    information.mode
                                                                                  ) +
                                                                                  "\n                                                          "
                                                                              )
                                                                            ]
                                                                          ),
                                                                          _vm._v(
                                                                            " "
                                                                          ),
                                                                          _c(
                                                                            "small",
                                                                            [
                                                                              _vm._v(
                                                                                _vm._s(
                                                                                  information.types
                                                                                )
                                                                              )
                                                                            ]
                                                                          )
                                                                        ]
                                                                      )
                                                                    ],
                                                                    1
                                                                  ),
                                                                  _vm._v(" "),
                                                                  _c(
                                                                    "div",
                                                                    {
                                                                      staticClass:
                                                                        "font-weight-normal rightDetai d-flex mt-1",
                                                                      class: information.deduction
                                                                        ? "text-primary"
                                                                        : "text-info"
                                                                    },
                                                                    [
                                                                      _c(
                                                                        "b-form-radio",
                                                                        {
                                                                          staticClass:
                                                                            "mr-1",
                                                                          attrs: {
                                                                            checked:
                                                                              information.checked
                                                                          }
                                                                        },
                                                                        [
                                                                          _vm._v(
                                                                            "\n                                                            " +
                                                                              _vm._s(
                                                                                information.payment
                                                                              ) +
                                                                              "\n                                                          "
                                                                          )
                                                                        ]
                                                                      ),
                                                                      _vm._v(
                                                                        " "
                                                                      ),
                                                                      _c(
                                                                        "b-form-radio",
                                                                        {
                                                                          attrs: {
                                                                            checked:
                                                                              information.checked
                                                                          }
                                                                        },
                                                                        [
                                                                          _vm._v(
                                                                            "\n                                                            " +
                                                                              _vm._s(
                                                                                information.nonrunner
                                                                              ) +
                                                                              "\n                                                          "
                                                                          )
                                                                        ]
                                                                      )
                                                                    ],
                                                                    1
                                                                  )
                                                                ],
                                                                1
                                                              )
                                                            }
                                                          ),
                                                          0
                                                        )
                                                      ],
                                                      1
                                                    )
                                                  ],
                                                  1
                                                ),
                                                _vm._v(" "),
                                                _c(
                                                  "b-col",
                                                  [
                                                    _c(
                                                      "b-card",
                                                      {
                                                        staticClass:
                                                          "card-transaction",
                                                        attrs: { "no-body": "" }
                                                      },
                                                      [
                                                        _c(
                                                          "b-card-header",
                                                          [
                                                            _c("b-card-title", [
                                                              _vm._v(
                                                                " Upload Image"
                                                              )
                                                            ])
                                                          ],
                                                          1
                                                        ),
                                                        _vm._v(" "),
                                                        _c("b-card-body", [
                                                          _c(
                                                            "div",
                                                            {
                                                              staticClass:
                                                                "dragDrop"
                                                            },
                                                            [
                                                              _c("p", [
                                                                _vm._v("Drag "),
                                                                _c("br"),
                                                                _vm._v(" &  "),
                                                                _c("br"),
                                                                _vm._v(" Drop")
                                                              ])
                                                            ]
                                                          )
                                                        ])
                                                      ],
                                                      1
                                                    )
                                                  ],
                                                  1
                                                )
                                              ],
                                              1
                                            )
                                          ],
                                          1
                                        )
                                      ])
                                    ],
                                    1
                                  ),
                                  _vm._v(" "),
                                  _c(
                                    "b-tab",
                                    { attrs: { title: "Passenger" } },
                                    [
                                      _c("b-card-text", [
                                        _c(
                                          "section",
                                          {
                                            attrs: {
                                              id: "description-list-alignment"
                                            }
                                          },
                                          [
                                            _c(
                                              "b-row",
                                              {
                                                staticClass:
                                                  "match-height displayFlex"
                                              },
                                              [
                                                _c(
                                                  "b-col",
                                                  [
                                                    _c(
                                                      "b-card",
                                                      {
                                                        staticClass:
                                                          "card-transaction ",
                                                        attrs: { "no-body": "" }
                                                      },
                                                      [
                                                        _c(
                                                          "b-card-body",
                                                          _vm._l(
                                                            _vm.informationData,
                                                            function(
                                                              information
                                                            ) {
                                                              return _c(
                                                                "div",
                                                                {
                                                                  key:
                                                                    information.mode,
                                                                  staticClass:
                                                                    "transaction-item frontDetail"
                                                                },
                                                                [
                                                                  _c(
                                                                    "b-media",
                                                                    {
                                                                      attrs: {
                                                                        "no-body":
                                                                          ""
                                                                      }
                                                                    },
                                                                    [
                                                                      _c(
                                                                        "b-media-body",
                                                                        [
                                                                          _c(
                                                                            "h6",
                                                                            {
                                                                              staticClass:
                                                                                "transaction-title"
                                                                            },
                                                                            [
                                                                              _vm._v(
                                                                                "\n                                                            " +
                                                                                  _vm._s(
                                                                                    information.mode
                                                                                  ) +
                                                                                  "\n                                                          "
                                                                              )
                                                                            ]
                                                                          ),
                                                                          _vm._v(
                                                                            " "
                                                                          ),
                                                                          _c(
                                                                            "small",
                                                                            [
                                                                              _vm._v(
                                                                                _vm._s(
                                                                                  information.types
                                                                                )
                                                                              )
                                                                            ]
                                                                          )
                                                                        ]
                                                                      )
                                                                    ],
                                                                    1
                                                                  ),
                                                                  _vm._v(" "),
                                                                  _c(
                                                                    "div",
                                                                    {
                                                                      staticClass:
                                                                        "font-weight-normal rightDetai d-flex mt-1",
                                                                      class: information.deduction
                                                                        ? "text-primary"
                                                                        : "text-info"
                                                                    },
                                                                    [
                                                                      _c(
                                                                        "b-form-radio",
                                                                        {
                                                                          staticClass:
                                                                            "mr-1",
                                                                          attrs: {
                                                                            checked:
                                                                              information.checked
                                                                          }
                                                                        },
                                                                        [
                                                                          _vm._v(
                                                                            "\n                                                            " +
                                                                              _vm._s(
                                                                                information.payment
                                                                              ) +
                                                                              "\n                                                          "
                                                                          )
                                                                        ]
                                                                      ),
                                                                      _vm._v(
                                                                        " "
                                                                      ),
                                                                      _c(
                                                                        "b-form-radio",
                                                                        {
                                                                          attrs: {
                                                                            checked:
                                                                              information.checked
                                                                          }
                                                                        },
                                                                        [
                                                                          _vm._v(
                                                                            "\n                                                            " +
                                                                              _vm._s(
                                                                                information.nonrunner
                                                                              ) +
                                                                              "\n                                                          "
                                                                          )
                                                                        ]
                                                                      )
                                                                    ],
                                                                    1
                                                                  )
                                                                ],
                                                                1
                                                              )
                                                            }
                                                          ),
                                                          0
                                                        )
                                                      ],
                                                      1
                                                    )
                                                  ],
                                                  1
                                                ),
                                                _vm._v(" "),
                                                _c(
                                                  "b-col",
                                                  [
                                                    _c(
                                                      "b-card",
                                                      {
                                                        staticClass:
                                                          "card-transaction",
                                                        attrs: { "no-body": "" }
                                                      },
                                                      [
                                                        _c(
                                                          "b-card-header",
                                                          [
                                                            _c("b-card-title", [
                                                              _vm._v(
                                                                " Upload Image"
                                                              )
                                                            ])
                                                          ],
                                                          1
                                                        ),
                                                        _vm._v(" "),
                                                        _c("b-card-body", [
                                                          _c(
                                                            "div",
                                                            {
                                                              staticClass:
                                                                "dragDrop"
                                                            },
                                                            [
                                                              _c("p", [
                                                                _vm._v("Drag "),
                                                                _c("br"),
                                                                _vm._v(" &  "),
                                                                _c("br"),
                                                                _vm._v(" Drop")
                                                              ])
                                                            ]
                                                          )
                                                        ])
                                                      ],
                                                      1
                                                    )
                                                  ],
                                                  1
                                                )
                                              ],
                                              1
                                            )
                                          ],
                                          1
                                        )
                                      ])
                                    ],
                                    1
                                  ),
                                  _vm._v(" "),
                                  _c(
                                    "b-tab",
                                    { attrs: { title: "Rear" } },
                                    [
                                      _c("b-card-text", [
                                        _c(
                                          "section",
                                          {
                                            attrs: {
                                              id: "description-list-alignment"
                                            }
                                          },
                                          [
                                            _c(
                                              "b-row",
                                              {
                                                staticClass:
                                                  "match-height displayFlex"
                                              },
                                              [
                                                _c(
                                                  "b-col",
                                                  [
                                                    _c(
                                                      "b-card",
                                                      {
                                                        staticClass:
                                                          "card-transaction ",
                                                        attrs: { "no-body": "" }
                                                      },
                                                      [
                                                        _c(
                                                          "b-card-body",
                                                          _vm._l(
                                                            _vm.informationData,
                                                            function(
                                                              information
                                                            ) {
                                                              return _c(
                                                                "div",
                                                                {
                                                                  key:
                                                                    information.mode,
                                                                  staticClass:
                                                                    "transaction-item frontDetail"
                                                                },
                                                                [
                                                                  _c(
                                                                    "b-media",
                                                                    {
                                                                      attrs: {
                                                                        "no-body":
                                                                          ""
                                                                      }
                                                                    },
                                                                    [
                                                                      _c(
                                                                        "b-media-body",
                                                                        [
                                                                          _c(
                                                                            "h6",
                                                                            {
                                                                              staticClass:
                                                                                "transaction-title"
                                                                            },
                                                                            [
                                                                              _vm._v(
                                                                                "\n                                                            " +
                                                                                  _vm._s(
                                                                                    information.mode
                                                                                  ) +
                                                                                  "\n                                                          "
                                                                              )
                                                                            ]
                                                                          ),
                                                                          _vm._v(
                                                                            " "
                                                                          ),
                                                                          _c(
                                                                            "small",
                                                                            [
                                                                              _vm._v(
                                                                                _vm._s(
                                                                                  information.types
                                                                                )
                                                                              )
                                                                            ]
                                                                          )
                                                                        ]
                                                                      )
                                                                    ],
                                                                    1
                                                                  ),
                                                                  _vm._v(" "),
                                                                  _c(
                                                                    "div",
                                                                    {
                                                                      staticClass:
                                                                        "font-weight-normal rightDetai d-flex mt-1",
                                                                      class: information.deduction
                                                                        ? "text-primary"
                                                                        : "text-info"
                                                                    },
                                                                    [
                                                                      _c(
                                                                        "b-form-radio",
                                                                        {
                                                                          staticClass:
                                                                            "mr-1",
                                                                          attrs: {
                                                                            checked:
                                                                              information.checked
                                                                          }
                                                                        },
                                                                        [
                                                                          _vm._v(
                                                                            "\n                                                            " +
                                                                              _vm._s(
                                                                                information.payment
                                                                              ) +
                                                                              "\n                                                          "
                                                                          )
                                                                        ]
                                                                      ),
                                                                      _vm._v(
                                                                        " "
                                                                      ),
                                                                      _c(
                                                                        "b-form-radio",
                                                                        {
                                                                          attrs: {
                                                                            checked:
                                                                              information.checked
                                                                          }
                                                                        },
                                                                        [
                                                                          _vm._v(
                                                                            "\n                                                            " +
                                                                              _vm._s(
                                                                                information.nonrunner
                                                                              ) +
                                                                              "\n                                                          "
                                                                          )
                                                                        ]
                                                                      )
                                                                    ],
                                                                    1
                                                                  )
                                                                ],
                                                                1
                                                              )
                                                            }
                                                          ),
                                                          0
                                                        )
                                                      ],
                                                      1
                                                    )
                                                  ],
                                                  1
                                                ),
                                                _vm._v(" "),
                                                _c(
                                                  "b-col",
                                                  [
                                                    _c(
                                                      "b-card",
                                                      {
                                                        staticClass:
                                                          "card-transaction",
                                                        attrs: { "no-body": "" }
                                                      },
                                                      [
                                                        _c(
                                                          "b-card-header",
                                                          [
                                                            _c("b-card-title", [
                                                              _vm._v(
                                                                " Upload Image"
                                                              )
                                                            ])
                                                          ],
                                                          1
                                                        ),
                                                        _vm._v(" "),
                                                        _c("b-card-body", [
                                                          _c(
                                                            "div",
                                                            {
                                                              staticClass:
                                                                "dragDrop"
                                                            },
                                                            [
                                                              _c("p", [
                                                                _vm._v("Drag "),
                                                                _c("br"),
                                                                _vm._v(" &  "),
                                                                _c("br"),
                                                                _vm._v(" Drop")
                                                              ])
                                                            ]
                                                          )
                                                        ])
                                                      ],
                                                      1
                                                    )
                                                  ],
                                                  1
                                                )
                                              ],
                                              1
                                            )
                                          ],
                                          1
                                        )
                                      ])
                                    ],
                                    1
                                  ),
                                  _vm._v(" "),
                                  _c(
                                    "b-tab",
                                    { attrs: { title: "Driver" } },
                                    [
                                      _c("b-card-text", [
                                        _c(
                                          "section",
                                          {
                                            attrs: {
                                              id: "description-list-alignment"
                                            }
                                          },
                                          [
                                            _c(
                                              "b-row",
                                              {
                                                staticClass:
                                                  "match-height displayFlex"
                                              },
                                              [
                                                _c(
                                                  "b-col",
                                                  [
                                                    _c(
                                                      "b-card",
                                                      {
                                                        staticClass:
                                                          "card-transaction ",
                                                        attrs: { "no-body": "" }
                                                      },
                                                      [
                                                        _c(
                                                          "b-card-body",
                                                          _vm._l(
                                                            _vm.informationData,
                                                            function(
                                                              information
                                                            ) {
                                                              return _c(
                                                                "div",
                                                                {
                                                                  key:
                                                                    information.mode,
                                                                  staticClass:
                                                                    "transaction-item frontDetail"
                                                                },
                                                                [
                                                                  _c(
                                                                    "b-media",
                                                                    {
                                                                      attrs: {
                                                                        "no-body":
                                                                          ""
                                                                      }
                                                                    },
                                                                    [
                                                                      _c(
                                                                        "b-media-body",
                                                                        [
                                                                          _c(
                                                                            "h6",
                                                                            {
                                                                              staticClass:
                                                                                "transaction-title"
                                                                            },
                                                                            [
                                                                              _vm._v(
                                                                                "\n                                                            " +
                                                                                  _vm._s(
                                                                                    information.mode
                                                                                  ) +
                                                                                  "\n                                                          "
                                                                              )
                                                                            ]
                                                                          ),
                                                                          _vm._v(
                                                                            " "
                                                                          ),
                                                                          _c(
                                                                            "small",
                                                                            [
                                                                              _vm._v(
                                                                                _vm._s(
                                                                                  information.types
                                                                                )
                                                                              )
                                                                            ]
                                                                          )
                                                                        ]
                                                                      )
                                                                    ],
                                                                    1
                                                                  ),
                                                                  _vm._v(" "),
                                                                  _c(
                                                                    "div",
                                                                    {
                                                                      staticClass:
                                                                        "font-weight-normal rightDetai d-flex mt-1",
                                                                      class: information.deduction
                                                                        ? "text-primary"
                                                                        : "text-info"
                                                                    },
                                                                    [
                                                                      _c(
                                                                        "b-form-radio",
                                                                        {
                                                                          staticClass:
                                                                            "mr-1",
                                                                          attrs: {
                                                                            checked:
                                                                              information.checked
                                                                          }
                                                                        },
                                                                        [
                                                                          _vm._v(
                                                                            "\n                                                            " +
                                                                              _vm._s(
                                                                                information.payment
                                                                              ) +
                                                                              "\n                                                          "
                                                                          )
                                                                        ]
                                                                      ),
                                                                      _vm._v(
                                                                        " "
                                                                      ),
                                                                      _c(
                                                                        "b-form-radio",
                                                                        {
                                                                          attrs: {
                                                                            checked:
                                                                              information.checked
                                                                          }
                                                                        },
                                                                        [
                                                                          _vm._v(
                                                                            "\n                                                            " +
                                                                              _vm._s(
                                                                                information.nonrunner
                                                                              ) +
                                                                              "\n                                                          "
                                                                          )
                                                                        ]
                                                                      )
                                                                    ],
                                                                    1
                                                                  )
                                                                ],
                                                                1
                                                              )
                                                            }
                                                          ),
                                                          0
                                                        )
                                                      ],
                                                      1
                                                    )
                                                  ],
                                                  1
                                                ),
                                                _vm._v(" "),
                                                _c(
                                                  "b-col",
                                                  [
                                                    _c(
                                                      "b-card",
                                                      {
                                                        staticClass:
                                                          "card-transaction",
                                                        attrs: { "no-body": "" }
                                                      },
                                                      [
                                                        _c(
                                                          "b-card-header",
                                                          [
                                                            _c("b-card-title", [
                                                              _vm._v(
                                                                " Upload Image"
                                                              )
                                                            ])
                                                          ],
                                                          1
                                                        ),
                                                        _vm._v(" "),
                                                        _c("b-card-body", [
                                                          _c(
                                                            "div",
                                                            {
                                                              staticClass:
                                                                "dragDrop"
                                                            },
                                                            [
                                                              _c("p", [
                                                                _vm._v("Drag "),
                                                                _c("br"),
                                                                _vm._v(" &  "),
                                                                _c("br"),
                                                                _vm._v(" Drop")
                                                              ])
                                                            ]
                                                          )
                                                        ])
                                                      ],
                                                      1
                                                    )
                                                  ],
                                                  1
                                                )
                                              ],
                                              1
                                            )
                                          ],
                                          1
                                        )
                                      ])
                                    ],
                                    1
                                  ),
                                  _vm._v(" "),
                                  _c(
                                    "b-tab",
                                    { attrs: { title: "others" } },
                                    [
                                      _c("b-card-text", [
                                        _c(
                                          "section",
                                          {
                                            attrs: {
                                              id: "description-list-alignment"
                                            }
                                          },
                                          [
                                            _c(
                                              "b-row",
                                              {
                                                staticClass:
                                                  "match-height displayFlex"
                                              },
                                              [
                                                _c(
                                                  "b-col",
                                                  [
                                                    _c(
                                                      "b-card",
                                                      {
                                                        staticClass:
                                                          "card-transaction ",
                                                        attrs: { "no-body": "" }
                                                      },
                                                      [
                                                        _c(
                                                          "b-card-body",
                                                          _vm._l(
                                                            _vm.informationData,
                                                            function(
                                                              information
                                                            ) {
                                                              return _c(
                                                                "div",
                                                                {
                                                                  key:
                                                                    information.mode,
                                                                  staticClass:
                                                                    "transaction-item frontDetail"
                                                                },
                                                                [
                                                                  _c(
                                                                    "b-media",
                                                                    {
                                                                      attrs: {
                                                                        "no-body":
                                                                          ""
                                                                      }
                                                                    },
                                                                    [
                                                                      _c(
                                                                        "b-media-body",
                                                                        [
                                                                          _c(
                                                                            "h6",
                                                                            {
                                                                              staticClass:
                                                                                "transaction-title"
                                                                            },
                                                                            [
                                                                              _vm._v(
                                                                                "\n                                                            " +
                                                                                  _vm._s(
                                                                                    information.mode
                                                                                  ) +
                                                                                  "\n                                                          "
                                                                              )
                                                                            ]
                                                                          ),
                                                                          _vm._v(
                                                                            " "
                                                                          ),
                                                                          _c(
                                                                            "small",
                                                                            [
                                                                              _vm._v(
                                                                                _vm._s(
                                                                                  information.types
                                                                                )
                                                                              )
                                                                            ]
                                                                          )
                                                                        ]
                                                                      )
                                                                    ],
                                                                    1
                                                                  ),
                                                                  _vm._v(" "),
                                                                  _c(
                                                                    "div",
                                                                    {
                                                                      staticClass:
                                                                        "font-weight-normal rightDetai d-flex mt-1",
                                                                      class: information.deduction
                                                                        ? "text-primary"
                                                                        : "text-info"
                                                                    },
                                                                    [
                                                                      _c(
                                                                        "b-form-radio",
                                                                        {
                                                                          staticClass:
                                                                            "mr-1",
                                                                          attrs: {
                                                                            checked:
                                                                              information.checked
                                                                          }
                                                                        },
                                                                        [
                                                                          _vm._v(
                                                                            "\n                                                            " +
                                                                              _vm._s(
                                                                                information.payment
                                                                              ) +
                                                                              "\n                                                          "
                                                                          )
                                                                        ]
                                                                      ),
                                                                      _vm._v(
                                                                        " "
                                                                      ),
                                                                      _c(
                                                                        "b-form-radio",
                                                                        {
                                                                          attrs: {
                                                                            checked:
                                                                              information.checked
                                                                          }
                                                                        },
                                                                        [
                                                                          _vm._v(
                                                                            "\n                                                            " +
                                                                              _vm._s(
                                                                                information.nonrunner
                                                                              ) +
                                                                              "\n                                                          "
                                                                          )
                                                                        ]
                                                                      )
                                                                    ],
                                                                    1
                                                                  )
                                                                ],
                                                                1
                                                              )
                                                            }
                                                          ),
                                                          0
                                                        )
                                                      ],
                                                      1
                                                    )
                                                  ],
                                                  1
                                                ),
                                                _vm._v(" "),
                                                _c(
                                                  "b-col",
                                                  [
                                                    _c(
                                                      "b-card",
                                                      {
                                                        staticClass:
                                                          "card-transaction",
                                                        attrs: { "no-body": "" }
                                                      },
                                                      [
                                                        _c(
                                                          "b-card-header",
                                                          [
                                                            _c("b-card-title", [
                                                              _vm._v(
                                                                " Upload Image"
                                                              )
                                                            ])
                                                          ],
                                                          1
                                                        ),
                                                        _vm._v(" "),
                                                        _c("b-card-body", [
                                                          _c(
                                                            "div",
                                                            {
                                                              staticClass:
                                                                "dragDrop"
                                                            },
                                                            [
                                                              _c("p", [
                                                                _vm._v("Drag "),
                                                                _c("br"),
                                                                _vm._v(" &  "),
                                                                _c("br"),
                                                                _vm._v(" Drop")
                                                              ])
                                                            ]
                                                          )
                                                        ])
                                                      ],
                                                      1
                                                    )
                                                  ],
                                                  1
                                                )
                                              ],
                                              1
                                            )
                                          ],
                                          1
                                        )
                                      ])
                                    ],
                                    1
                                  )
                                ],
                                1
                              )
                            ],
                            1
                          )
                        ],
                        1
                      ),
                      _vm._v(" "),
                      _c(
                        "b-card",
                        {
                          staticClass: "card-transaction",
                          attrs: { "no-body": "" }
                        },
                        [
                          _c(
                            "b-card-header",
                            [_c("b-card-title", [_vm._v(" Gallery")])],
                            1
                          ),
                          _vm._v(" "),
                          _c("b-card-body", [
                            _c(
                              "div",
                              {
                                staticClass: "demo-inline-spacing mb-lg-3 mt-2"
                              },
                              [
                                _c(
                                  "b-img",
                                  _vm._b(
                                    {
                                      staticClass: "d-inline-block border",
                                      attrs: {
                                        rounded: "",
                                        alt: "Transparent image"
                                      }
                                    },
                                    "b-img",
                                    _vm.mainProps,
                                    false
                                  )
                                ),
                                _vm._v(" "),
                                _c(
                                  "b-img",
                                  _vm._b(
                                    {
                                      staticClass: "d-inline-block",
                                      attrs: {
                                        "blank-color": "#5A8DEE",
                                        rounded: "",
                                        alt: "HEX shorthand color image (#777)"
                                      }
                                    },
                                    "b-img",
                                    _vm.mainProps,
                                    false
                                  )
                                ),
                                _vm._v(" "),
                                _c(
                                  "b-img",
                                  _vm._b(
                                    {
                                      staticClass: "d-inline-block",
                                      attrs: {
                                        "blank-color": "#82868b",
                                        rounded: "",
                                        alt: "Named color image (red)"
                                      }
                                    },
                                    "b-img",
                                    _vm.mainProps,
                                    false
                                  )
                                ),
                                _vm._v(" "),
                                _c(
                                  "b-img",
                                  _vm._b(
                                    {
                                      staticClass: "d-inline-block",
                                      attrs: {
                                        "blank-color": "#39DA8A",
                                        rounded: "",
                                        alt: "Named color image (black)"
                                      }
                                    },
                                    "b-img",
                                    _vm.mainProps,
                                    false
                                  )
                                ),
                                _vm._v(" "),
                                _c(
                                  "b-img",
                                  _vm._b(
                                    {
                                      staticClass: "d-inline-block",
                                      attrs: {
                                        "blank-color": "#FDAC41",
                                        alt: "RGBa color image",
                                        rounded: ""
                                      }
                                    },
                                    "b-img",
                                    _vm.mainProps,
                                    false
                                  )
                                ),
                                _vm._v(" "),
                                _c(
                                  "b-img",
                                  _vm._b(
                                    {
                                      staticClass: "d-inline-block",
                                      attrs: {
                                        "blank-color": "#FF5B5C",
                                        rounded: "",
                                        alt: "HEX color image"
                                      }
                                    },
                                    "b-img",
                                    _vm.mainProps,
                                    false
                                  )
                                ),
                                _vm._v(" "),
                                _c(
                                  "b-img",
                                  _vm._b(
                                    {
                                      staticClass: "d-inline-block",
                                      attrs: {
                                        "blank-color": "#00CFDD",
                                        rounded: "",
                                        alt: "HEX shorthand color (#88f)"
                                      }
                                    },
                                    "b-img",
                                    _vm.mainProps,
                                    false
                                  )
                                )
                              ],
                              1
                            )
                          ])
                        ],
                        1
                      )
                    ],
                    1
                  ),
                  _vm._v(" "),
                  _c(
                    "b-col",
                    { staticClass: "displayFlexColright" },
                    [
                      _c(
                        "b-card",
                        {
                          staticClass: "card-transaction custDetail",
                          attrs: { "no-body": "" }
                        },
                        [
                          _c(
                            "b-card-header",
                            [
                              _c("b-card-title", [
                                _vm._v(" Customer Information")
                              ]),
                              _vm._v(" "),
                              _c("feather-icon", {
                                directives: [
                                  {
                                    name: "ripple",
                                    rawName: "v-ripple.400",
                                    value: "rgba(113, 102, 240, 0.15)",
                                    expression: "'rgba(113, 102, 240, 0.15)'",
                                    modifiers: { "400": true }
                                  },
                                  {
                                    name: "b-toggle",
                                    rawName: "v-b-toggle.customer-right",
                                    modifiers: { "customer-right": true }
                                  }
                                ],
                                staticClass: "cursor-pointer",
                                attrs: {
                                  icon: "EditIcon",
                                  size: "18",
                                  variant: "outline-primary"
                                }
                              }),
                              _vm._v(" "),
                              _c("b-sidebar", {
                                attrs: {
                                  id: "customer-right",
                                  "bg-variant": "white",
                                  right: "",
                                  backdrop: "",
                                  shadow: ""
                                },
                                scopedSlots: _vm._u([
                                  {
                                    key: "default",
                                    fn: function(ref) {
                                      var hide = ref.hide
                                      return [
                                        _c(
                                          "b-card-code",
                                          {
                                            attrs: { title: "Vehicle Details" }
                                          },
                                          [
                                            _c(
                                              "div",
                                              [
                                                _c(
                                                  "b-row",
                                                  [
                                                    _c(
                                                      "b-col",
                                                      { attrs: { cols: "12" } },
                                                      [
                                                        _c(
                                                          "b-form-group",
                                                          {
                                                            attrs: {
                                                              label: "Customer",
                                                              "label-for":
                                                                "vue-select"
                                                            }
                                                          },
                                                          [
                                                            _c("v-select", {
                                                              staticClass:
                                                                "width-250",
                                                              attrs: {
                                                                id:
                                                                  "vue-select",
                                                                dir: _vm.$store
                                                                  .state
                                                                  .appConfig
                                                                  .isRTL
                                                                  ? "rtl"
                                                                  : "ltr",
                                                                options:
                                                                  _vm.optionCountry
                                                              },
                                                              model: {
                                                                value:
                                                                  _vm.selectedCountry,
                                                                callback: function(
                                                                  $$v
                                                                ) {
                                                                  _vm.selectedCountry = $$v
                                                                },
                                                                expression:
                                                                  "selectedCountry"
                                                              }
                                                            })
                                                          ],
                                                          1
                                                        )
                                                      ],
                                                      1
                                                    )
                                                  ],
                                                  1
                                                ),
                                                _vm._v(" "),
                                                _c(
                                                  "div",
                                                  {
                                                    staticClass: "d-flex mt-2"
                                                  },
                                                  [
                                                    _c(
                                                      "b-button",
                                                      {
                                                        directives: [
                                                          {
                                                            name: "ripple",
                                                            rawName:
                                                              "v-ripple.400",
                                                            value:
                                                              "rgba(255, 255, 255, 0.15)",
                                                            expression:
                                                              "'rgba(255, 255, 255, 0.15)'",
                                                            modifiers: {
                                                              "400": true
                                                            }
                                                          }
                                                        ],
                                                        staticClass: "mr-2",
                                                        attrs: {
                                                          variant: "primary",
                                                          type: "submit"
                                                        }
                                                      },
                                                      [
                                                        _vm._v(
                                                          "\n                                      Add\n                                    "
                                                        )
                                                      ]
                                                    ),
                                                    _vm._v(" "),
                                                    _c(
                                                      "b-button",
                                                      {
                                                        directives: [
                                                          {
                                                            name: "ripple",
                                                            rawName:
                                                              "v-ripple.400",
                                                            value:
                                                              "rgba(186, 191, 199, 0.15)",
                                                            expression:
                                                              "'rgba(186, 191, 199, 0.15)'",
                                                            modifiers: {
                                                              "400": true
                                                            }
                                                          }
                                                        ],
                                                        attrs: {
                                                          type: "button",
                                                          variant:
                                                            "outline-secondary"
                                                        },
                                                        on: { click: hide }
                                                      },
                                                      [
                                                        _vm._v(
                                                          "\n                                      Cancel\n                                    "
                                                        )
                                                      ]
                                                    )
                                                  ],
                                                  1
                                                )
                                              ],
                                              1
                                            )
                                          ]
                                        )
                                      ]
                                    }
                                  }
                                ])
                              })
                            ],
                            1
                          ),
                          _vm._v(" "),
                          _c("b-card-body", [
                            _c(
                              "div",
                              {
                                staticClass: "row",
                                staticStyle: { "margin-bottom": "10px" }
                              },
                              [
                                _c(
                                  "div",
                                  { staticClass: "col-md-12" },
                                  [
                                    _c("feather-icon", {
                                      staticClass: "mr-75",
                                      attrs: { icon: "UserIcon" }
                                    }),
                                    _vm._v(" "),
                                    _c(
                                      "span",
                                      { staticClass: "font-weight-bold" },
                                      [_vm._v("Abdul Rehman")]
                                    )
                                  ],
                                  1
                                )
                              ]
                            ),
                            _vm._v(" "),
                            _c(
                              "div",
                              {
                                staticClass: "row",
                                staticStyle: { "margin-bottom": "10px" }
                              },
                              [
                                _c(
                                  "div",
                                  { staticClass: "col-md-12" },
                                  [
                                    _c("feather-icon", {
                                      staticClass: "mr-75",
                                      attrs: { icon: "MapIcon" }
                                    }),
                                    _vm._v(" "),
                                    _c(
                                      "span",
                                      { staticClass: "font-weight-bold" },
                                      [_vm._v("new jersey 08726")]
                                    )
                                  ],
                                  1
                                )
                              ]
                            ),
                            _vm._v(" "),
                            _c(
                              "div",
                              {
                                staticClass: "row",
                                staticStyle: { "margin-bottom": "10px" }
                              },
                              [
                                _c(
                                  "div",
                                  { staticClass: "col-md-12" },
                                  [
                                    _c("feather-icon", {
                                      staticClass: "mr-75",
                                      attrs: { icon: "PhoneIcon" }
                                    }),
                                    _vm._v(" "),
                                    _c(
                                      "span",
                                      { staticClass: "font-weight-bold" },
                                      [_vm._v("+9564887900")]
                                    )
                                  ],
                                  1
                                )
                              ]
                            ),
                            _vm._v(" "),
                            _c(
                              "div",
                              {
                                staticClass: "row",
                                staticStyle: { "margin-bottom": "10px" }
                              },
                              [
                                _c(
                                  "div",
                                  { staticClass: "col-md-12" },
                                  [
                                    _c("feather-icon", {
                                      staticClass: "mr-75",
                                      attrs: { icon: "MailIcon" }
                                    }),
                                    _vm._v(" "),
                                    _c(
                                      "span",
                                      { staticClass: "font-weight-bold" },
                                      [_vm._v("infoTwic@gmail.com")]
                                    )
                                  ],
                                  1
                                )
                              ]
                            )
                          ])
                        ],
                        1
                      ),
                      _vm._v(" "),
                      _c(
                        "b-card",
                        {
                          staticClass: "card-transaction driverDetail",
                          attrs: { "no-body": "" }
                        },
                        [
                          _c(
                            "b-card-header",
                            [
                              _c("b-card-title", [
                                _vm._v(" Payment Information")
                              ]),
                              _vm._v(" "),
                              _c("feather-icon", {
                                directives: [
                                  {
                                    name: "ripple",
                                    rawName: "v-ripple.400",
                                    value: "rgba(113, 102, 240, 0.15)",
                                    expression: "'rgba(113, 102, 240, 0.15)'",
                                    modifiers: { "400": true }
                                  },
                                  {
                                    name: "b-toggle",
                                    rawName: "v-b-toggle.payment-form",
                                    modifiers: { "payment-form": true }
                                  }
                                ],
                                staticClass: "cursor-pointer",
                                attrs: {
                                  icon: "PlusIcon",
                                  size: "18",
                                  variant: "outline-primary"
                                }
                              }),
                              _vm._v(" "),
                              _c("b-sidebar", {
                                attrs: {
                                  id: "payment-form",
                                  "bg-variant": "white",
                                  right: "",
                                  backdrop: "",
                                  shadow: ""
                                },
                                scopedSlots: _vm._u([
                                  {
                                    key: "default",
                                    fn: function(ref) {
                                      var hide = ref.hide
                                      return [
                                        _c(
                                          "b-card-code",
                                          { attrs: { title: "Add Payment" } },
                                          [
                                            _c(
                                              "div",
                                              [
                                                _c(
                                                  "b-row",
                                                  [
                                                    _c(
                                                      "b-col",
                                                      { attrs: { cols: "12" } },
                                                      [
                                                        _c(
                                                          "b-form-group",
                                                          {
                                                            attrs: {
                                                              label:
                                                                "Payment #",
                                                              "label-for":
                                                                "defaultLabel"
                                                            }
                                                          },
                                                          [
                                                            _c("b-form-input", {
                                                              attrs: {
                                                                id:
                                                                  "defaultLabel",
                                                                placeholder:
                                                                  "Enter Number",
                                                                readonly: ""
                                                              }
                                                            })
                                                          ],
                                                          1
                                                        )
                                                      ],
                                                      1
                                                    ),
                                                    _vm._v(" "),
                                                    _c(
                                                      "b-col",
                                                      { attrs: { cols: "12" } },
                                                      [
                                                        _c(
                                                          "b-form-group",
                                                          {
                                                            attrs: {
                                                              label:
                                                                "Payment Date",
                                                              "label-for":
                                                                "defaultLabel"
                                                            }
                                                          },
                                                          [
                                                            _c("b-form-input", {
                                                              attrs: {
                                                                id:
                                                                  "defaultLabel",
                                                                placeholder:
                                                                  "Payment Date"
                                                              }
                                                            })
                                                          ],
                                                          1
                                                        )
                                                      ],
                                                      1
                                                    ),
                                                    _vm._v(" "),
                                                    _c(
                                                      "b-col",
                                                      { attrs: { cols: "12" } },
                                                      [
                                                        _c(
                                                          "b-form-group",
                                                          {
                                                            attrs: {
                                                              label:
                                                                "Amount Received",
                                                              "label-for":
                                                                "defaultLabel"
                                                            }
                                                          },
                                                          [
                                                            _c("b-form-input", {
                                                              attrs: {
                                                                id:
                                                                  "defaultLabel",
                                                                placeholder:
                                                                  "Amount Received"
                                                              }
                                                            })
                                                          ],
                                                          1
                                                        )
                                                      ],
                                                      1
                                                    ),
                                                    _vm._v(" "),
                                                    _c(
                                                      "b-col",
                                                      { attrs: { cols: "12" } },
                                                      [
                                                        _c(
                                                          "b-form-group",
                                                          {
                                                            attrs: {
                                                              label:
                                                                "Payment Mode",
                                                              "label-for":
                                                                "vue-select"
                                                            }
                                                          },
                                                          [
                                                            _c("v-select", {
                                                              attrs: {
                                                                id:
                                                                  "vue-select",
                                                                dir: _vm.$store
                                                                  .state
                                                                  .appConfig
                                                                  .isRTL
                                                                  ? "rtl"
                                                                  : "ltr",
                                                                options:
                                                                  _vm.optionCountry
                                                              },
                                                              model: {
                                                                value:
                                                                  _vm.selectedCountry,
                                                                callback: function(
                                                                  $$v
                                                                ) {
                                                                  _vm.selectedCountry = $$v
                                                                },
                                                                expression:
                                                                  "selectedCountry"
                                                              }
                                                            })
                                                          ],
                                                          1
                                                        )
                                                      ],
                                                      1
                                                    ),
                                                    _vm._v(" "),
                                                    _c(
                                                      "b-col",
                                                      { attrs: { cols: "12" } },
                                                      [
                                                        _c(
                                                          "b-form-group",
                                                          {
                                                            attrs: {
                                                              label:
                                                                "Drag & Drop",
                                                              "label-for":
                                                                "defaultLabel"
                                                            }
                                                          },
                                                          [
                                                            _c("b-form-file", {
                                                              attrs: {
                                                                placeholder:
                                                                  "Select file to up",
                                                                "drop-placeholder":
                                                                  "Select file to up",
                                                                multiple: ""
                                                              }
                                                            })
                                                          ],
                                                          1
                                                        )
                                                      ],
                                                      1
                                                    ),
                                                    _vm._v(" "),
                                                    _c(
                                                      "b-col",
                                                      { attrs: { cols: "12" } },
                                                      [
                                                        _c(
                                                          "b-form-group",
                                                          {
                                                            attrs: {
                                                              label: "Note",
                                                              "label-for":
                                                                "notes-text"
                                                            }
                                                          },
                                                          [
                                                            _c(
                                                              "b-form-textarea",
                                                              {
                                                                attrs: {
                                                                  id:
                                                                    "notes-text",
                                                                  placeholder:
                                                                    "Note",
                                                                  rows: "3"
                                                                }
                                                              }
                                                            )
                                                          ],
                                                          1
                                                        )
                                                      ],
                                                      1
                                                    )
                                                  ],
                                                  1
                                                ),
                                                _vm._v(" "),
                                                _c(
                                                  "div",
                                                  {
                                                    staticClass: "d-flex mt-2"
                                                  },
                                                  [
                                                    _c(
                                                      "b-button",
                                                      {
                                                        directives: [
                                                          {
                                                            name: "ripple",
                                                            rawName:
                                                              "v-ripple.400",
                                                            value:
                                                              "rgba(255, 255, 255, 0.15)",
                                                            expression:
                                                              "'rgba(255, 255, 255, 0.15)'",
                                                            modifiers: {
                                                              "400": true
                                                            }
                                                          }
                                                        ],
                                                        staticClass: "mr-2",
                                                        attrs: {
                                                          variant: "primary",
                                                          type: "submit"
                                                        }
                                                      },
                                                      [
                                                        _vm._v(
                                                          "\n                                      Add\n                                    "
                                                        )
                                                      ]
                                                    ),
                                                    _vm._v(" "),
                                                    _c(
                                                      "b-button",
                                                      {
                                                        directives: [
                                                          {
                                                            name: "ripple",
                                                            rawName:
                                                              "v-ripple.400",
                                                            value:
                                                              "rgba(186, 191, 199, 0.15)",
                                                            expression:
                                                              "'rgba(186, 191, 199, 0.15)'",
                                                            modifiers: {
                                                              "400": true
                                                            }
                                                          }
                                                        ],
                                                        attrs: {
                                                          type: "button",
                                                          variant:
                                                            "outline-secondary"
                                                        },
                                                        on: { click: hide }
                                                      },
                                                      [
                                                        _vm._v(
                                                          "\n                                      Cancel\n                                    "
                                                        )
                                                      ]
                                                    )
                                                  ],
                                                  1
                                                )
                                              ],
                                              1
                                            )
                                          ]
                                        )
                                      ]
                                    }
                                  }
                                ])
                              })
                            ],
                            1
                          ),
                          _vm._v(" "),
                          _c(
                            "b-card-body",
                            _vm._l(_vm.paymentData, function(Payment) {
                              return _c(
                                "div",
                                {
                                  key: Payment.mode,
                                  staticClass: "transaction-item paymentCont"
                                },
                                [
                                  _c(
                                    "b-media",
                                    { attrs: { "no-body": "" } },
                                    [
                                      _c("b-media-body", [
                                        _c(
                                          "h6",
                                          { staticClass: "transaction-title" },
                                          [
                                            _vm._v(
                                              "\n                                  " +
                                                _vm._s(Payment.mode) +
                                                "\n                                "
                                            )
                                          ]
                                        ),
                                        _vm._v(" "),
                                        _c("small", [
                                          _vm._v(_vm._s(Payment.types))
                                        ])
                                      ])
                                    ],
                                    1
                                  ),
                                  _vm._v(" "),
                                  _c(
                                    "div",
                                    {
                                      staticClass: " rightDetai",
                                      class: Payment.deduction
                                        ? "text-primary"
                                        : "text-info"
                                    },
                                    [
                                      _vm._v(
                                        "\n                              " +
                                          _vm._s(Payment.payment) +
                                          "\n                            "
                                      )
                                    ]
                                  )
                                ],
                                1
                              )
                            }),
                            0
                          )
                        ],
                        1
                      ),
                      _vm._v(" "),
                      _c(
                        "b-card",
                        {
                          staticClass: "card-transaction activityDetail",
                          attrs: { "no-body": "" }
                        },
                        [
                          _c(
                            "b-card-header",
                            [_c("b-card-title", [_vm._v(" Documents")])],
                            1
                          ),
                          _vm._v(" "),
                          _c("b-card-body", [
                            _c(
                              "div",
                              {
                                staticClass:
                                  "employee-task d-flex justify-content-between align-items-center"
                              },
                              [
                                _c("div", { staticClass: "media" }, [
                                  _c(
                                    "div",
                                    {
                                      staticClass:
                                        "media-aside mr-75 align-self-start"
                                    },
                                    [
                                      _c(
                                        "span",
                                        {
                                          staticClass:
                                            "b-avatar badge-secondary rounded",
                                          staticStyle: {
                                            width: "42px",
                                            height: "42px"
                                          }
                                        },
                                        [
                                          _c(
                                            "span",
                                            { staticClass: "b-avatar-img" },
                                            [
                                              _c("img", {
                                                attrs: {
                                                  src:
                                                    "/images/_/_/_/_/twic_terminal/frontend/src/assets/images/portrait/small/avatar-s-9.jpg",
                                                  alt: "avatar"
                                                }
                                              })
                                            ]
                                          )
                                        ]
                                      )
                                    ]
                                  ),
                                  _vm._v(" "),
                                  _c(
                                    "div",
                                    { staticClass: "media-body my-auto" },
                                    [
                                      _c("h6", { staticClass: "mb-0" }, [
                                        _vm._v(
                                          "\n            Ryan Harrington\n          "
                                        )
                                      ]),
                                      _vm._v(" "),
                                      _c("small", [_vm._v("iOS Developer")])
                                    ]
                                  )
                                ]),
                                _vm._v(" "),
                                _c(
                                  "div",
                                  {
                                    staticClass: "d-flex align-items-center",
                                    staticStyle: {
                                      position: "relative",
                                      width: "15%"
                                    }
                                  },
                                  [
                                    _c(
                                      "small",
                                      { staticClass: "text-muted mr-75" },
                                      [_vm._v("9hr 20m")]
                                    ),
                                    _vm._v(" "),
                                    _c(
                                      "div",
                                      {
                                        staticStyle: { "min-height": "32.7px" }
                                      },
                                      [
                                        _c(
                                          "div",
                                          {
                                            staticClass:
                                              "apexcharts-canvas apexcharts2lykz0m3j apexcharts-theme-light",
                                            staticStyle: {
                                              width: "30px",
                                              height: "32.7px"
                                            },
                                            attrs: { id: "apexcharts2lykz0m3j" }
                                          },
                                          [
                                            _c("div", {
                                              staticClass: "apexcharts-legend"
                                            })
                                          ]
                                        )
                                      ]
                                    ),
                                    _c(
                                      "div",
                                      { staticClass: "resize-triggers" },
                                      [
                                        _c(
                                          "div",
                                          { staticClass: "expand-trigger" },
                                          [
                                            _c("div", {
                                              staticStyle: {
                                                width: "86px",
                                                height: "34px"
                                              }
                                            })
                                          ]
                                        ),
                                        _c("div", {
                                          staticClass: "contract-trigger"
                                        })
                                      ]
                                    )
                                  ]
                                )
                              ]
                            ),
                            _vm._v(" "),
                            _c("div", {
                              staticStyle: { clear: "both", height: "15px" }
                            }),
                            _vm._v(" "),
                            _c(
                              "div",
                              {
                                staticClass: "browser-states",
                                staticStyle: {
                                  "/* margin-bottom": "58px",
                                  "*/\n    clear": "both"
                                }
                              },
                              [
                                _c(
                                  "div",
                                  {
                                    staticClass: "media",
                                    staticStyle: { float: "left", width: "80%" }
                                  },
                                  [
                                    _c("img", {
                                      staticClass: "mr-1",
                                      attrs: {
                                        src:
                                          "/images/_/_/_/_/twic_terminal/frontend/src/assets/images/icons/google-chrome.png",
                                        alt: "browser img",
                                        height: "30"
                                      }
                                    }),
                                    _vm._v(" "),
                                    _c(
                                      "h6",
                                      {
                                        staticClass: "align-self-center my-auto"
                                      },
                                      [
                                        _vm._v(
                                          "\n         Google Chrome\n       "
                                        )
                                      ]
                                    )
                                  ]
                                ),
                                _vm._v(" "),
                                _c(
                                  "div",
                                  {
                                    staticClass: "d-flex align-items-center",
                                    staticStyle: {
                                      position: "relative",
                                      float: "right",
                                      width: "20%"
                                    }
                                  },
                                  [
                                    _c(
                                      "span",
                                      {
                                        staticClass:
                                          "font-weight-bold text-body-heading mr-1",
                                        staticStyle: { display: "none" }
                                      },
                                      [_vm._v("54.4%")]
                                    ),
                                    _vm._v(" "),
                                    _c(
                                      "div",
                                      {
                                        staticStyle: { "min-height": "32.7px" }
                                      },
                                      [
                                        _c(
                                          "div",
                                          {
                                            staticClass:
                                              "apexcharts-canvas apexchartsns778nqcf apexcharts-theme-light",
                                            staticStyle: {
                                              width: "30px",
                                              height: "32.7px"
                                            },
                                            attrs: { id: "apexchartsns778nqcf" }
                                          },
                                          [
                                            _c(
                                              "svg",
                                              {
                                                staticClass: "apexcharts-svg",
                                                staticStyle: {
                                                  background: "transparent"
                                                },
                                                attrs: {
                                                  id: "SvgjsSvg2315",
                                                  width: "30",
                                                  height: "32.7",
                                                  xmlns:
                                                    "http://www.w3.org/2000/svg",
                                                  version: "1.1",
                                                  "xmlns:xlink":
                                                    "http://www.w3.org/1999/xlink",
                                                  "xmlns:svgjs":
                                                    "http://svgjs.com/svgjs",
                                                  "xmlns:data": "ApexChartsNS",
                                                  transform: "translate(0, 0)"
                                                }
                                              },
                                              [
                                                _c(
                                                  "g",
                                                  {
                                                    staticClass:
                                                      "apexcharts-inner apexcharts-graphical",
                                                    attrs: {
                                                      id: "SvgjsG2317",
                                                      transform:
                                                        "translate(-15, -12)"
                                                    }
                                                  },
                                                  [
                                                    _c(
                                                      "defs",
                                                      {
                                                        attrs: {
                                                          id: "SvgjsDefs2316"
                                                        }
                                                      },
                                                      [
                                                        _c(
                                                          "clipPath",
                                                          {
                                                            attrs: {
                                                              id:
                                                                "gridRectMaskns778nqcf"
                                                            }
                                                          },
                                                          [
                                                            _c("rect", {
                                                              attrs: {
                                                                id:
                                                                  "SvgjsRect2319",
                                                                width: "66",
                                                                height: "59",
                                                                x: "-3",
                                                                y: "-1",
                                                                rx: "0",
                                                                ry: "0",
                                                                opacity: "1",
                                                                "stroke-width":
                                                                  "0",
                                                                stroke: "none",
                                                                "stroke-dasharray":
                                                                  "0",
                                                                fill: "#fff"
                                                              }
                                                            })
                                                          ]
                                                        ),
                                                        _c(
                                                          "clipPath",
                                                          {
                                                            attrs: {
                                                              id:
                                                                "gridRectMarkerMaskns778nqcf"
                                                            }
                                                          },
                                                          [
                                                            _c("rect", {
                                                              attrs: {
                                                                id:
                                                                  "SvgjsRect2320",
                                                                width: "64",
                                                                height: "61",
                                                                x: "-2",
                                                                y: "-2",
                                                                rx: "0",
                                                                ry: "0",
                                                                opacity: "1",
                                                                "stroke-width":
                                                                  "0",
                                                                stroke: "none",
                                                                "stroke-dasharray":
                                                                  "0",
                                                                fill: "#fff"
                                                              }
                                                            })
                                                          ]
                                                        )
                                                      ]
                                                    ),
                                                    _c(
                                                      "g",
                                                      {
                                                        staticClass:
                                                          "apexcharts-radialbar",
                                                        attrs: {
                                                          id: "SvgjsG2321"
                                                        }
                                                      },
                                                      [
                                                        _c(
                                                          "g",
                                                          {
                                                            attrs: {
                                                              id: "SvgjsG2322"
                                                            }
                                                          },
                                                          [
                                                            _c(
                                                              "g",
                                                              {
                                                                staticClass:
                                                                  "apexcharts-tracks",
                                                                attrs: {
                                                                  id:
                                                                    "SvgjsG2323"
                                                                }
                                                              },
                                                              [
                                                                _c(
                                                                  "g",
                                                                  {
                                                                    staticClass:
                                                                      "apexcharts-radialbar-track apexcharts-track",
                                                                    attrs: {
                                                                      id:
                                                                        "SvgjsG2324",
                                                                      rel: "1"
                                                                    }
                                                                  },
                                                                  [
                                                                    _c("path", {
                                                                      staticClass:
                                                                        "apexcharts-radialbar-area",
                                                                      attrs: {
                                                                        id:
                                                                          "apexcharts-radialbarTrack-0",
                                                                        d:
                                                                          "M 30 16.9509756097561 A 11.5490243902439 11.5490243902439 0 1 1 29.997984315000203 16.9509757856578",
                                                                        fill:
                                                                          "none",
                                                                        "fill-opacity":
                                                                          "1",
                                                                        stroke:
                                                                          "rgba(233,236,239,0.85)",
                                                                        "stroke-opacity":
                                                                          "1",
                                                                        "stroke-linecap":
                                                                          "round",
                                                                        "stroke-width":
                                                                          "3.3987853658536604",
                                                                        "stroke-dasharray":
                                                                          "0",
                                                                        "data:pathOrig":
                                                                          "M 30 16.9509756097561 A 11.5490243902439 11.5490243902439 0 1 1 29.997984315000203 16.9509757856578"
                                                                      }
                                                                    })
                                                                  ]
                                                                )
                                                              ]
                                                            ),
                                                            _c(
                                                              "g",
                                                              {
                                                                attrs: {
                                                                  id:
                                                                    "SvgjsG2326"
                                                                }
                                                              },
                                                              [
                                                                _c(
                                                                  "g",
                                                                  {
                                                                    staticClass:
                                                                      "apexcharts-series apexcharts-radial-series",
                                                                    attrs: {
                                                                      id:
                                                                        "SvgjsG2329",
                                                                      seriesName:
                                                                        "seriesx1",
                                                                      rel: "1",
                                                                      "data:realIndex":
                                                                        "0"
                                                                    }
                                                                  },
                                                                  [
                                                                    _c("path", {
                                                                      staticClass:
                                                                        "apexcharts-radialbar-area apexcharts-radialbar-slice-0",
                                                                      attrs: {
                                                                        id:
                                                                          "SvgjsPath2330",
                                                                        d:
                                                                          "M 30 16.9509756097561 A 11.5490243902439 11.5490243902439 0 1 1 26.816657454807142 39.60163477179886",
                                                                        fill:
                                                                          "none",
                                                                        "fill-opacity":
                                                                          "0.85",
                                                                        stroke:
                                                                          "rgba(115,103,240,0.85)",
                                                                        "stroke-opacity":
                                                                          "1",
                                                                        "stroke-linecap":
                                                                          "round",
                                                                        "stroke-width":
                                                                          "3.503902439024392",
                                                                        "stroke-dasharray":
                                                                          "0",
                                                                        "data:angle":
                                                                          "196",
                                                                        "data:value":
                                                                          "54.4",
                                                                        index:
                                                                          "0",
                                                                        j: "0",
                                                                        "data:pathOrig":
                                                                          "M 30 16.9509756097561 A 11.5490243902439 11.5490243902439 0 1 1 26.816657454807142 39.60163477179886"
                                                                      }
                                                                    })
                                                                  ]
                                                                ),
                                                                _c("circle", {
                                                                  staticClass:
                                                                    "apexcharts-radialbar-hollow",
                                                                  attrs: {
                                                                    id:
                                                                      "SvgjsCircle2327",
                                                                    r:
                                                                      "4.849631707317069",
                                                                    cx: "30",
                                                                    cy: "28.5",
                                                                    fill:
                                                                      "transparent"
                                                                  }
                                                                }),
                                                                _c("g", {
                                                                  staticClass:
                                                                    "apexcharts-datalabels-group",
                                                                  staticStyle: {
                                                                    opacity: "1"
                                                                  },
                                                                  attrs: {
                                                                    id:
                                                                      "SvgjsG2328",
                                                                    transform:
                                                                      "translate(0, 0) scale(1)"
                                                                  }
                                                                })
                                                              ]
                                                            )
                                                          ]
                                                        )
                                                      ]
                                                    ),
                                                    _c("line", {
                                                      staticClass:
                                                        "apexcharts-ycrosshairs",
                                                      attrs: {
                                                        id: "SvgjsLine2331",
                                                        x1: "0",
                                                        y1: "0",
                                                        x2: "60",
                                                        y2: "0",
                                                        stroke: "#b6b6b6",
                                                        "stroke-dasharray": "0",
                                                        "stroke-width": "1"
                                                      }
                                                    }),
                                                    _c("line", {
                                                      staticClass:
                                                        "apexcharts-ycrosshairs-hidden",
                                                      attrs: {
                                                        id: "SvgjsLine2332",
                                                        x1: "0",
                                                        y1: "0",
                                                        x2: "60",
                                                        y2: "0",
                                                        "stroke-dasharray": "0",
                                                        "stroke-width": "0"
                                                      }
                                                    })
                                                  ]
                                                ),
                                                _c("g", {
                                                  staticClass:
                                                    "apexcharts-annotations",
                                                  attrs: { id: "SvgjsG2318" }
                                                })
                                              ]
                                            ),
                                            _c("div", {
                                              staticClass: "apexcharts-legend"
                                            })
                                          ]
                                        )
                                      ]
                                    ),
                                    _c(
                                      "div",
                                      { staticClass: "resize-triggers" },
                                      [
                                        _c(
                                          "div",
                                          { staticClass: "expand-trigger" },
                                          [
                                            _c("div", {
                                              staticStyle: {
                                                width: "85px",
                                                height: "34px"
                                              }
                                            })
                                          ]
                                        ),
                                        _c("div", {
                                          staticClass: "contract-trigger"
                                        })
                                      ]
                                    )
                                  ]
                                )
                              ]
                            ),
                            _vm._v(" "),
                            _c("div", {
                              staticStyle: { clear: "both", height: "15px" }
                            }),
                            _vm._v(" "),
                            _c(
                              "div",
                              {
                                staticClass: "browser-states",
                                staticStyle: {
                                  "/* margin-bottom": "58px",
                                  "*/\n    clear": "both"
                                }
                              },
                              [
                                _c(
                                  "div",
                                  {
                                    staticClass: "media",
                                    staticStyle: { float: "left", width: "80%" }
                                  },
                                  [
                                    _c("img", {
                                      staticClass: "mr-1",
                                      attrs: {
                                        src:
                                          "/images/_/_/_/_/twic_terminal/frontend/src/assets/images/icons/google-chrome.png",
                                        alt: "browser img",
                                        height: "30"
                                      }
                                    }),
                                    _vm._v(" "),
                                    _c(
                                      "h6",
                                      {
                                        staticClass: "align-self-center my-auto"
                                      },
                                      [
                                        _vm._v(
                                          "\n         Google Chrome\n       "
                                        )
                                      ]
                                    )
                                  ]
                                ),
                                _vm._v(" "),
                                _c(
                                  "div",
                                  {
                                    staticClass: "d-flex align-items-center",
                                    staticStyle: {
                                      position: "relative",
                                      float: "right",
                                      width: "20%"
                                    }
                                  },
                                  [
                                    _c(
                                      "span",
                                      {
                                        staticClass:
                                          "font-weight-bold text-body-heading mr-1",
                                        staticStyle: { display: "none" }
                                      },
                                      [_vm._v("54.4%")]
                                    ),
                                    _vm._v(" "),
                                    _c(
                                      "div",
                                      {
                                        staticStyle: { "min-height": "32.7px" }
                                      },
                                      [
                                        _c(
                                          "div",
                                          {
                                            staticClass:
                                              "apexcharts-canvas apexchartsns778nqcf apexcharts-theme-light",
                                            staticStyle: {
                                              width: "30px",
                                              height: "32.7px"
                                            },
                                            attrs: { id: "apexchartsns778nqcf" }
                                          },
                                          [
                                            _c(
                                              "svg",
                                              {
                                                staticClass: "apexcharts-svg",
                                                staticStyle: {
                                                  background: "transparent"
                                                },
                                                attrs: {
                                                  id: "SvgjsSvg2315",
                                                  width: "30",
                                                  height: "32.7",
                                                  xmlns:
                                                    "http://www.w3.org/2000/svg",
                                                  version: "1.1",
                                                  "xmlns:xlink":
                                                    "http://www.w3.org/1999/xlink",
                                                  "xmlns:svgjs":
                                                    "http://svgjs.com/svgjs",
                                                  "xmlns:data": "ApexChartsNS",
                                                  transform: "translate(0, 0)"
                                                }
                                              },
                                              [
                                                _c(
                                                  "g",
                                                  {
                                                    staticClass:
                                                      "apexcharts-inner apexcharts-graphical",
                                                    attrs: {
                                                      id: "SvgjsG2317",
                                                      transform:
                                                        "translate(-15, -12)"
                                                    }
                                                  },
                                                  [
                                                    _c(
                                                      "defs",
                                                      {
                                                        attrs: {
                                                          id: "SvgjsDefs2316"
                                                        }
                                                      },
                                                      [
                                                        _c(
                                                          "clipPath",
                                                          {
                                                            attrs: {
                                                              id:
                                                                "gridRectMaskns778nqcf"
                                                            }
                                                          },
                                                          [
                                                            _c("rect", {
                                                              attrs: {
                                                                id:
                                                                  "SvgjsRect2319",
                                                                width: "66",
                                                                height: "59",
                                                                x: "-3",
                                                                y: "-1",
                                                                rx: "0",
                                                                ry: "0",
                                                                opacity: "1",
                                                                "stroke-width":
                                                                  "0",
                                                                stroke: "none",
                                                                "stroke-dasharray":
                                                                  "0",
                                                                fill: "#fff"
                                                              }
                                                            })
                                                          ]
                                                        ),
                                                        _c(
                                                          "clipPath",
                                                          {
                                                            attrs: {
                                                              id:
                                                                "gridRectMarkerMaskns778nqcf"
                                                            }
                                                          },
                                                          [
                                                            _c("rect", {
                                                              attrs: {
                                                                id:
                                                                  "SvgjsRect2320",
                                                                width: "64",
                                                                height: "61",
                                                                x: "-2",
                                                                y: "-2",
                                                                rx: "0",
                                                                ry: "0",
                                                                opacity: "1",
                                                                "stroke-width":
                                                                  "0",
                                                                stroke: "none",
                                                                "stroke-dasharray":
                                                                  "0",
                                                                fill: "#fff"
                                                              }
                                                            })
                                                          ]
                                                        )
                                                      ]
                                                    ),
                                                    _c(
                                                      "g",
                                                      {
                                                        staticClass:
                                                          "apexcharts-radialbar",
                                                        attrs: {
                                                          id: "SvgjsG2321"
                                                        }
                                                      },
                                                      [
                                                        _c(
                                                          "g",
                                                          {
                                                            attrs: {
                                                              id: "SvgjsG2322"
                                                            }
                                                          },
                                                          [
                                                            _c(
                                                              "g",
                                                              {
                                                                staticClass:
                                                                  "apexcharts-tracks",
                                                                attrs: {
                                                                  id:
                                                                    "SvgjsG2323"
                                                                }
                                                              },
                                                              [
                                                                _c(
                                                                  "g",
                                                                  {
                                                                    staticClass:
                                                                      "apexcharts-radialbar-track apexcharts-track",
                                                                    attrs: {
                                                                      id:
                                                                        "SvgjsG2324",
                                                                      rel: "1"
                                                                    }
                                                                  },
                                                                  [
                                                                    _c("path", {
                                                                      staticClass:
                                                                        "apexcharts-radialbar-area",
                                                                      attrs: {
                                                                        id:
                                                                          "apexcharts-radialbarTrack-0",
                                                                        d:
                                                                          "M 30 16.9509756097561 A 11.5490243902439 11.5490243902439 0 1 1 29.997984315000203 16.9509757856578",
                                                                        fill:
                                                                          "none",
                                                                        "fill-opacity":
                                                                          "1",
                                                                        stroke:
                                                                          "rgba(233,236,239,0.85)",
                                                                        "stroke-opacity":
                                                                          "1",
                                                                        "stroke-linecap":
                                                                          "round",
                                                                        "stroke-width":
                                                                          "3.3987853658536604",
                                                                        "stroke-dasharray":
                                                                          "0",
                                                                        "data:pathOrig":
                                                                          "M 30 16.9509756097561 A 11.5490243902439 11.5490243902439 0 1 1 29.997984315000203 16.9509757856578"
                                                                      }
                                                                    })
                                                                  ]
                                                                )
                                                              ]
                                                            ),
                                                            _c(
                                                              "g",
                                                              {
                                                                attrs: {
                                                                  id:
                                                                    "SvgjsG2326"
                                                                }
                                                              },
                                                              [
                                                                _c(
                                                                  "g",
                                                                  {
                                                                    staticClass:
                                                                      "apexcharts-series apexcharts-radial-series",
                                                                    attrs: {
                                                                      id:
                                                                        "SvgjsG2329",
                                                                      seriesName:
                                                                        "seriesx1",
                                                                      rel: "1",
                                                                      "data:realIndex":
                                                                        "0"
                                                                    }
                                                                  },
                                                                  [
                                                                    _c("path", {
                                                                      staticClass:
                                                                        "apexcharts-radialbar-area apexcharts-radialbar-slice-0",
                                                                      attrs: {
                                                                        id:
                                                                          "SvgjsPath2330",
                                                                        d:
                                                                          "M 30 16.9509756097561 A 11.5490243902439 11.5490243902439 0 1 1 26.816657454807142 39.60163477179886",
                                                                        fill:
                                                                          "none",
                                                                        "fill-opacity":
                                                                          "0.85",
                                                                        stroke:
                                                                          "rgba(115,103,240,0.85)",
                                                                        "stroke-opacity":
                                                                          "1",
                                                                        "stroke-linecap":
                                                                          "round",
                                                                        "stroke-width":
                                                                          "3.503902439024392",
                                                                        "stroke-dasharray":
                                                                          "0",
                                                                        "data:angle":
                                                                          "196",
                                                                        "data:value":
                                                                          "54.4",
                                                                        index:
                                                                          "0",
                                                                        j: "0",
                                                                        "data:pathOrig":
                                                                          "M 30 16.9509756097561 A 11.5490243902439 11.5490243902439 0 1 1 26.816657454807142 39.60163477179886"
                                                                      }
                                                                    })
                                                                  ]
                                                                ),
                                                                _c("circle", {
                                                                  staticClass:
                                                                    "apexcharts-radialbar-hollow",
                                                                  attrs: {
                                                                    id:
                                                                      "SvgjsCircle2327",
                                                                    r:
                                                                      "4.849631707317069",
                                                                    cx: "30",
                                                                    cy: "28.5",
                                                                    fill:
                                                                      "transparent"
                                                                  }
                                                                }),
                                                                _c("g", {
                                                                  staticClass:
                                                                    "apexcharts-datalabels-group",
                                                                  staticStyle: {
                                                                    opacity: "1"
                                                                  },
                                                                  attrs: {
                                                                    id:
                                                                      "SvgjsG2328",
                                                                    transform:
                                                                      "translate(0, 0) scale(1)"
                                                                  }
                                                                })
                                                              ]
                                                            )
                                                          ]
                                                        )
                                                      ]
                                                    ),
                                                    _c("line", {
                                                      staticClass:
                                                        "apexcharts-ycrosshairs",
                                                      attrs: {
                                                        id: "SvgjsLine2331",
                                                        x1: "0",
                                                        y1: "0",
                                                        x2: "60",
                                                        y2: "0",
                                                        stroke: "#b6b6b6",
                                                        "stroke-dasharray": "0",
                                                        "stroke-width": "1"
                                                      }
                                                    }),
                                                    _c("line", {
                                                      staticClass:
                                                        "apexcharts-ycrosshairs-hidden",
                                                      attrs: {
                                                        id: "SvgjsLine2332",
                                                        x1: "0",
                                                        y1: "0",
                                                        x2: "60",
                                                        y2: "0",
                                                        "stroke-dasharray": "0",
                                                        "stroke-width": "0"
                                                      }
                                                    })
                                                  ]
                                                ),
                                                _c("g", {
                                                  staticClass:
                                                    "apexcharts-annotations",
                                                  attrs: { id: "SvgjsG2318" }
                                                })
                                              ]
                                            ),
                                            _c("div", {
                                              staticClass: "apexcharts-legend"
                                            })
                                          ]
                                        )
                                      ]
                                    ),
                                    _c(
                                      "div",
                                      { staticClass: "resize-triggers" },
                                      [
                                        _c(
                                          "div",
                                          { staticClass: "expand-trigger" },
                                          [
                                            _c("div", {
                                              staticStyle: {
                                                width: "85px",
                                                height: "34px"
                                              }
                                            })
                                          ]
                                        ),
                                        _c("div", {
                                          staticClass: "contract-trigger"
                                        })
                                      ]
                                    )
                                  ]
                                )
                              ]
                            ),
                            _vm._v(" "),
                            _c("div", {
                              staticStyle: { clear: "both", height: "15px" }
                            }),
                            _vm._v(" "),
                            _c(
                              "div",
                              {
                                staticClass: "browser-states",
                                staticStyle: {
                                  "/* margin-bottom": "58px",
                                  "*/\n    clear": "both"
                                }
                              },
                              [
                                _c(
                                  "div",
                                  {
                                    staticClass: "media",
                                    staticStyle: { float: "left", width: "80%" }
                                  },
                                  [
                                    _c("img", {
                                      staticClass: "mr-1",
                                      attrs: {
                                        src:
                                          "/images/_/_/_/_/twic_terminal/frontend/src/assets/images/icons/google-chrome.png",
                                        alt: "browser img",
                                        height: "30"
                                      }
                                    }),
                                    _vm._v(" "),
                                    _c(
                                      "h6",
                                      {
                                        staticClass: "align-self-center my-auto"
                                      },
                                      [
                                        _vm._v(
                                          "\n         Google Chrome\n       "
                                        )
                                      ]
                                    )
                                  ]
                                ),
                                _vm._v(" "),
                                _c(
                                  "div",
                                  {
                                    staticClass: "d-flex align-items-center",
                                    staticStyle: {
                                      position: "relative",
                                      float: "right",
                                      width: "20%"
                                    }
                                  },
                                  [
                                    _c(
                                      "span",
                                      {
                                        staticClass:
                                          "font-weight-bold text-body-heading mr-1",
                                        staticStyle: { display: "none" }
                                      },
                                      [_vm._v("54.4%")]
                                    ),
                                    _vm._v(" "),
                                    _c(
                                      "div",
                                      {
                                        staticStyle: { "min-height": "32.7px" }
                                      },
                                      [
                                        _c(
                                          "div",
                                          {
                                            staticClass:
                                              "apexcharts-canvas apexchartsns778nqcf apexcharts-theme-light",
                                            staticStyle: {
                                              width: "30px",
                                              height: "32.7px"
                                            },
                                            attrs: { id: "apexchartsns778nqcf" }
                                          },
                                          [
                                            _c(
                                              "svg",
                                              {
                                                staticClass: "apexcharts-svg",
                                                staticStyle: {
                                                  background: "transparent"
                                                },
                                                attrs: {
                                                  id: "SvgjsSvg2315",
                                                  width: "30",
                                                  height: "32.7",
                                                  xmlns:
                                                    "http://www.w3.org/2000/svg",
                                                  version: "1.1",
                                                  "xmlns:xlink":
                                                    "http://www.w3.org/1999/xlink",
                                                  "xmlns:svgjs":
                                                    "http://svgjs.com/svgjs",
                                                  "xmlns:data": "ApexChartsNS",
                                                  transform: "translate(0, 0)"
                                                }
                                              },
                                              [
                                                _c(
                                                  "g",
                                                  {
                                                    staticClass:
                                                      "apexcharts-inner apexcharts-graphical",
                                                    attrs: {
                                                      id: "SvgjsG2317",
                                                      transform:
                                                        "translate(-15, -12)"
                                                    }
                                                  },
                                                  [
                                                    _c(
                                                      "defs",
                                                      {
                                                        attrs: {
                                                          id: "SvgjsDefs2316"
                                                        }
                                                      },
                                                      [
                                                        _c(
                                                          "clipPath",
                                                          {
                                                            attrs: {
                                                              id:
                                                                "gridRectMaskns778nqcf"
                                                            }
                                                          },
                                                          [
                                                            _c("rect", {
                                                              attrs: {
                                                                id:
                                                                  "SvgjsRect2319",
                                                                width: "66",
                                                                height: "59",
                                                                x: "-3",
                                                                y: "-1",
                                                                rx: "0",
                                                                ry: "0",
                                                                opacity: "1",
                                                                "stroke-width":
                                                                  "0",
                                                                stroke: "none",
                                                                "stroke-dasharray":
                                                                  "0",
                                                                fill: "#fff"
                                                              }
                                                            })
                                                          ]
                                                        ),
                                                        _c(
                                                          "clipPath",
                                                          {
                                                            attrs: {
                                                              id:
                                                                "gridRectMarkerMaskns778nqcf"
                                                            }
                                                          },
                                                          [
                                                            _c("rect", {
                                                              attrs: {
                                                                id:
                                                                  "SvgjsRect2320",
                                                                width: "64",
                                                                height: "61",
                                                                x: "-2",
                                                                y: "-2",
                                                                rx: "0",
                                                                ry: "0",
                                                                opacity: "1",
                                                                "stroke-width":
                                                                  "0",
                                                                stroke: "none",
                                                                "stroke-dasharray":
                                                                  "0",
                                                                fill: "#fff"
                                                              }
                                                            })
                                                          ]
                                                        )
                                                      ]
                                                    ),
                                                    _c(
                                                      "g",
                                                      {
                                                        staticClass:
                                                          "apexcharts-radialbar",
                                                        attrs: {
                                                          id: "SvgjsG2321"
                                                        }
                                                      },
                                                      [
                                                        _c(
                                                          "g",
                                                          {
                                                            attrs: {
                                                              id: "SvgjsG2322"
                                                            }
                                                          },
                                                          [
                                                            _c(
                                                              "g",
                                                              {
                                                                staticClass:
                                                                  "apexcharts-tracks",
                                                                attrs: {
                                                                  id:
                                                                    "SvgjsG2323"
                                                                }
                                                              },
                                                              [
                                                                _c(
                                                                  "g",
                                                                  {
                                                                    staticClass:
                                                                      "apexcharts-radialbar-track apexcharts-track",
                                                                    attrs: {
                                                                      id:
                                                                        "SvgjsG2324",
                                                                      rel: "1"
                                                                    }
                                                                  },
                                                                  [
                                                                    _c("path", {
                                                                      staticClass:
                                                                        "apexcharts-radialbar-area",
                                                                      attrs: {
                                                                        id:
                                                                          "apexcharts-radialbarTrack-0",
                                                                        d:
                                                                          "M 30 16.9509756097561 A 11.5490243902439 11.5490243902439 0 1 1 29.997984315000203 16.9509757856578",
                                                                        fill:
                                                                          "none",
                                                                        "fill-opacity":
                                                                          "1",
                                                                        stroke:
                                                                          "rgba(233,236,239,0.85)",
                                                                        "stroke-opacity":
                                                                          "1",
                                                                        "stroke-linecap":
                                                                          "round",
                                                                        "stroke-width":
                                                                          "3.3987853658536604",
                                                                        "stroke-dasharray":
                                                                          "0",
                                                                        "data:pathOrig":
                                                                          "M 30 16.9509756097561 A 11.5490243902439 11.5490243902439 0 1 1 29.997984315000203 16.9509757856578"
                                                                      }
                                                                    })
                                                                  ]
                                                                )
                                                              ]
                                                            ),
                                                            _c(
                                                              "g",
                                                              {
                                                                attrs: {
                                                                  id:
                                                                    "SvgjsG2326"
                                                                }
                                                              },
                                                              [
                                                                _c(
                                                                  "g",
                                                                  {
                                                                    staticClass:
                                                                      "apexcharts-series apexcharts-radial-series",
                                                                    attrs: {
                                                                      id:
                                                                        "SvgjsG2329",
                                                                      seriesName:
                                                                        "seriesx1",
                                                                      rel: "1",
                                                                      "data:realIndex":
                                                                        "0"
                                                                    }
                                                                  },
                                                                  [
                                                                    _c("path", {
                                                                      staticClass:
                                                                        "apexcharts-radialbar-area apexcharts-radialbar-slice-0",
                                                                      attrs: {
                                                                        id:
                                                                          "SvgjsPath2330",
                                                                        d:
                                                                          "M 30 16.9509756097561 A 11.5490243902439 11.5490243902439 0 1 1 26.816657454807142 39.60163477179886",
                                                                        fill:
                                                                          "none",
                                                                        "fill-opacity":
                                                                          "0.85",
                                                                        stroke:
                                                                          "rgba(115,103,240,0.85)",
                                                                        "stroke-opacity":
                                                                          "1",
                                                                        "stroke-linecap":
                                                                          "round",
                                                                        "stroke-width":
                                                                          "3.503902439024392",
                                                                        "stroke-dasharray":
                                                                          "0",
                                                                        "data:angle":
                                                                          "196",
                                                                        "data:value":
                                                                          "54.4",
                                                                        index:
                                                                          "0",
                                                                        j: "0",
                                                                        "data:pathOrig":
                                                                          "M 30 16.9509756097561 A 11.5490243902439 11.5490243902439 0 1 1 26.816657454807142 39.60163477179886"
                                                                      }
                                                                    })
                                                                  ]
                                                                ),
                                                                _c("circle", {
                                                                  staticClass:
                                                                    "apexcharts-radialbar-hollow",
                                                                  attrs: {
                                                                    id:
                                                                      "SvgjsCircle2327",
                                                                    r:
                                                                      "4.849631707317069",
                                                                    cx: "30",
                                                                    cy: "28.5",
                                                                    fill:
                                                                      "transparent"
                                                                  }
                                                                }),
                                                                _c("g", {
                                                                  staticClass:
                                                                    "apexcharts-datalabels-group",
                                                                  staticStyle: {
                                                                    opacity: "1"
                                                                  },
                                                                  attrs: {
                                                                    id:
                                                                      "SvgjsG2328",
                                                                    transform:
                                                                      "translate(0, 0) scale(1)"
                                                                  }
                                                                })
                                                              ]
                                                            )
                                                          ]
                                                        )
                                                      ]
                                                    ),
                                                    _c("line", {
                                                      staticClass:
                                                        "apexcharts-ycrosshairs",
                                                      attrs: {
                                                        id: "SvgjsLine2331",
                                                        x1: "0",
                                                        y1: "0",
                                                        x2: "60",
                                                        y2: "0",
                                                        stroke: "#b6b6b6",
                                                        "stroke-dasharray": "0",
                                                        "stroke-width": "1"
                                                      }
                                                    }),
                                                    _c("line", {
                                                      staticClass:
                                                        "apexcharts-ycrosshairs-hidden",
                                                      attrs: {
                                                        id: "SvgjsLine2332",
                                                        x1: "0",
                                                        y1: "0",
                                                        x2: "60",
                                                        y2: "0",
                                                        "stroke-dasharray": "0",
                                                        "stroke-width": "0"
                                                      }
                                                    })
                                                  ]
                                                ),
                                                _c("g", {
                                                  staticClass:
                                                    "apexcharts-annotations",
                                                  attrs: { id: "SvgjsG2318" }
                                                })
                                              ]
                                            ),
                                            _c("div", {
                                              staticClass: "apexcharts-legend"
                                            })
                                          ]
                                        )
                                      ]
                                    ),
                                    _c(
                                      "div",
                                      { staticClass: "resize-triggers" },
                                      [
                                        _c(
                                          "div",
                                          { staticClass: "expand-trigger" },
                                          [
                                            _c("div", {
                                              staticStyle: {
                                                width: "85px",
                                                height: "34px"
                                              }
                                            })
                                          ]
                                        ),
                                        _c("div", {
                                          staticClass: "contract-trigger"
                                        })
                                      ]
                                    )
                                  ]
                                )
                              ]
                            ),
                            _vm._v(" "),
                            _c("div", {
                              staticStyle: { clear: "both", height: "15px" }
                            }),
                            _vm._v(" "),
                            _c(
                              "div",
                              {
                                staticClass: "browser-states",
                                staticStyle: {
                                  "/* margin-bottom": "58px",
                                  "*/\n    clear": "both"
                                }
                              },
                              [
                                _c(
                                  "div",
                                  {
                                    staticClass: "media",
                                    staticStyle: { float: "left", width: "80%" }
                                  },
                                  [
                                    _c("img", {
                                      staticClass: "mr-1",
                                      attrs: {
                                        src:
                                          "/images/_/_/_/_/twic_terminal/frontend/src/assets/images/icons/google-chrome.png",
                                        alt: "browser img",
                                        height: "30"
                                      }
                                    }),
                                    _vm._v(" "),
                                    _c(
                                      "h6",
                                      {
                                        staticClass: "align-self-center my-auto"
                                      },
                                      [
                                        _vm._v(
                                          "\n         Google Chrome\n       "
                                        )
                                      ]
                                    )
                                  ]
                                ),
                                _vm._v(" "),
                                _c(
                                  "div",
                                  {
                                    staticClass: "d-flex align-items-center",
                                    staticStyle: {
                                      position: "relative",
                                      float: "right",
                                      width: "20%"
                                    }
                                  },
                                  [
                                    _c(
                                      "span",
                                      {
                                        staticClass:
                                          "font-weight-bold text-body-heading mr-1",
                                        staticStyle: { display: "none" }
                                      },
                                      [_vm._v("54.4%")]
                                    ),
                                    _vm._v(" "),
                                    _c(
                                      "div",
                                      {
                                        staticStyle: { "min-height": "32.7px" }
                                      },
                                      [
                                        _c(
                                          "div",
                                          {
                                            staticClass:
                                              "apexcharts-canvas apexchartsns778nqcf apexcharts-theme-light",
                                            staticStyle: {
                                              width: "30px",
                                              height: "32.7px"
                                            },
                                            attrs: { id: "apexchartsns778nqcf" }
                                          },
                                          [
                                            _c(
                                              "svg",
                                              {
                                                staticClass: "apexcharts-svg",
                                                staticStyle: {
                                                  background: "transparent"
                                                },
                                                attrs: {
                                                  id: "SvgjsSvg2315",
                                                  width: "30",
                                                  height: "32.7",
                                                  xmlns:
                                                    "http://www.w3.org/2000/svg",
                                                  version: "1.1",
                                                  "xmlns:xlink":
                                                    "http://www.w3.org/1999/xlink",
                                                  "xmlns:svgjs":
                                                    "http://svgjs.com/svgjs",
                                                  "xmlns:data": "ApexChartsNS",
                                                  transform: "translate(0, 0)"
                                                }
                                              },
                                              [
                                                _c(
                                                  "g",
                                                  {
                                                    staticClass:
                                                      "apexcharts-inner apexcharts-graphical",
                                                    attrs: {
                                                      id: "SvgjsG2317",
                                                      transform:
                                                        "translate(-15, -12)"
                                                    }
                                                  },
                                                  [
                                                    _c(
                                                      "defs",
                                                      {
                                                        attrs: {
                                                          id: "SvgjsDefs2316"
                                                        }
                                                      },
                                                      [
                                                        _c(
                                                          "clipPath",
                                                          {
                                                            attrs: {
                                                              id:
                                                                "gridRectMaskns778nqcf"
                                                            }
                                                          },
                                                          [
                                                            _c("rect", {
                                                              attrs: {
                                                                id:
                                                                  "SvgjsRect2319",
                                                                width: "66",
                                                                height: "59",
                                                                x: "-3",
                                                                y: "-1",
                                                                rx: "0",
                                                                ry: "0",
                                                                opacity: "1",
                                                                "stroke-width":
                                                                  "0",
                                                                stroke: "none",
                                                                "stroke-dasharray":
                                                                  "0",
                                                                fill: "#fff"
                                                              }
                                                            })
                                                          ]
                                                        ),
                                                        _c(
                                                          "clipPath",
                                                          {
                                                            attrs: {
                                                              id:
                                                                "gridRectMarkerMaskns778nqcf"
                                                            }
                                                          },
                                                          [
                                                            _c("rect", {
                                                              attrs: {
                                                                id:
                                                                  "SvgjsRect2320",
                                                                width: "64",
                                                                height: "61",
                                                                x: "-2",
                                                                y: "-2",
                                                                rx: "0",
                                                                ry: "0",
                                                                opacity: "1",
                                                                "stroke-width":
                                                                  "0",
                                                                stroke: "none",
                                                                "stroke-dasharray":
                                                                  "0",
                                                                fill: "#fff"
                                                              }
                                                            })
                                                          ]
                                                        )
                                                      ]
                                                    ),
                                                    _c(
                                                      "g",
                                                      {
                                                        staticClass:
                                                          "apexcharts-radialbar",
                                                        attrs: {
                                                          id: "SvgjsG2321"
                                                        }
                                                      },
                                                      [
                                                        _c(
                                                          "g",
                                                          {
                                                            attrs: {
                                                              id: "SvgjsG2322"
                                                            }
                                                          },
                                                          [
                                                            _c(
                                                              "g",
                                                              {
                                                                staticClass:
                                                                  "apexcharts-tracks",
                                                                attrs: {
                                                                  id:
                                                                    "SvgjsG2323"
                                                                }
                                                              },
                                                              [
                                                                _c(
                                                                  "g",
                                                                  {
                                                                    staticClass:
                                                                      "apexcharts-radialbar-track apexcharts-track",
                                                                    attrs: {
                                                                      id:
                                                                        "SvgjsG2324",
                                                                      rel: "1"
                                                                    }
                                                                  },
                                                                  [
                                                                    _c("path", {
                                                                      staticClass:
                                                                        "apexcharts-radialbar-area",
                                                                      attrs: {
                                                                        id:
                                                                          "apexcharts-radialbarTrack-0",
                                                                        d:
                                                                          "M 30 16.9509756097561 A 11.5490243902439 11.5490243902439 0 1 1 29.997984315000203 16.9509757856578",
                                                                        fill:
                                                                          "none",
                                                                        "fill-opacity":
                                                                          "1",
                                                                        stroke:
                                                                          "rgba(233,236,239,0.85)",
                                                                        "stroke-opacity":
                                                                          "1",
                                                                        "stroke-linecap":
                                                                          "round",
                                                                        "stroke-width":
                                                                          "3.3987853658536604",
                                                                        "stroke-dasharray":
                                                                          "0",
                                                                        "data:pathOrig":
                                                                          "M 30 16.9509756097561 A 11.5490243902439 11.5490243902439 0 1 1 29.997984315000203 16.9509757856578"
                                                                      }
                                                                    })
                                                                  ]
                                                                )
                                                              ]
                                                            ),
                                                            _c(
                                                              "g",
                                                              {
                                                                attrs: {
                                                                  id:
                                                                    "SvgjsG2326"
                                                                }
                                                              },
                                                              [
                                                                _c(
                                                                  "g",
                                                                  {
                                                                    staticClass:
                                                                      "apexcharts-series apexcharts-radial-series",
                                                                    attrs: {
                                                                      id:
                                                                        "SvgjsG2329",
                                                                      seriesName:
                                                                        "seriesx1",
                                                                      rel: "1",
                                                                      "data:realIndex":
                                                                        "0"
                                                                    }
                                                                  },
                                                                  [
                                                                    _c("path", {
                                                                      staticClass:
                                                                        "apexcharts-radialbar-area apexcharts-radialbar-slice-0",
                                                                      attrs: {
                                                                        id:
                                                                          "SvgjsPath2330",
                                                                        d:
                                                                          "M 30 16.9509756097561 A 11.5490243902439 11.5490243902439 0 1 1 26.816657454807142 39.60163477179886",
                                                                        fill:
                                                                          "none",
                                                                        "fill-opacity":
                                                                          "0.85",
                                                                        stroke:
                                                                          "rgba(115,103,240,0.85)",
                                                                        "stroke-opacity":
                                                                          "1",
                                                                        "stroke-linecap":
                                                                          "round",
                                                                        "stroke-width":
                                                                          "3.503902439024392",
                                                                        "stroke-dasharray":
                                                                          "0",
                                                                        "data:angle":
                                                                          "196",
                                                                        "data:value":
                                                                          "54.4",
                                                                        index:
                                                                          "0",
                                                                        j: "0",
                                                                        "data:pathOrig":
                                                                          "M 30 16.9509756097561 A 11.5490243902439 11.5490243902439 0 1 1 26.816657454807142 39.60163477179886"
                                                                      }
                                                                    })
                                                                  ]
                                                                ),
                                                                _c("circle", {
                                                                  staticClass:
                                                                    "apexcharts-radialbar-hollow",
                                                                  attrs: {
                                                                    id:
                                                                      "SvgjsCircle2327",
                                                                    r:
                                                                      "4.849631707317069",
                                                                    cx: "30",
                                                                    cy: "28.5",
                                                                    fill:
                                                                      "transparent"
                                                                  }
                                                                }),
                                                                _c("g", {
                                                                  staticClass:
                                                                    "apexcharts-datalabels-group",
                                                                  staticStyle: {
                                                                    opacity: "1"
                                                                  },
                                                                  attrs: {
                                                                    id:
                                                                      "SvgjsG2328",
                                                                    transform:
                                                                      "translate(0, 0) scale(1)"
                                                                  }
                                                                })
                                                              ]
                                                            )
                                                          ]
                                                        )
                                                      ]
                                                    ),
                                                    _c("line", {
                                                      staticClass:
                                                        "apexcharts-ycrosshairs",
                                                      attrs: {
                                                        id: "SvgjsLine2331",
                                                        x1: "0",
                                                        y1: "0",
                                                        x2: "60",
                                                        y2: "0",
                                                        stroke: "#b6b6b6",
                                                        "stroke-dasharray": "0",
                                                        "stroke-width": "1"
                                                      }
                                                    }),
                                                    _c("line", {
                                                      staticClass:
                                                        "apexcharts-ycrosshairs-hidden",
                                                      attrs: {
                                                        id: "SvgjsLine2332",
                                                        x1: "0",
                                                        y1: "0",
                                                        x2: "60",
                                                        y2: "0",
                                                        "stroke-dasharray": "0",
                                                        "stroke-width": "0"
                                                      }
                                                    })
                                                  ]
                                                ),
                                                _c("g", {
                                                  staticClass:
                                                    "apexcharts-annotations",
                                                  attrs: { id: "SvgjsG2318" }
                                                })
                                              ]
                                            ),
                                            _c("div", {
                                              staticClass: "apexcharts-legend"
                                            })
                                          ]
                                        )
                                      ]
                                    ),
                                    _c(
                                      "div",
                                      { staticClass: "resize-triggers" },
                                      [
                                        _c(
                                          "div",
                                          { staticClass: "expand-trigger" },
                                          [
                                            _c("div", {
                                              staticStyle: {
                                                width: "85px",
                                                height: "34px"
                                              }
                                            })
                                          ]
                                        ),
                                        _c("div", {
                                          staticClass: "contract-trigger"
                                        })
                                      ]
                                    )
                                  ]
                                )
                              ]
                            )
                          ])
                        ],
                        1
                      ),
                      _vm._v(" "),
                      _c(
                        "b-card",
                        {
                          staticClass: "card-transaction custDetail",
                          attrs: { "no-body": "" }
                        },
                        [
                          _c(
                            "b-card-header",
                            [
                              _c("b-card-title", [_vm._v(" Notes")]),
                              _vm._v(" "),
                              _c("feather-icon", {
                                directives: [
                                  {
                                    name: "ripple",
                                    rawName: "v-ripple.400",
                                    value: "rgba(113, 102, 240, 0.15)",
                                    expression: "'rgba(113, 102, 240, 0.15)'",
                                    modifiers: { "400": true }
                                  },
                                  {
                                    name: "b-modal",
                                    rawName: "v-b-modal.customer-info",
                                    modifiers: { "customer-info": true }
                                  }
                                ],
                                staticClass: "cursor-pointer",
                                attrs: {
                                  icon: "AddIcon",
                                  size: "18",
                                  variant: "outline-primary"
                                }
                              })
                            ],
                            1
                          ),
                          _vm._v(" "),
                          _c(
                            "b-card-body",
                            _vm._l(_vm.notesData, function(note) {
                              return _c(
                                "div",
                                {
                                  key: note.mode,
                                  staticClass:
                                    "transaction-item paymentCont d-block wdth-100"
                                },
                                [
                                  _c(
                                    "b-media",
                                    { attrs: { "no-body": "" } },
                                    [
                                      _c(
                                        "b-media-body",
                                        [
                                          _c("b-form-textarea", {
                                            attrs: {
                                              id: "description-input",
                                              placeholder: "Description",
                                              rows: "3"
                                            }
                                          }),
                                          _vm._v(" "),
                                          _c(
                                            "div",
                                            { staticClass: "alignRight mt-25" },
                                            [
                                              _c(
                                                "b-button",
                                                {
                                                  attrs: {
                                                    variant: "primary",
                                                    size: "sm"
                                                  }
                                                },
                                                [
                                                  _c(
                                                    "span",
                                                    {
                                                      staticClass: "text-nowrap"
                                                    },
                                                    [_vm._v("Submit")]
                                                  )
                                                ]
                                              )
                                            ],
                                            1
                                          )
                                        ],
                                        1
                                      )
                                    ],
                                    1
                                  ),
                                  _vm._v(" "),
                                  _c("hr"),
                                  _vm._v(" "),
                                  _c(
                                    "b-media",
                                    { attrs: { "no-body": "" } },
                                    [
                                      _c("b-media-body", [
                                        _c(
                                          "h6",
                                          { staticClass: "transaction-title" },
                                          [
                                            _vm._v(
                                              "\n                                  " +
                                                _vm._s(note.mode) +
                                                " "
                                            ),
                                            _c(
                                              "span",
                                              {
                                                staticClass:
                                                  "font-weight-normal"
                                              },
                                              [
                                                _vm._v(
                                                  _vm._s(note.activitycreated)
                                                )
                                              ]
                                            )
                                          ]
                                        ),
                                        _vm._v(" "),
                                        _c("small", [
                                          _vm._v(_vm._s(note.types))
                                        ]),
                                        _c("p", { staticClass: "mb-0" }, [
                                          _vm._v(_vm._s(note.payment))
                                        ])
                                      ])
                                    ],
                                    1
                                  ),
                                  _vm._v(" "),
                                  _c("div", {
                                    staticClass: " rightDetai mt-1",
                                    class: note.deduction
                                      ? "text-primary"
                                      : "text-info"
                                  })
                                ],
                                1
                              )
                            }),
                            0
                          )
                        ],
                        1
                      ),
                      _vm._v(" "),
                      _c(
                        "b-card",
                        {
                          staticClass: "card-transaction custDetail",
                          attrs: { "no-body": "" }
                        },
                        [
                          _c(
                            "b-card-header",
                            [
                              _c("b-card-title", [_vm._v(" Activities")]),
                              _vm._v(" "),
                              _c("b-sidebar", {
                                attrs: {
                                  id: "customer-right",
                                  "bg-variant": "white",
                                  right: "",
                                  backdrop: "",
                                  shadow: ""
                                },
                                scopedSlots: _vm._u([
                                  {
                                    key: "default",
                                    fn: function(ref) {
                                      var hide = ref.hide
                                      return [
                                        _c("b-card-code", {
                                          attrs: { title: "Vehicle Details" }
                                        })
                                      ]
                                    }
                                  }
                                ])
                              })
                            ],
                            1
                          ),
                          _vm._v(" "),
                          _c(
                            "b-card-body",
                            [
                              [
                                _c(
                                  "app-timeline",
                                  [
                                    _c(
                                      "app-timeline-item",
                                      { attrs: { icon: "DollarSignIcon" } },
                                      [
                                        _c(
                                          "div",
                                          {
                                            staticClass:
                                              "d-flex flex-sm-row flex-column flex-wrap justify-content-between mb-1 mb-sm-0"
                                          },
                                          [
                                            _c("h6", [
                                              _vm._v(
                                                "12 Invoices have been paid"
                                              )
                                            ]),
                                            _vm._v(" "),
                                            _c(
                                              "small",
                                              { staticClass: "text-muted" },
                                              [_vm._v("12 min ago")]
                                            )
                                          ]
                                        ),
                                        _vm._v(" "),
                                        _c("p", [
                                          _vm._v(
                                            "Invoices have been paid to the company."
                                          )
                                        ]),
                                        _vm._v(" "),
                                        _c(
                                          "p",
                                          [
                                            _c("b-img", {
                                              staticClass: "mr-1",
                                              attrs: {
                                                src: __webpack_require__(/*! @/assets/images/icons/pdf.png */ "./frontend/src/assets/images/icons/pdf.png"),
                                                height: "auto",
                                                width: "20"
                                              }
                                            }),
                                            _vm._v(" "),
                                            _c(
                                              "span",
                                              { staticClass: "align-bottom" },
                                              [_vm._v("invoice.pdf")]
                                            )
                                          ],
                                          1
                                        )
                                      ]
                                    ),
                                    _vm._v(" "),
                                    _c(
                                      "app-timeline-item",
                                      {
                                        attrs: {
                                          variant: "secondary",
                                          icon: "UserIcon"
                                        }
                                      },
                                      [
                                        _c(
                                          "div",
                                          {
                                            staticClass:
                                              "d-flex flex-sm-row flex-column flex-wrap justify-content-between mb-1 mb-sm-0"
                                          },
                                          [
                                            _c("h6", [
                                              _vm._v("Client Meeting")
                                            ]),
                                            _vm._v(" "),
                                            _c(
                                              "small",
                                              { staticClass: "text-muted" },
                                              [_vm._v("45 min ago")]
                                            )
                                          ]
                                        ),
                                        _vm._v(" "),
                                        _c("p", [
                                          _vm._v(
                                            "Project meeting with john @10:15am."
                                          )
                                        ]),
                                        _vm._v(" "),
                                        _c(
                                          "b-media",
                                          {
                                            scopedSlots: _vm._u([
                                              {
                                                key: "aside",
                                                fn: function() {
                                                  return [
                                                    _c("b-avatar", {
                                                      attrs: {
                                                        src: __webpack_require__(/*! @/assets/images/avatars/12-small.png */ "./frontend/src/assets/images/avatars/12-small.png")
                                                      }
                                                    })
                                                  ]
                                                },
                                                proxy: true
                                              }
                                            ])
                                          },
                                          [
                                            _vm._v(" "),
                                            _c("h6", [
                                              _vm._v("John Doe (Client)")
                                            ]),
                                            _vm._v(" "),
                                            _c("p", [_vm._v("CEO of Infibeam")])
                                          ]
                                        )
                                      ],
                                      1
                                    )
                                  ],
                                  1
                                )
                              ]
                            ],
                            2
                          )
                        ],
                        1
                      )
                    ],
                    1
                  )
                ],
                1
              )
            ],
            1
          ),
          _vm._v(" "),
          _c(
            "b-row",
            [
              _c(
                "b-col",
                {
                  staticClass: "d-flex justify-content-between flex-column",
                  attrs: { cols: "21", xl: "12" }
                },
                [
                  _c(
                    "b-card",
                    {
                      staticClass: "card-transaction ",
                      attrs: { "no-body": "" }
                    },
                    [
                      _c(
                        "b-card-header",
                        [
                          _c("b-card-title", [_vm._v(" Work Order")]),
                          _vm._v(" "),
                          _c("feather-icon", {
                            directives: [
                              {
                                name: "ripple",
                                rawName: "v-ripple.400",
                                value: "rgba(113, 102, 240, 0.15)",
                                expression: "'rgba(113, 102, 240, 0.15)'",
                                modifiers: { "400": true }
                              },
                              {
                                name: "b-toggle",
                                rawName: "v-b-toggle.work-order",
                                modifiers: { "work-order": true }
                              }
                            ],
                            staticClass: "cursor-pointer",
                            attrs: {
                              icon: "EditIcon",
                              size: "18",
                              variant: "outline-primary"
                            }
                          }),
                          _vm._v(" "),
                          _c("b-sidebar", {
                            attrs: {
                              id: "work-order",
                              "bg-variant": "white",
                              right: "",
                              backdrop: "",
                              shadow: ""
                            },
                            scopedSlots: _vm._u([
                              {
                                key: "default",
                                fn: function(ref) {
                                  var hide = ref.hide
                                  return [
                                    _c(
                                      "b-card-code",
                                      { attrs: { title: "Work Order" } },
                                      [
                                        _c(
                                          "div",
                                          [
                                            _c(
                                              "b-row",
                                              [
                                                _c(
                                                  "b-col",
                                                  { attrs: { cols: "12" } },
                                                  [
                                                    _c(
                                                      "b-form-group",
                                                      {
                                                        attrs: {
                                                          label:
                                                            "Select Service",
                                                          "label-for":
                                                            "vue-select"
                                                        }
                                                      },
                                                      [
                                                        _c("v-select", {
                                                          attrs: {
                                                            id: "vue-select",
                                                            dir: _vm.$store
                                                              .state.appConfig
                                                              .isRTL
                                                              ? "rtl"
                                                              : "ltr",
                                                            options:
                                                              _vm.optionCountry
                                                          },
                                                          model: {
                                                            value:
                                                              _vm.selectedCountry,
                                                            callback: function(
                                                              $$v
                                                            ) {
                                                              _vm.selectedCountry = $$v
                                                            },
                                                            expression:
                                                              "selectedCountry"
                                                          }
                                                        })
                                                      ],
                                                      1
                                                    )
                                                  ],
                                                  1
                                                ),
                                                _vm._v(" "),
                                                _c(
                                                  "b-col",
                                                  { attrs: { cols: "12" } },
                                                  [
                                                    _c(
                                                      "b-form-group",
                                                      {
                                                        attrs: {
                                                          label:
                                                            "Select Service Option",
                                                          "label-for":
                                                            "vue-select"
                                                        }
                                                      },
                                                      [
                                                        _c("v-select", {
                                                          attrs: {
                                                            id: "vue-select",
                                                            dir: _vm.$store
                                                              .state.appConfig
                                                              .isRTL
                                                              ? "rtl"
                                                              : "ltr",
                                                            options:
                                                              _vm.optionCountry
                                                          },
                                                          model: {
                                                            value:
                                                              _vm.selectedCountry,
                                                            callback: function(
                                                              $$v
                                                            ) {
                                                              _vm.selectedCountry = $$v
                                                            },
                                                            expression:
                                                              "selectedCountry"
                                                          }
                                                        })
                                                      ],
                                                      1
                                                    )
                                                  ],
                                                  1
                                                ),
                                                _vm._v(" "),
                                                _c(
                                                  "b-col",
                                                  { attrs: { cols: "6" } },
                                                  [
                                                    _c(
                                                      "b-form-group",
                                                      {
                                                        attrs: {
                                                          label: "Quantity",
                                                          "label-for":
                                                            "defaultLabel"
                                                        }
                                                      },
                                                      [
                                                        _c("b-form-input", {
                                                          attrs: {
                                                            id: "defaultLabel",
                                                            placeholder:
                                                              "Quantity"
                                                          }
                                                        })
                                                      ],
                                                      1
                                                    )
                                                  ],
                                                  1
                                                ),
                                                _vm._v(" "),
                                                _c(
                                                  "b-col",
                                                  { attrs: { cols: "6" } },
                                                  [
                                                    _c(
                                                      "b-form-group",
                                                      {
                                                        attrs: {
                                                          label: "Price",
                                                          "label-for":
                                                            "defaultLabel"
                                                        }
                                                      },
                                                      [
                                                        _c("b-form-input", {
                                                          attrs: {
                                                            id: "defaultLabel",
                                                            placeholder: "Price"
                                                          }
                                                        })
                                                      ],
                                                      1
                                                    )
                                                  ],
                                                  1
                                                ),
                                                _vm._v(" "),
                                                _c(
                                                  "b-form-group",
                                                  {
                                                    attrs: {
                                                      label: "Description",
                                                      "label-for": "notes-text"
                                                    }
                                                  },
                                                  [
                                                    _c("b-form-textarea", {
                                                      attrs: {
                                                        id: "notes-text",
                                                        placeholder:
                                                          "Description",
                                                        rows: "3"
                                                      }
                                                    })
                                                  ],
                                                  1
                                                )
                                              ],
                                              1
                                            )
                                          ],
                                          1
                                        ),
                                        _vm._v(" "),
                                        _c(
                                          "div",
                                          { staticClass: "d-flex mt-2" },
                                          [
                                            _c(
                                              "b-button",
                                              {
                                                directives: [
                                                  {
                                                    name: "ripple",
                                                    rawName: "v-ripple.400",
                                                    value:
                                                      "rgba(255, 255, 255, 0.15)",
                                                    expression:
                                                      "'rgba(255, 255, 255, 0.15)'",
                                                    modifiers: { "400": true }
                                                  }
                                                ],
                                                staticClass: "mr-2",
                                                attrs: {
                                                  variant: "primary",
                                                  type: "submit"
                                                }
                                              },
                                              [
                                                _vm._v(
                                                  "\n                                    Save & Close\n                                  "
                                                )
                                              ]
                                            ),
                                            _vm._v(" "),
                                            _c(
                                              "b-button",
                                              {
                                                directives: [
                                                  {
                                                    name: "ripple",
                                                    rawName: "v-ripple.400",
                                                    value:
                                                      "rgba(186, 191, 199, 0.15)",
                                                    expression:
                                                      "'rgba(186, 191, 199, 0.15)'",
                                                    modifiers: { "400": true }
                                                  }
                                                ],
                                                attrs: {
                                                  type: "button",
                                                  variant: "outline-secondary"
                                                },
                                                on: { click: hide }
                                              },
                                              [
                                                _vm._v(
                                                  "\n                                    Cancel\n                                  "
                                                )
                                              ]
                                            )
                                          ],
                                          1
                                        )
                                      ]
                                    )
                                  ]
                                }
                              }
                            ])
                          })
                        ],
                        1
                      ),
                      _vm._v(" "),
                      _c(
                        "b-card-body",
                        [
                          _c("b-table", {
                            ref: "refInvoiceListTable",
                            staticClass: "position-relative",
                            attrs: {
                              items: _vm.fetchInvoices,
                              responsive: "",
                              fields: _vm.tableColumns,
                              "primary-key": "id",
                              "sort-by": _vm.sortBy,
                              "show-empty": "",
                              "empty-text": "No matching records found",
                              "sort-desc": _vm.isSortDirDesc
                            },
                            on: {
                              "update:sortBy": function($event) {
                                _vm.sortBy = $event
                              },
                              "update:sort-by": function($event) {
                                _vm.sortBy = $event
                              },
                              "update:sortDesc": function($event) {
                                _vm.isSortDirDesc = $event
                              },
                              "update:sort-desc": function($event) {
                                _vm.isSortDirDesc = $event
                              }
                            },
                            scopedSlots: _vm._u([
                              {
                                key: "head(invoiceStatus)",
                                fn: function() {
                                  return [
                                    _c("feather-icon", {
                                      staticClass: "mx-auto",
                                      attrs: { icon: "TrendingUpIcon" }
                                    })
                                  ]
                                },
                                proxy: true
                              },
                              {
                                key: "cell(id)",
                                fn: function(data) {
                                  return [
                                    _c(
                                      "b-link",
                                      {
                                        staticClass: "font-weight-bold",
                                        attrs: {
                                          to: {
                                            name: "apps-invoice-preview",
                                            params: { id: data.item.id }
                                          }
                                        }
                                      },
                                      [
                                        _vm._v(
                                          "\n          #" +
                                            _vm._s(data.value) +
                                            "\n        "
                                        )
                                      ]
                                    )
                                  ]
                                }
                              },
                              {
                                key: "cell(invoiceStatus)",
                                fn: function(data) {
                                  return [
                                    _c(
                                      "b-avatar",
                                      {
                                        attrs: {
                                          id: "invoice-row-" + data.item.id,
                                          size: "32",
                                          variant:
                                            "light-" +
                                            _vm.resolveInvoiceStatusVariantAndIcon(
                                              data.item.invoiceStatus
                                            ).variant
                                        }
                                      },
                                      [
                                        _c("feather-icon", {
                                          attrs: {
                                            icon: _vm.resolveInvoiceStatusVariantAndIcon(
                                              data.item.invoiceStatus
                                            ).icon
                                          }
                                        })
                                      ],
                                      1
                                    ),
                                    _vm._v(" "),
                                    _c(
                                      "b-tooltip",
                                      {
                                        attrs: {
                                          target: "invoice-row-" + data.item.id,
                                          placement: "top"
                                        }
                                      },
                                      [
                                        _c("p", { staticClass: "mb-0" }, [
                                          _vm._v(
                                            "\n            " +
                                              _vm._s(data.item.invoiceStatus) +
                                              "\n          "
                                          )
                                        ]),
                                        _vm._v(" "),
                                        _c("p", { staticClass: "mb-0" }, [
                                          _vm._v(
                                            "\n            Balance: " +
                                              _vm._s(data.item.balance) +
                                              "\n          "
                                          )
                                        ]),
                                        _vm._v(" "),
                                        _c("p", { staticClass: "mb-0" }, [
                                          _vm._v(
                                            "\n            Due Date: " +
                                              _vm._s(data.item.dueDate) +
                                              "\n          "
                                          )
                                        ])
                                      ]
                                    )
                                  ]
                                }
                              },
                              {
                                key: "cell(client)",
                                fn: function(data) {
                                  return [
                                    _c(
                                      "b-media",
                                      {
                                        attrs: { "vertical-align": "center" },
                                        scopedSlots: _vm._u(
                                          [
                                            {
                                              key: "aside",
                                              fn: function() {
                                                return [
                                                  _c("b-avatar", {
                                                    attrs: {
                                                      size: "32",
                                                      src: data.item.avatar,
                                                      text: _vm.avatarText(
                                                        data.item.client.name
                                                      ),
                                                      variant:
                                                        "light-" +
                                                        _vm.resolveClientAvatarVariant(
                                                          data.item
                                                            .invoiceStatus
                                                        )
                                                    }
                                                  })
                                                ]
                                              },
                                              proxy: true
                                            }
                                          ],
                                          null,
                                          true
                                        )
                                      },
                                      [
                                        _vm._v(" "),
                                        _c(
                                          "span",
                                          {
                                            staticClass:
                                              "font-weight-bold d-block text-nowrap"
                                          },
                                          [
                                            _vm._v(
                                              "\n            " +
                                                _vm._s(data.item.client.name) +
                                                "\n          "
                                            )
                                          ]
                                        ),
                                        _vm._v(" "),
                                        _c(
                                          "small",
                                          { staticClass: "text-muted" },
                                          [
                                            _vm._v(
                                              _vm._s(
                                                data.item.client.companyEmail
                                              )
                                            )
                                          ]
                                        )
                                      ]
                                    )
                                  ]
                                }
                              },
                              {
                                key: "cell(issuedDate)",
                                fn: function(data) {
                                  return [
                                    _c("span", { staticClass: "text-nowrap" }, [
                                      _vm._v(
                                        "\n          " +
                                          _vm._s(data.value) +
                                          "\n        "
                                      )
                                    ])
                                  ]
                                }
                              },
                              {
                                key: "cell(balance)",
                                fn: function(data) {
                                  return [
                                    data.value === 0
                                      ? [
                                          _c(
                                            "b-badge",
                                            {
                                              attrs: {
                                                pill: "",
                                                variant: "light-success"
                                              }
                                            },
                                            [
                                              _vm._v(
                                                "\n            Paid\n          "
                                              )
                                            ]
                                          )
                                        ]
                                      : [
                                          _vm._v(
                                            "\n          " +
                                              _vm._s(data.value) +
                                              "\n        "
                                          )
                                        ]
                                  ]
                                }
                              },
                              {
                                key: "cell(actions)",
                                fn: function(data) {
                                  return [
                                    _c(
                                      "div",
                                      { staticClass: "text-nowrap" },
                                      [
                                        _c("feather-icon", {
                                          staticClass: "cursor-pointer",
                                          attrs: {
                                            id:
                                              "invoice-row-" +
                                              data.item.id +
                                              "-send-icon",
                                            icon: "SendIcon",
                                            size: "16"
                                          }
                                        }),
                                        _vm._v(" "),
                                        _c("b-tooltip", {
                                          staticClass: "cursor-pointer",
                                          attrs: {
                                            title: "Send Invoice",
                                            target:
                                              "invoice-row-" +
                                              data.item.id +
                                              "-send-icon"
                                          }
                                        }),
                                        _vm._v(" "),
                                        _c("feather-icon", {
                                          staticClass: "mx-1",
                                          attrs: {
                                            id:
                                              "invoice-row-" +
                                              data.item.id +
                                              "-preview-icon",
                                            icon: "EyeIcon",
                                            size: "16"
                                          },
                                          on: {
                                            click: function($event) {
                                              return _vm.$router.push({
                                                name: "apps-invoice-preview",
                                                params: { id: data.item.id }
                                              })
                                            }
                                          }
                                        }),
                                        _vm._v(" "),
                                        _c("b-tooltip", {
                                          attrs: {
                                            title: "Preview Invoice",
                                            target:
                                              "invoice-row-" +
                                              data.item.id +
                                              "-preview-icon"
                                          }
                                        }),
                                        _vm._v(" "),
                                        _c(
                                          "b-dropdown",
                                          {
                                            attrs: {
                                              variant: "link",
                                              "toggle-class": "p-0",
                                              "no-caret": "",
                                              right:
                                                _vm.$store.state.appConfig.isRTL
                                            },
                                            scopedSlots: _vm._u(
                                              [
                                                {
                                                  key: "button-content",
                                                  fn: function() {
                                                    return [
                                                      _c("feather-icon", {
                                                        staticClass:
                                                          "align-middle text-body",
                                                        attrs: {
                                                          icon:
                                                            "MoreVerticalIcon",
                                                          size: "16"
                                                        }
                                                      })
                                                    ]
                                                  },
                                                  proxy: true
                                                }
                                              ],
                                              null,
                                              true
                                            )
                                          },
                                          [
                                            _vm._v(" "),
                                            _c(
                                              "b-dropdown-item",
                                              [
                                                _c("feather-icon", {
                                                  attrs: {
                                                    icon: "DownloadIcon"
                                                  }
                                                }),
                                                _vm._v(" "),
                                                _c(
                                                  "span",
                                                  {
                                                    staticClass:
                                                      "align-middle ml-50"
                                                  },
                                                  [_vm._v("Download")]
                                                )
                                              ],
                                              1
                                            ),
                                            _vm._v(" "),
                                            _c(
                                              "b-dropdown-item",
                                              {
                                                attrs: {
                                                  to: {
                                                    name: "apps-invoice-edit",
                                                    params: { id: data.item.id }
                                                  }
                                                }
                                              },
                                              [
                                                _c("feather-icon", {
                                                  attrs: { icon: "EditIcon" }
                                                }),
                                                _vm._v(" "),
                                                _c(
                                                  "span",
                                                  {
                                                    staticClass:
                                                      "align-middle ml-50"
                                                  },
                                                  [_vm._v("Edit")]
                                                )
                                              ],
                                              1
                                            ),
                                            _vm._v(" "),
                                            _c(
                                              "b-dropdown-item",
                                              [
                                                _c("feather-icon", {
                                                  attrs: { icon: "TrashIcon" }
                                                }),
                                                _vm._v(" "),
                                                _c(
                                                  "span",
                                                  {
                                                    staticClass:
                                                      "align-middle ml-50"
                                                  },
                                                  [_vm._v("Delete")]
                                                )
                                              ],
                                              1
                                            ),
                                            _vm._v(" "),
                                            _c(
                                              "b-dropdown-item",
                                              [
                                                _c("feather-icon", {
                                                  attrs: { icon: "CopyIcon" }
                                                }),
                                                _vm._v(" "),
                                                _c(
                                                  "span",
                                                  {
                                                    staticClass:
                                                      "align-middle ml-50"
                                                  },
                                                  [_vm._v("Duplicate")]
                                                )
                                              ],
                                              1
                                            )
                                          ],
                                          1
                                        )
                                      ],
                                      1
                                    )
                                  ]
                                }
                              }
                            ])
                          })
                        ],
                        1
                      )
                    ],
                    1
                  )
                ],
                1
              )
            ],
            1
          )
        ],
        1
      )
    ]
  )
}
var staticRenderFns = []
render._withStripped = true



/***/ }),

/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/inventory/inventory-list/customerInformation.vue?vue&type=template&id=6b8192ec&":
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/inventory/inventory-list/customerInformation.vue?vue&type=template&id=6b8192ec& ***!
  \******************************************************************************************************************************************************************************************************************************************/
/*! exports provided: render, staticRenderFns */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
var render = function() {
  var _vm = this
  var _h = _vm.$createElement
  var _c = _vm._self._c || _h
  return _c(
    "div",
    [
      _c("b-card-code", { attrs: { title: "Vehicle Details" } }, [
        _c(
          "div",
          [
            _c(
              "b-row",
              [
                _c(
                  "b-col",
                  { attrs: { cols: "6" } },
                  [
                    _c(
                      "b-form-group",
                      {
                        attrs: {
                          label: "Vin Number",
                          "label-for": "defaultLabel"
                        }
                      },
                      [
                        _c("b-form-input", {
                          attrs: {
                            id: "defaultLabel",
                            placeholder: "Vin Number"
                          }
                        })
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "b-col",
                  { attrs: { cols: "6" } },
                  [
                    _c(
                      "b-form-group",
                      { attrs: { label: "Make", "label-for": "defaultLabel" } },
                      [
                        _c("b-form-input", {
                          attrs: { id: "defaultLabel", placeholder: "Make" }
                        })
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "b-col",
                  { attrs: { cols: "6" } },
                  [
                    _c(
                      "b-form-group",
                      {
                        attrs: { label: "Model", "label-for": "defaultLabel" }
                      },
                      [
                        _c("b-form-input", {
                          attrs: { id: "defaultLabel", placeholder: "Model" }
                        })
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "b-col",
                  { attrs: { cols: "6" } },
                  [
                    _c(
                      "b-form-group",
                      { attrs: { label: "Year", "label-for": "defaultLabel" } },
                      [
                        _c("b-form-input", {
                          attrs: { id: "defaultLabel", placeholder: "Year" }
                        })
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "b-col",
                  { attrs: { cols: "6" } },
                  [
                    _c(
                      "b-form-group",
                      {
                        attrs: {
                          label: "Body Type",
                          "label-for": "defaultLabel"
                        }
                      },
                      [
                        _c("b-form-input", {
                          attrs: {
                            id: "defaultLabel",
                            placeholder: "Body Type"
                          }
                        })
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "b-col",
                  { attrs: { cols: "6" } },
                  [
                    _c(
                      "b-form-group",
                      {
                        attrs: { label: "Volume", "label-for": "defaultLabel" }
                      },
                      [
                        _c("b-form-input", {
                          attrs: { id: "defaultLabel", placeholder: "Volume" }
                        })
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "b-col",
                  { attrs: { cols: "6" } },
                  [
                    _c(
                      "b-form-group",
                      {
                        attrs: { label: "Length", "label-for": "defaultLabel" }
                      },
                      [
                        _c("b-form-input", {
                          attrs: { id: "defaultLabel", placeholder: "Length" }
                        })
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "b-col",
                  { attrs: { cols: "6" } },
                  [
                    _c(
                      "b-form-group",
                      {
                        attrs: { label: "Weight", "label-for": "defaultLabel" }
                      },
                      [
                        _c("b-form-input", {
                          attrs: { id: "defaultLabel", placeholder: "Weight" }
                        })
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "b-col",
                  { attrs: { cols: "6" } },
                  [
                    _c(
                      "b-form-group",
                      {
                        attrs: { label: "Height", "label-for": "defaultLabel" }
                      },
                      [
                        _c("b-form-input", {
                          attrs: { id: "defaultLabel", placeholder: "Height" }
                        })
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "b-col",
                  { attrs: { cols: "6" } },
                  [
                    _c(
                      "b-form-group",
                      {
                        attrs: {
                          label: "Curb Weight",
                          "label-for": "defaultLabel"
                        }
                      },
                      [
                        _c("b-form-input", {
                          attrs: {
                            id: "defaultLabel",
                            placeholder: "Curb Weight"
                          }
                        })
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "b-col",
                  { attrs: { cols: "6" } },
                  [
                    _c(
                      "b-form-group",
                      {
                        attrs: { label: "Color", "label-for": "defaultLabel" }
                      },
                      [
                        _c("b-form-input", {
                          attrs: { id: "defaultLabel", placeholder: "Color" }
                        })
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "b-col",
                  { attrs: { cols: "6" } },
                  [
                    _c(
                      "b-form-group",
                      { attrs: { label: "Trim", "label-for": "defaultLabel" } },
                      [
                        _c("b-form-input", {
                          attrs: { id: "defaultLabel", placeholder: "Trim" }
                        })
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "b-col",
                  { attrs: { cols: "6" } },
                  [
                    _c(
                      "b-form-group",
                      {
                        attrs: { label: "Height", "label-for": "defaultLabel" }
                      },
                      [
                        _c("b-form-input", {
                          attrs: { id: "defaultLabel", placeholder: "Height" }
                        })
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "b-col",
                  { attrs: { cols: "6" } },
                  [
                    _c(
                      "b-form-group",
                      {
                        attrs: { label: "Category", "label-for": "vue-select" }
                      },
                      [
                        _c("v-select", {
                          attrs: {
                            id: "vue-select",
                            dir: _vm.$store.state.appConfig.isRTL
                              ? "rtl"
                              : "ltr",
                            options: _vm.optionCountry
                          },
                          model: {
                            value: _vm.selectedCountry,
                            callback: function($$v) {
                              _vm.selectedCountry = $$v
                            },
                            expression: "selectedCountry"
                          }
                        })
                      ],
                      1
                    )
                  ],
                  1
                )
              ],
              1
            )
          ],
          1
        )
      ])
    ],
    1
  )
}
var staticRenderFns = []
render._withStripped = true



/***/ }),

/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/inventory/inventory-list/customerInformationEdit.vue?vue&type=template&id=62e10616&":
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/inventory/inventory-list/customerInformationEdit.vue?vue&type=template&id=62e10616& ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/*! exports provided: render, staticRenderFns */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
var render = function() {
  var _vm = this
  var _h = _vm.$createElement
  var _c = _vm._self._c || _h
  return _c(
    "div",
    [
      _c("b-card-code", { attrs: { title: "Vehicle Details" } }, [
        _c(
          "div",
          [
            _c(
              "b-row",
              [
                _c(
                  "b-col",
                  { attrs: { cols: "6" } },
                  [
                    _c(
                      "b-form-group",
                      {
                        attrs: {
                          label: "Vin Number",
                          "label-for": "defaultLabel"
                        }
                      },
                      [
                        _c("b-form-input", {
                          attrs: {
                            id: "defaultLabel",
                            placeholder: "Vin Number"
                          }
                        })
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "b-col",
                  { attrs: { cols: "6" } },
                  [
                    _c(
                      "b-form-group",
                      { attrs: { label: "Make", "label-for": "defaultLabel" } },
                      [
                        _c("b-form-input", {
                          attrs: { id: "defaultLabel", placeholder: "Make" }
                        })
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "b-col",
                  { attrs: { cols: "6" } },
                  [
                    _c(
                      "b-form-group",
                      {
                        attrs: { label: "Model", "label-for": "defaultLabel" }
                      },
                      [
                        _c("b-form-input", {
                          attrs: { id: "defaultLabel", placeholder: "Model" }
                        })
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "b-col",
                  { attrs: { cols: "6" } },
                  [
                    _c(
                      "b-form-group",
                      { attrs: { label: "Year", "label-for": "defaultLabel" } },
                      [
                        _c("b-form-input", {
                          attrs: { id: "defaultLabel", placeholder: "Year" }
                        })
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "b-col",
                  { attrs: { cols: "6" } },
                  [
                    _c(
                      "b-form-group",
                      {
                        attrs: {
                          label: "Body Type",
                          "label-for": "defaultLabel"
                        }
                      },
                      [
                        _c("b-form-input", {
                          attrs: {
                            id: "defaultLabel",
                            placeholder: "Body Type"
                          }
                        })
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "b-col",
                  { attrs: { cols: "6" } },
                  [
                    _c(
                      "b-form-group",
                      {
                        attrs: { label: "Volume", "label-for": "defaultLabel" }
                      },
                      [
                        _c("b-form-input", {
                          attrs: { id: "defaultLabel", placeholder: "Volume" }
                        })
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "b-col",
                  { attrs: { cols: "6" } },
                  [
                    _c(
                      "b-form-group",
                      {
                        attrs: { label: "Length", "label-for": "defaultLabel" }
                      },
                      [
                        _c("b-form-input", {
                          attrs: { id: "defaultLabel", placeholder: "Length" }
                        })
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "b-col",
                  { attrs: { cols: "6" } },
                  [
                    _c(
                      "b-form-group",
                      {
                        attrs: { label: "Weight", "label-for": "defaultLabel" }
                      },
                      [
                        _c("b-form-input", {
                          attrs: { id: "defaultLabel", placeholder: "Weight" }
                        })
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "b-col",
                  { attrs: { cols: "6" } },
                  [
                    _c(
                      "b-form-group",
                      {
                        attrs: { label: "Height", "label-for": "defaultLabel" }
                      },
                      [
                        _c("b-form-input", {
                          attrs: { id: "defaultLabel", placeholder: "Height" }
                        })
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "b-col",
                  { attrs: { cols: "6" } },
                  [
                    _c(
                      "b-form-group",
                      {
                        attrs: {
                          label: "Curb Weight",
                          "label-for": "defaultLabel"
                        }
                      },
                      [
                        _c("b-form-input", {
                          attrs: {
                            id: "defaultLabel",
                            placeholder: "Curb Weight"
                          }
                        })
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "b-col",
                  { attrs: { cols: "6" } },
                  [
                    _c(
                      "b-form-group",
                      {
                        attrs: { label: "Color", "label-for": "defaultLabel" }
                      },
                      [
                        _c("b-form-input", {
                          attrs: { id: "defaultLabel", placeholder: "Color" }
                        })
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "b-col",
                  { attrs: { cols: "6" } },
                  [
                    _c(
                      "b-form-group",
                      { attrs: { label: "Trim", "label-for": "defaultLabel" } },
                      [
                        _c("b-form-input", {
                          attrs: { id: "defaultLabel", placeholder: "Trim" }
                        })
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "b-col",
                  { attrs: { cols: "6" } },
                  [
                    _c(
                      "b-form-group",
                      {
                        attrs: { label: "Height", "label-for": "defaultLabel" }
                      },
                      [
                        _c("b-form-input", {
                          attrs: { id: "defaultLabel", placeholder: "Height" }
                        })
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "b-col",
                  { attrs: { cols: "6" } },
                  [
                    _c(
                      "b-form-group",
                      {
                        attrs: { label: "Category", "label-for": "vue-select" }
                      },
                      [
                        _c("v-select", {
                          attrs: {
                            id: "vue-select",
                            dir: _vm.$store.state.appConfig.isRTL
                              ? "rtl"
                              : "ltr",
                            options: _vm.optionCountry
                          },
                          model: {
                            value: _vm.selectedCountry,
                            callback: function($$v) {
                              _vm.selectedCountry = $$v
                            },
                            expression: "selectedCountry"
                          }
                        })
                      ],
                      1
                    )
                  ],
                  1
                )
              ],
              1
            ),
            _vm._v(" "),
            _c(
              "div",
              { staticClass: "d-flex mt-2" },
              [
                _c(
                  "b-button",
                  {
                    directives: [
                      {
                        name: "ripple",
                        rawName: "v-ripple.400",
                        value: "rgba(255, 255, 255, 0.15)",
                        expression: "'rgba(255, 255, 255, 0.15)'",
                        modifiers: { "400": true }
                      }
                    ],
                    staticClass: "mr-2",
                    attrs: { variant: "primary", type: "submit" }
                  },
                  [_vm._v("\n            Add\n          ")]
                ),
                _vm._v(" "),
                _c(
                  "b-button",
                  {
                    directives: [
                      {
                        name: "ripple",
                        rawName: "v-ripple.400",
                        value: "rgba(186, 191, 199, 0.15)",
                        expression: "'rgba(186, 191, 199, 0.15)'",
                        modifiers: { "400": true }
                      }
                    ],
                    attrs: { type: "button", variant: "outline-secondary" },
                    on: { click: _vm.hide }
                  },
                  [_vm._v("\n            Cancel\n          ")]
                )
              ],
              1
            )
          ],
          1
        )
      ])
    ],
    1
  )
}
var staticRenderFns = []
render._withStripped = true



/***/ })

}]);