text: (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[135],{
  
  /***/ "./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/views/inventory/inventory-list/InventoryView.vue":
  /*!***********************************************************************!*\
    !*** ./frontend/src/views/inventory/inventory-list/InventoryView.vue ***!
    \***********************************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _InventoryView_vue_vue_type_template_id_de2e0d02_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./InventoryView.vue?vue&type=template&id=de2e0d02&scoped=true& */ "./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=template&id=de2e0d02&scoped=true&");
  /* 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&");
  /* empty/unused harmony star reexport *//* 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_id_de2e0d02_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./InventoryView.vue?vue&type=style&index=1&id=de2e0d02&scoped=true&lang=css& */ "./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=style&index=1&id=de2e0d02&scoped=true&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_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
    _InventoryView_vue_vue_type_template_id_de2e0d02_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
    false,
    null,
    "de2e0d02",
    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& ***!
    \************************************************************************************************/
  /*! 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_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&id=de2e0d02&scoped=true&lang=css&":
  /*!********************************************************************************************************************************!*\
    !*** ./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=style&index=1&id=de2e0d02&scoped=true&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_id_de2e0d02_scoped_true_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&id=de2e0d02&scoped=true&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&id=de2e0d02&scoped=true&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_id_de2e0d02_scoped_true_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_id_de2e0d02_scoped_true_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_id_de2e0d02_scoped_true_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_id_de2e0d02_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  
  
  /***/ }),
  
  /***/ "./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=template&id=de2e0d02&scoped=true&":
  /*!******************************************************************************************************************!*\
    !*** ./frontend/src/views/inventory/inventory-list/InventoryView.vue?vue&type=template&id=de2e0d02&scoped=true& ***!
    \******************************************************************************************************************/
  /*! 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_scoped_true___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&scoped=true& */ "./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&scoped=true&");
  /* 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_scoped_true___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_scoped_true___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/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/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/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/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";
  
  /***/ }),
  
  /***/ "./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 _code__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./code */ "./frontend/src/views/inventory/inventory-list/code.js");
  /* harmony import */ var _core_components_b_card_actions_BCardActions_vue__WEBPACK_IMPORTED_MODULE_3__ = __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_4__ = __webpack_require__(/*! ./fileInput */ "./frontend/src/views/inventory/inventory-list/fileInput.js");
  /* harmony import */ var _docTable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./docTable */ "./frontend/src/views/inventory/inventory-list/docTable.js");
  /* harmony import */ var _gallery__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./gallery */ "./frontend/src/views/inventory/inventory-list/gallery.js");
  /* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./modal */ "./frontend/src/views/inventory/inventory-list/modal.js");
  /* harmony import */ var _textAreaCode__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./textAreaCode */ "./frontend/src/views/inventory/inventory-list/textAreaCode.js");
  /* harmony import */ var vue_select__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! vue-select */ "./frontend/node_modules/vue-select/dist/vue-select.js");
  /* harmony import */ var vue_select__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(vue_select__WEBPACK_IMPORTED_MODULE_9__);
  /* harmony import */ var vue_ripple_directive__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! vue-ripple-directive */ "./frontend/node_modules/vue-ripple-directive/src/ripple.js");
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  
  
  
  
  
  
  
  
  /* harmony default export */ __webpack_exports__["default"] = ({
    components: {
      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_3__["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_9___default.a,
      BFormTextarea: BFormTextarea
    },
    methods: {
      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"],
      Ripple: vue_ripple_directive__WEBPACK_IMPORTED_MODULE_10__["default"]
    },
    data: function data() {
      return {
        selectedCountry: 'Select',
        optionCountry: ['Original Dock Receipt', 'Stamped Dock Receipts'],
        selected: 'Select Customer',
        option: ['John Doe', 'James Craley'],
        codePrevent: _modal__WEBPACK_IMPORTED_MODULE_7__["codePrevent"],
        name: '',
        nameState: null,
        submittedNames: [],
        codeDefault: _textAreaCode__WEBPACK_IMPORTED_MODULE_8__["codeDefault"],
        codeMultiple: _fileInput__WEBPACK_IMPORTED_MODULE_4__["codeMultiple"],
        codeBasic: _docTable__WEBPACK_IMPORTED_MODULE_5__["codeBasic"],
        mainProps: {
          blank: true,
          width: 75,
          height: 75,
          "class": 'm1'
        },
        codeBlank: _gallery__WEBPACK_IMPORTED_MODULE_6__["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_No: 40,
          Date: '25-03-21',
          Price: '0.00',
          Status: 'Open',
          Action: 'Delete'
        }, {
          Wk_No: 21,
          Date: '25-03-21',
          Price: '0.00',
          Status: 'Processed',
          Action: 'Delete'
        }, {
          Wk_No: 89,
          Date: '25-03-21',
          Price: '0.00',
          Status: 'Completed',
          Action: 'Delete'
        }, {
          Wk_No: 38,
          Date: '25-03-21',
          Price: '0.00',
          Status: 'Open',
          Action: 'Delete'
        }, {
          Wk_No: 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: 'VIN Number:',
          avatarVariant: 'light-info',
          payment: 'JH4DA9340LS003571',
          deduction: true
        }, {
          mode: 'Year/Make/Model/Trim:',
          avatarVariant: 'light-info',
          payment: '1990 Acura Integra RS Coupe',
          deduction: false
        }, {
          mode: 'Body Type:',
          avatarVariant: 'light-info',
          payment: 'HATCHBACK 2-DR',
          deduction: false
        }, {
          mode: 'Engine Type - Volume:',
          avatarVariant: 'light-info',
          payment: '1.8L L4 DOHC 16V - 9.97',
          deduction: true
        }, {
          mode: 'Dimensions (Inches):',
          avatarVariant: 'light-info',
          payment: '608310.612Inches',
          deduction: false
        }, {
          mode: 'Curb Weight:',
          avatarVariant: 'light-info',
          payment: '2544',
          deduction: false
        }, {
          mode: 'Color:',
          avatarVariant: 'light-info',
          payment: 'White',
          deduction: false
        }, {
          mode: 'Category:',
          avatarVariant: 'light-info',
          payment: 'Small Sedans',
          deduction: false
        }],
        customerData: [{
          mode: 'Abdul Rehman',
          avatarVariant: 'light-info',
          payment: 'a_rehman32@gmail.com',
          deduction: true
        }, {
          mode: '129385739',
          avatarVariant: 'light-info',
          payment: 'test',
          deduction: false
        }],
        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'
        }],
        informationData: [{
          mode: 'Condition',
          avatarVariant: 'light-info',
          payment: 'N/A',
          checked: false
        }, {
          mode: 'Key',
          avatarVariant: 'light-info',
          payment: 'N/A',
          checked: false
        }, {
          mode: 'Title/Documents',
          avatarVariant: 'light-info',
          payment: 'N/A',
          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/Documents',
          avatarVariant: 'light-info',
          payment: 'N/A',
          deduction: false
        }],
        activitiesData: [{
          mode: 'Inventory created',
          avatarVariant: 'light-info',
          payment: '12 Feb, 2021 08:02 am by Super Admin',
          deduction: true
        }, {
          mode: 'Delivered by Test (Josh Transport test)',
          avatarVariant: 'light-info',
          deduction: true
        }, {
          mode: 'New images added',
          avatarVariant: 'light-info',
          payment: '10 Dec, 2020 11:12 am by Super Admin',
          deduction: true
        }]
      };
    }
  });
  
  /***/ }),
  
  /***/ "./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&id=de2e0d02&scoped=true&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&id=de2e0d02&scoped=true&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[dir] .cardHeader[data-v-de2e0d02]{\n  background-color: #f4bc33;\n}\n.headCont[data-v-de2e0d02]{\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.cardHeader.card .card-header[data-v-de2e0d02]{\n  display: none !important;\n}\n.group-area[data-v-de2e0d02]{\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n[dir] .group-area[data-v-de2e0d02]{\n  background-color: #f4bc33;\n  padding: 8px 12px;\n}\n.match-height.displayFlex[data-v-de2e0d02]{\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1 auto;\n          flex: 1 1 auto;\n}\n.group-area.headCont h4[data-v-de2e0d02]{\n  color: white;\n  font-size: 16px;\n}\n[dir] .group-area.headCont h4[data-v-de2e0d02]{\n  margin-bottom: 0;\n}\n.bgTransparent.card[data-v-de2e0d02]{\n      -webkit-box-shadow: none;\n}\n[dir] .bgTransparent.card[data-v-de2e0d02]{\n  background-color: transparent;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  -webkit-transition: none;\n}\n.transaction-title[data-v-de2e0d02]{\n  font-size: 15px;\n  font-weight: bold;\n}\n.rightDetai.text-info[data-v-de2e0d02], .rightDetai.text-success[data-v-de2e0d02], .rightDetai.text-primary[data-v-de2e0d02]{\n  font-size: 13px;\n  color: #000 !important;\n}\n[dir] .rightDetai.text-info[data-v-de2e0d02], [dir] .rightDetai.text-success[data-v-de2e0d02], [dir] .rightDetai.text-primary[data-v-de2e0d02]{\n  padding: 0 8px;\n}\n[dir] .transaction-item.paymentCont[data-v-de2e0d02]{\n  margin-bottom: .7em;\n}\n.card.card-transaction[data-v-de2e0d02]{\n  width: 435px;\n}\n.card-transaction.cardFullwidth[data-v-de2e0d02]{\n  width: 100%;\n}\n.card-transaction.widthAuto[data-v-de2e0d02]{\n  width: auto;\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&id=de2e0d02&scoped=true&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&id=de2e0d02&scoped=true&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&id=de2e0d02&scoped=true&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&id=de2e0d02&scoped=true&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&scoped=true&":
  /*!************************************************************************************************************************************************************************************************************************************************!*\
    !*** ./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&scoped=true& ***!
    \************************************************************************************************************************************************************************************************************************************************/
  /*! 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  "
                )
              ]
            },
            proxy: true
          }
        ])
      },
      [
        _c(
          "b-tabs",
          { attrs: { pills: "", align: "left" } },
          [
            _c(
              "b-tab",
              { attrs: { title: "Overview", 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-header",
                                      [
                                        _c("b-card-title", [
                                          _vm._v("Vehicle Details")
                                        ]),
                                        _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.modal-select2",
                                              modifiers: { "modal-select2": true }
                                            }
                                          ],
                                          staticClass: "cursor-pointer",
                                          attrs: {
                                            icon: "EditIcon",
                                            size: "18",
                                            variant: "outline-primary"
                                          }
                                        })
                                      ],
                                      1
                                    ),
                                    _vm._v(" "),
                                    _c(
                                      "b-card-body",
                                      [
                                        _vm._l(_vm.transactionData, function(
                                          transaction
                                        ) {
                                          return _c(
                                            "div",
                                            {
                                              key: transaction.mode,
                                              staticClass: "transaction-item"
                                            },
                                            [
                                              _c(
                                                "b-media",
                                                { attrs: { "no-body": "" } },
                                                [
                                                  _c("b-media-body", [
                                                    _c(
                                                      "h6",
                                                      {
                                                        staticClass:
                                                          "transaction-title"
                                                      },
                                                      [
                                                        _vm._v(
                                                          "\n                                " +
                                                            _vm._s(
                                                              transaction.mode
                                                            ) +
                                                            "\n                              "
                                                        )
                                                      ]
                                                    ),
                                                    _vm._v(" "),
                                                    _c("small", [
                                                      _vm._v(
                                                        _vm._s(transaction.types)
                                                      )
                                                    ])
                                                  ])
                                                ],
                                                1
                                              ),
                                              _vm._v(" "),
                                              _c(
                                                "div",
                                                {
                                                  staticClass:
                                                    "font-weight-normal rightDetai",
                                                  class: transaction.deduction
                                                    ? "text-primary"
                                                    : "text-info"
                                                },
                                                [
                                                  _vm._v(
                                                    "\n                            " +
                                                      _vm._s(
                                                        transaction.payment
                                                      ) +
                                                      "\n                          "
                                                  )
                                                ]
                                              )
                                            ],
                                            1
                                          )
                                        }),
                                        _vm._v(" "),
                                        _c(
                                          "b-modal",
                                          {
                                            ref: "my-modal",
                                            attrs: {
                                              id: "modal-prevent-closing",
                                              title: "Submit Your Name",
                                              "ok-title": "Submit",
                                              "cancel-variant":
                                                "outline-secondary"
                                            },
                                            on: {
                                              show: _vm.resetModal,
                                              hidden: _vm.resetModal,
                                              ok: _vm.handleOk
                                            }
                                          },
                                          [
                                            _c(
                                              "form",
                                              {
                                                ref: "form",
                                                on: {
                                                  submit: function($event) {
                                                    $event.stopPropagation()
                                                    $event.preventDefault()
                                                    return _vm.handleSubmit(
                                                      $event
                                                    )
                                                  }
                                                }
                                              },
                                              [
                                                _c(
                                                  "b-form-group",
                                                  {
                                                    attrs: {
                                                      state: _vm.nameState,
                                                      label: "Name",
                                                      "label-for": "name-input",
                                                      "invalid-feedback":
                                                        "Name is required"
                                                    }
                                                  },
                                                  [
                                                    _c("b-form-input", {
                                                      attrs: {
                                                        id: "name-input",
                                                        state: _vm.nameState,
                                                        required: ""
                                                      },
                                                      model: {
                                                        value: _vm.name,
                                                        callback: function($$v) {
                                                          _vm.name = $$v
                                                        },
                                                        expression: "name"
                                                      }
                                                    })
                                                  ],
                                                  1
                                                )
                                              ],
                                              1
                                            )
                                          ]
                                        )
                                      ],
                                      2
                                    )
                                  ],
                                  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(" 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-modal",
                                              rawName: "v-b-modal.customer-info",
                                              modifiers: { "customer-info": true }
                                            }
                                          ],
                                          staticClass: "cursor-pointer",
                                          attrs: {
                                            icon: "EditIcon",
                                            size: "18",
                                            variant: "outline-primary"
                                          }
                                        })
                                      ],
                                      1
                                    ),
                                    _vm._v(" "),
                                    _c(
                                      "b-card-body",
                                      [
                                        _vm._l(_vm.customerData, function(
                                          customer
                                        ) {
                                          return _c(
                                            "div",
                                            {
                                              key: customer.mode,
                                              staticClass: "transaction-item"
                                            },
                                            [
                                              _c(
                                                "b-media",
                                                { attrs: { "no-body": "" } },
                                                [
                                                  _c("b-media-body", [
                                                    _c(
                                                      "h6",
                                                      {
                                                        staticClass:
                                                          "transaction-title"
                                                      },
                                                      [
                                                        _vm._v(
                                                          "\n                                " +
                                                            _vm._s(
                                                              customer.mode
                                                            ) +
                                                            "\n                              "
                                                        )
                                                      ]
                                                    ),
                                                    _vm._v(" "),
                                                    _c("small", [
                                                      _vm._v(
                                                        _vm._s(customer.types)
                                                      )
                                                    ])
                                                  ])
                                                ],
                                                1
                                              ),
                                              _vm._v(" "),
                                              _c(
                                                "div",
                                                {
                                                  staticClass: " rightDetai",
                                                  class: customer.deduction
                                                    ? "text-primary"
                                                    : "text-info"
                                                },
                                                [
                                                  _vm._v(
                                                    "\n                            " +
                                                      _vm._s(customer.payment) +
                                                      "\n                          "
                                                  )
                                                ]
                                              )
                                            ],
                                            1
                                          )
                                        }),
                                        _vm._v(" "),
                                        _c(
                                          "b-modal",
                                          {
                                            attrs: {
                                              id: "customer-info",
                                              title: "Update Customer",
                                              "ok-title": "submit",
                                              "cancel-variant":
                                                "outline-secondary"
                                            }
                                          },
                                          [
                                            _c(
                                              "b-form",
                                              [
                                                _c(
                                                  "b-form-group",
                                                  {
                                                    attrs: {
                                                      label: "Choose the country",
                                                      "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
                                        )
                                      ],
                                      2
                                    )
                                  ],
                                  1
                                ),
                                _vm._v(" "),
                                _c(
                                  "b-card",
                                  {
                                    staticClass: "card-transaction",
                                    attrs: { "no-body": "" }
                                  },
                                  [
                                    _c(
                                      "b-card-header",
                                      [
                                        _c("b-card-title", [
                                          _vm._v(" Payment Information")
                                        ])
                                      ],
                                      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
                                )
                              ],
                              1
                            )
                          ],
                          1
                        )
                      ],
                      1
                    ),
                    _vm._v(" "),
                    _c(
                      "b-tabs",
                      { attrs: { pills: "", align: "left" } },
                      [
                        _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-header",
                                                [
                                                  _c("b-card-title", [
                                                    _vm._v("Inforamtion")
                                                  ])
                                                ],
                                                1
                                              ),
                                              _vm._v(" "),
                                              _c(
                                                "b-card-body",
                                                _vm._l(
                                                  _vm.informationData,
                                                  function(information) {
                                                    return _c(
                                                      "div",
                                                      {
                                                        key: information.mode,
                                                        staticClass:
                                                          "transaction-item"
                                                      },
                                                      [
                                                        _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",
                                                            class: information.deduction
                                                              ? "text-primary"
                                                              : "text-info"
                                                          },
                                                          [
                                                            _vm._v(
                                                              "\n                                      " +
                                                                _vm._s(
                                                                  information.payment
                                                                ) +
                                                                "\n                                    "
                                                            )
                                                          ]
                                                        )
                                                      ],
                                                      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(" Gallery")
                                                  ])
                                                ],
                                                1
                                              ),
                                              _vm._v(" "),
                                              _c("b-card-body", [
                                                _c(
                                                  "div",
                                                  [
                                                    _c("b-form-file", {
                                                      staticClass: "mt-lg-2 mb-3",
                                                      attrs: {
                                                        placeholder:
                                                          "Choose a file or drop it here...",
                                                        "drop-placeholder":
                                                          "Drop file here...",
                                                        multiple: ""
                                                      }
                                                    })
                                                  ],
                                                  1
                                                )
                                              ])
                                            ],
                                            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-header",
                                                [
                                                  _c("b-card-title", [
                                                    _vm._v("Inforamtion")
                                                  ])
                                                ],
                                                1
                                              ),
                                              _vm._v(" "),
                                              _c(
                                                "b-card-body",
                                                _vm._l(
                                                  _vm.informationData,
                                                  function(information) {
                                                    return _c(
                                                      "div",
                                                      {
                                                        key: information.mode,
                                                        staticClass:
                                                          "transaction-item"
                                                      },
                                                      [
                                                        _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",
                                                            class: information.deduction
                                                              ? "text-primary"
                                                              : "text-info"
                                                          },
                                                          [
                                                            _c(
                                                              "b-form-radio",
                                                              {
                                                                attrs: {
                                                                  checked:
                                                                    information.checked
                                                                }
                                                              },
                                                              [
                                                                _vm._v(
                                                                  "\n                                          " +
                                                                    _vm._s(
                                                                      information.payment
                                                                    ) +
                                                                    "\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(" Gallery")
                                                  ])
                                                ],
                                                1
                                              ),
                                              _vm._v(" "),
                                              _c("b-card-body", [
                                                _c(
                                                  "div",
                                                  [
                                                    _c("b-form-file", {
                                                      staticClass: "mt-lg-2 mb-3",
                                                      attrs: {
                                                        placeholder:
                                                          "Choose a file or drop it here...",
                                                        "drop-placeholder":
                                                          "Drop file here...",
                                                        multiple: ""
                                                      }
                                                    })
                                                  ],
                                                  1
                                                )
                                              ])
                                            ],
                                            1
                                          )
                                        ],
                                        1
                                      )
                                    ],
                                    1
                                  )
                                ],
                                1
                              )
                            ])
                          ],
                          1
                        ),
                        _vm._v(" "),
                        _c("b-tab", { attrs: { title: "Passenger" } }, [
                          _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-header",
                                            [
                                              _c("b-card-title", [
                                                _vm._v("Inforamtion")
                                              ])
                                            ],
                                            1
                                          ),
                                          _vm._v(" "),
                                          _c(
                                            "b-card-body",
                                            _vm._l(_vm.informationData, function(
                                              information
                                            ) {
                                              return _c(
                                                "div",
                                                {
                                                  key: information.mode,
                                                  staticClass: "transaction-item"
                                                },
                                                [
                                                  _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",
                                                      class: information.deduction
                                                        ? "text-primary"
                                                        : "text-info"
                                                    },
                                                    [
                                                      _c(
                                                        "b-form-radio",
                                                        {
                                                          attrs: {
                                                            checked:
                                                              information.checked
                                                          }
                                                        },
                                                        [
                                                          _vm._v(
                                                            "\n                                          " +
                                                              _vm._s(
                                                                information.payment
                                                              ) +
                                                              "\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(" Gallery")
                                              ])
                                            ],
                                            1
                                          ),
                                          _vm._v(" "),
                                          _c("b-card-body", [
                                            _c(
                                              "div",
                                              [
                                                _c("b-form-file", {
                                                  staticClass: "mt-lg-2 mb-3",
                                                  attrs: {
                                                    placeholder:
                                                      "Choose a file or drop it here...",
                                                    "drop-placeholder":
                                                      "Drop file here...",
                                                    multiple: ""
                                                  }
                                                })
                                              ],
                                              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-header",
                                                [
                                                  _c("b-card-title", [
                                                    _vm._v("Inforamtion")
                                                  ])
                                                ],
                                                1
                                              ),
                                              _vm._v(" "),
                                              _c(
                                                "b-card-body",
                                                _vm._l(
                                                  _vm.informationData,
                                                  function(information) {
                                                    return _c(
                                                      "div",
                                                      {
                                                        key: information.mode,
                                                        staticClass:
                                                          "transaction-item"
                                                      },
                                                      [
                                                        _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",
                                                            class: information.deduction
                                                              ? "text-primary"
                                                              : "text-info"
                                                          },
                                                          [
                                                            _c(
                                                              "b-form-radio",
                                                              {
                                                                attrs: {
                                                                  checked:
                                                                    information.checked
                                                                }
                                                              },
                                                              [
                                                                _vm._v(
                                                                  "\n                                          " +
                                                                    _vm._s(
                                                                      information.payment
                                                                    ) +
                                                                    "\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(" Gallery")
                                                  ])
                                                ],
                                                1
                                              ),
                                              _vm._v(" "),
                                              _c("b-card-body", [
                                                _c(
                                                  "div",
                                                  [
                                                    _c("b-form-file", {
                                                      staticClass: "mt-lg-2 mb-3",
                                                      attrs: {
                                                        placeholder:
                                                          "Choose a file or drop it here...",
                                                        "drop-placeholder":
                                                          "Drop file here...",
                                                        multiple: ""
                                                      }
                                                    })
                                                  ],
                                                  1
                                                )
                                              ])
                                            ],
                                            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-header",
                                                [
                                                  _c("b-card-title", [
                                                    _vm._v("Inforamtion")
                                                  ])
                                                ],
                                                1
                                              ),
                                              _vm._v(" "),
                                              _c(
                                                "b-card-body",
                                                _vm._l(
                                                  _vm.informationData,
                                                  function(information) {
                                                    return _c(
                                                      "div",
                                                      {
                                                        key: information.mode,
                                                        staticClass:
                                                          "transaction-item"
                                                      },
                                                      [
                                                        _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",
                                                            class: information.deduction
                                                              ? "text-primary"
                                                              : "text-info"
                                                          },
                                                          [
                                                            _c(
                                                              "b-form-radio",
                                                              {
                                                                attrs: {
                                                                  checked:
                                                                    information.checked
                                                                }
                                                              },
                                                              [
                                                                _vm._v(
                                                                  "\n                                          " +
                                                                    _vm._s(
                                                                      information.payment
                                                                    ) +
                                                                    "\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(" Gallery")
                                                  ])
                                                ],
                                                1
                                              ),
                                              _vm._v(" "),
                                              _c("b-card-body", [
                                                _c(
                                                  "div",
                                                  [
                                                    _c("b-form-file", {
                                                      staticClass: "mt-lg-2 mb-3",
                                                      attrs: {
                                                        placeholder:
                                                          "Choose a file or drop it here...",
                                                        "drop-placeholder":
                                                          "Drop file here...",
                                                        multiple: ""
                                                      }
                                                    })
                                                  ],
                                                  1
                                                )
                                              ])
                                            ],
                                            1
                                          )
                                        ],
                                        1
                                      )
                                    ],
                                    1
                                  )
                                ],
                                1
                              )
                            ])
                          ],
                          1
                        )
                      ],
                      1
                    ),
                    _vm._v(" "),
                    _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-header",
                                      [
                                        _c("b-card-title", [
                                          _vm._v(" Documents")
                                        ]),
                                        _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.modal-select2",
                                              modifiers: { "modal-select2": true }
                                            }
                                          ],
                                          staticClass: "cursor-pointer",
                                          attrs: {
                                            icon: "PlusIcon",
                                            size: "18",
                                            variant: "outline-primary"
                                          }
                                        })
                                      ],
                                      1
                                    ),
                                    _vm._v(" "),
                                    _c(
                                      "b-card-body",
                                      [
                                        _c("b-table", {
                                          attrs: {
                                            responsive: "sm",
                                            items: _vm.items
                                          }
                                        }),
                                        _vm._v(" "),
                                        _c(
                                          "b-modal",
                                          {
                                            attrs: {
                                              id: "modal-select2",
                                              title: "Add Documents",
                                              "ok-title": "submit",
                                              "cancel-variant":
                                                "outline-secondary"
                                            }
                                          },
                                          [
                                            _c(
                                              "b-form",
                                              [
                                                _c(
                                                  "b-form-group",
                                                  {
                                                    attrs: {
                                                      label: "Choose the country",
                                                      "label-for": "vue-select1"
                                                    }
                                                  },
                                                  [
                                                    _c("v-select", {
                                                      attrs: {
                                                        id: "vue-select1",
                                                        dir: _vm.$store.state
                                                          .appConfig.isRTL
                                                          ? "rtl"
                                                          : "ltr",
                                                        options: _vm.option
                                                      },
                                                      model: {
                                                        value: _vm.selected,
                                                        callback: function($$v) {
                                                          _vm.selected = $$v
                                                        },
                                                        expression: "selected"
                                                      }
                                                    })
                                                  ],
                                                  1
                                                ),
                                                _vm._v(" "),
                                                _c(
                                                  "b-form-group",
                                                  {
                                                    attrs: {
                                                      label: "Document",
                                                      "label-for": "zip-code"
                                                    }
                                                  },
                                                  [
                                                    _c("b-form-file", {
                                                      attrs: {
                                                        placeholder:
                                                          "Choose a file or drop it here...",
                                                        "drop-placeholder":
                                                          "Drop file here...",
                                                        multiple: ""
                                                      }
                                                    })
                                                  ],
                                                  1
                                                )
                                              ],
                                              1
                                            )
                                          ],
                                          1
                                        )
                                      ],
                                      1
                                    )
                                  ],
                                  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(" 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
                            )
                          ],
                          1
                        ),
                        _vm._v(" "),
                        _c(
                          "b-row",
                          { staticClass: "match-height" },
                          [
                            _c(
                              "b-col",
                              { staticClass: "col-sm-12" },
                              [
                                _c(
                                  "b-card",
                                  {
                                    staticClass: "card-transaction cardFullwidth",
                                    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-modal",
                                              rawName: "v-b-modal.work-order",
                                              modifiers: { "work-order": true }
                                            }
                                          ],
                                          staticClass: "cursor-pointer",
                                          attrs: {
                                            icon: "PlusIcon",
                                            size: "18",
                                            variant: "outline-primary"
                                          }
                                        })
                                      ],
                                      1
                                    ),
                                    _vm._v(" "),
                                    _c(
                                      "b-card-body",
                                      [
                                        _c("b-table", {
                                          attrs: {
                                            responsive: "lg",
                                            items: _vm.workorder
                                          }
                                        }),
                                        _vm._v(" "),
                                        _c(
                                          "b-modal",
                                          {
                                            attrs: {
                                              id: "work-order",
                                              title: "Update Customer",
                                              "ok-title": "submit",
                                              "cancel-variant":
                                                "outline-secondary"
                                            }
                                          },
                                          [
                                            _c(
                                              "b-form",
                                              [
                                                _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
                                                ),
                                                _vm._v(" "),
                                                _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.option
                                                      },
                                                      model: {
                                                        value: _vm.selected,
                                                        callback: function($$v) {
                                                          _vm.selected = $$v
                                                        },
                                                        expression: "selected"
                                                      }
                                                    })
                                                  ],
                                                  1
                                                ),
                                                _vm._v(" "),
                                                _c(
                                                  "b-form-group",
                                                  {
                                                    attrs: {
                                                      state: _vm.nameState,
                                                      label: "Quantity",
                                                      "label-for":
                                                        "quantity-input",
                                                      "invalid-feedback":
                                                        "Quantity is required"
                                                    }
                                                  },
                                                  [
                                                    _c("b-form-input", {
                                                      attrs: {
                                                        id: "quantity-input",
                                                        state: _vm.nameState,
                                                        required: ""
                                                      },
                                                      model: {
                                                        value: _vm.name,
                                                        callback: function($$v) {
                                                          _vm.name = $$v
                                                        },
                                                        expression: "name"
                                                      }
                                                    })
                                                  ],
                                                  1
                                                ),
                                                _vm._v(" "),
                                                _c(
                                                  "b-form-group",
                                                  {
                                                    attrs: {
                                                      state: _vm.nameState,
                                                      label: "Price",
                                                      "label-for": "price-input",
                                                      "invalid-feedback":
                                                        "Price is required"
                                                    }
                                                  },
                                                  [
                                                    _c("b-form-input", {
                                                      attrs: {
                                                        id: "price-input",
                                                        state: _vm.nameState,
                                                        required: ""
                                                      },
                                                      model: {
                                                        value: _vm.name,
                                                        callback: function($$v) {
                                                          _vm.name = $$v
                                                        },
                                                        expression: "name"
                                                      }
                                                    })
                                                  ],
                                                  1
                                                ),
                                                _vm._v(" "),
                                                _c("b-form-textarea", {
                                                  attrs: {
                                                    id: "textarea-default",
                                                    placeholder: "Textarea",
                                                    rows: "3"
                                                  }
                                                })
                                              ],
                                              1
                                            )
                                          ],
                                          1
                                        )
                                      ],
                                      1
                                    )
                                  ],
                                  1
                                )
                              ],
                              1
                            )
                          ],
                          1
                        )
                      ],
                      1
                    )
                  ],
                  1
                )
              ],
              1
            ),
            _vm._v(" "),
            _c(
              "b-tab",
              { attrs: { title: "Activities" } },
              [
                _c("b-card-text", [
                  _c(
                    "section",
                    { attrs: { id: "description-list-alignment" } },
                    [
                      _c(
                        "b-row",
                        { staticClass: "match-height " },
                        [
                          _c(
                            "b-col",
                            [
                              _c(
                                "b-card",
                                {
                                  staticClass: "card-transaction widthAuto",
                                  attrs: { "no-body": "" }
                                },
                                [
                                  _c(
                                    "b-card-header",
                                    [_c("b-card-title", [_vm._v("Activities")])],
                                    1
                                  ),
                                  _vm._v(" "),
                                  _c(
                                    "b-card-body",
                                    _vm._l(_vm.activitiesData, function(
                                      activities
                                    ) {
                                      return _c(
                                        "div",
                                        {
                                          key: activities.mode,
                                          staticClass: "transaction-item"
                                        },
                                        [
                                          _c(
                                            "b-media",
                                            { attrs: { "no-body": "" } },
                                            [
                                              _c("b-media-body", [
                                                _c(
                                                  "h6",
                                                  {
                                                    staticClass:
                                                      "transaction-title"
                                                  },
                                                  [
                                                    _vm._v(
                                                      "\n                                " +
                                                        _vm._s(activities.mode) +
                                                        "\n                              "
                                                    )
                                                  ]
                                                ),
                                                _vm._v(" "),
                                                _c("small", [
                                                  _vm._v(_vm._s(activities.types))
                                                ])
                                              ])
                                            ],
                                            1
                                          ),
                                          _vm._v(" "),
                                          _c(
                                            "div",
                                            {
                                              staticClass:
                                                "font-weight-normal rightDetai",
                                              class: activities.deduction
                                                ? "text-primary"
                                                : "text-info"
                                            },
                                            [
                                              _vm._v(
                                                "\n                            " +
                                                  _vm._s(activities.payment) +
                                                  "\n                          "
                                              )
                                            ]
                                          )
                                        ],
                                        1
                                      )
                                    }),
                                    0
                                  )
                                ],
                                1
                              )
                            ],
                            1
                          )
                        ],
                        1
                      )
                    ],
                    1
                  )
                ])
              ],
              1
            ),
            _vm._v(" "),
            _c("b-tab", { attrs: { title: "Notes" } }, [
              _c(
                "section",
                { attrs: { id: "description-list-alignment" } },
                [
                  _c(
                    "b-row",
                    { staticClass: "match-height" },
                    [
                      _c(
                        "b-col",
                        { staticClass: "col-sm-12" },
                        [
                          _c(
                            "b-card",
                            {
                              staticClass: "card-transaction cardFullwidth",
                              attrs: { "no-body": "" }
                            },
                            [
                              _c(
                                "b-card-header",
                                [
                                  _c("b-card-title", [
                                    _vm._v(" Inspection Notes")
                                  ]),
                                  _vm._v(" "),
                                  _c("feather-icon", {
                                    staticClass: "cursor-pointer",
                                    attrs: { icon: "PlusIcon", size: "18" }
                                  })
                                ],
                                1
                              ),
                              _vm._v(" "),
                              _c(
                                "b-card-body",
                                [
                                  _c("b-table", {
                                    attrs: {
                                      responsive: "lg",
                                      items: _vm.insNotes
                                    }
                                  })
                                ],
                                1
                              )
                            ],
                            1
                          )
                        ],
                        1
                      )
                    ],
                    1
                  )
                ],
                1
              )
            ]),
            _vm._v(" "),
            _c(
              "b-tab",
              { attrs: { title: "Payments" } },
              [
                _c("b-card-text", [
                  _c(
                    "section",
                    { attrs: { id: "description-list-alignment" } },
                    [
                      _c(
                        "b-row",
                        { staticClass: "match-height" },
                        [
                          _c(
                            "b-col",
                            { staticClass: "col-sm-12" },
                            [
                              _c(
                                "b-card",
                                {
                                  staticClass: "card-transaction cardFullwidth",
                                  attrs: { "no-body": "" }
                                },
                                [
                                  _c(
                                    "b-card-header",
                                    [
                                      _c("b-card-title", [
                                        _vm._v(" Inspection Payments")
                                      ]),
                                      _vm._v(" "),
                                      _c("feather-icon", {
                                        staticClass: "cursor-pointer",
                                        attrs: { icon: "PlusIcon", size: "18" }
                                      })
                                    ],
                                    1
                                  ),
                                  _vm._v(" "),
                                  _c(
                                    "b-card-body",
                                    [
                                      _c("b-table", {
                                        attrs: {
                                          responsive: "lg",
                                          items: _vm.insPay
                                        }
                                      })
                                    ],
                                    1
                                  )
                                ],
                                1
                              )
                            ],
                            1
                          )
                        ],
                        1
                      )
                    ],
                    1
                  )
                ])
              ],
              1
            )
          ],
          1
        )
      ],
      1
    )
  }
  var staticRenderFns = []
  render._withStripped = true
  
  
  
  /***/ })
  
  }]);