text: (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[78],{
  
  /***/ "./frontend/src/@core/components/b-card-code/BCardCode.vue":
  /*!*****************************************************************!*\
    !*** ./frontend/src/@core/components/b-card-code/BCardCode.vue ***!
    \*****************************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _BCardCode_vue_vue_type_template_id_ede98060_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./BCardCode.vue?vue&type=template&id=ede98060&scoped=true& */ "./frontend/src/@core/components/b-card-code/BCardCode.vue?vue&type=template&id=ede98060&scoped=true&");
  /* harmony import */ var _BCardCode_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./BCardCode.vue?vue&type=script&lang=js& */ "./frontend/src/@core/components/b-card-code/BCardCode.vue?vue&type=script&lang=js&");
  /* empty/unused harmony star reexport *//* harmony import */ var _BCardCode_vue_vue_type_style_index_0_id_ede98060_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BCardCode.vue?vue&type=style&index=0&id=ede98060&lang=scss&scoped=true& */ "./frontend/src/@core/components/b-card-code/BCardCode.vue?vue&type=style&index=0&id=ede98060&lang=scss&scoped=true&");
  /* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
  
  
  
  
  
  
  /* normalize component */
  
  var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
    _BCardCode_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
    _BCardCode_vue_vue_type_template_id_ede98060_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
    _BCardCode_vue_vue_type_template_id_ede98060_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
    false,
    null,
    "ede98060",
    null
    
  )
  
  /* hot reload */
  if (false) { var api; }
  component.options.__file = "frontend/src/@core/components/b-card-code/BCardCode.vue"
  /* harmony default export */ __webpack_exports__["default"] = (component.exports);
  
  /***/ }),
  
  /***/ "./frontend/src/@core/components/b-card-code/BCardCode.vue?vue&type=script&lang=js&":
  /*!******************************************************************************************!*\
    !*** ./frontend/src/@core/components/b-card-code/BCardCode.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_BCardCode_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!./BCardCode.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/@core/components/b-card-code/BCardCode.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_BCardCode_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
  
  /***/ }),
  
  /***/ "./frontend/src/@core/components/b-card-code/BCardCode.vue?vue&type=style&index=0&id=ede98060&lang=scss&scoped=true&":
  /*!***************************************************************************************************************************!*\
    !*** ./frontend/src/@core/components/b-card-code/BCardCode.vue?vue&type=style&index=0&id=ede98060&lang=scss&scoped=true& ***!
    \***************************************************************************************************************************/
  /*! 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_BCardCode_vue_vue_type_style_index_0_id_ede98060_lang_scss_scoped_true___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!./BCardCode.vue?vue&type=style&index=0&id=ede98060&lang=scss&scoped=true& */ "./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/@core/components/b-card-code/BCardCode.vue?vue&type=style&index=0&id=ede98060&lang=scss&scoped=true&");
  /* 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_BCardCode_vue_vue_type_style_index_0_id_ede98060_lang_scss_scoped_true___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_BCardCode_vue_vue_type_style_index_0_id_ede98060_lang_scss_scoped_true___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_BCardCode_vue_vue_type_style_index_0_id_ede98060_lang_scss_scoped_true___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_BCardCode_vue_vue_type_style_index_0_id_ede98060_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  
  
  /***/ }),
  
  /***/ "./frontend/src/@core/components/b-card-code/BCardCode.vue?vue&type=template&id=ede98060&scoped=true&":
  /*!************************************************************************************************************!*\
    !*** ./frontend/src/@core/components/b-card-code/BCardCode.vue?vue&type=template&id=ede98060&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_BCardCode_vue_vue_type_template_id_ede98060_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!./BCardCode.vue?vue&type=template&id=ede98060&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/@core/components/b-card-code/BCardCode.vue?vue&type=template&id=ede98060&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_BCardCode_vue_vue_type_template_id_ede98060_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_BCardCode_vue_vue_type_template_id_ede98060_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
  
  
  
  /***/ }),
  
  /***/ "./frontend/src/views/extensions/drag-drop/DragDrop.vue":
  /*!**************************************************************!*\
    !*** ./frontend/src/views/extensions/drag-drop/DragDrop.vue ***!
    \**************************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _DragDrop_vue_vue_type_template_id_05609e8a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./DragDrop.vue?vue&type=template&id=05609e8a& */ "./frontend/src/views/extensions/drag-drop/DragDrop.vue?vue&type=template&id=05609e8a&");
  /* harmony import */ var _DragDrop_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DragDrop.vue?vue&type=script&lang=js& */ "./frontend/src/views/extensions/drag-drop/DragDrop.vue?vue&type=script&lang=js&");
  /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __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_2__["default"])(
    _DragDrop_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
    _DragDrop_vue_vue_type_template_id_05609e8a___WEBPACK_IMPORTED_MODULE_0__["render"],
    _DragDrop_vue_vue_type_template_id_05609e8a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var api; }
  component.options.__file = "frontend/src/views/extensions/drag-drop/DragDrop.vue"
  /* harmony default export */ __webpack_exports__["default"] = (component.exports);
  
  /***/ }),
  
  /***/ "./frontend/src/views/extensions/drag-drop/DragDrop.vue?vue&type=script&lang=js&":
  /*!***************************************************************************************!*\
    !*** ./frontend/src/views/extensions/drag-drop/DragDrop.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_DragDrop_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!./DragDrop.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/extensions/drag-drop/DragDrop.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_DragDrop_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
  
  /***/ }),
  
  /***/ "./frontend/src/views/extensions/drag-drop/DragDrop.vue?vue&type=template&id=05609e8a&":
  /*!*********************************************************************************************!*\
    !*** ./frontend/src/views/extensions/drag-drop/DragDrop.vue?vue&type=template&id=05609e8a& ***!
    \*********************************************************************************************/
  /*! 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_DragDrop_vue_vue_type_template_id_05609e8a___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!./DragDrop.vue?vue&type=template&id=05609e8a& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/extensions/drag-drop/DragDrop.vue?vue&type=template&id=05609e8a&");
  /* 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_DragDrop_vue_vue_type_template_id_05609e8a___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_DragDrop_vue_vue_type_template_id_05609e8a___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
  
  
  
  /***/ }),
  
  /***/ "./frontend/src/views/extensions/drag-drop/DragDropAnimation.vue":
  /*!***********************************************************************!*\
    !*** ./frontend/src/views/extensions/drag-drop/DragDropAnimation.vue ***!
    \***********************************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _DragDropAnimation_vue_vue_type_template_id_4489ff6c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./DragDropAnimation.vue?vue&type=template&id=4489ff6c& */ "./frontend/src/views/extensions/drag-drop/DragDropAnimation.vue?vue&type=template&id=4489ff6c&");
  /* harmony import */ var _DragDropAnimation_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DragDropAnimation.vue?vue&type=script&lang=js& */ "./frontend/src/views/extensions/drag-drop/DragDropAnimation.vue?vue&type=script&lang=js&");
  /* empty/unused harmony star reexport *//* harmony import */ var _DragDropAnimation_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DragDropAnimation.vue?vue&type=style&index=0&lang=css& */ "./frontend/src/views/extensions/drag-drop/DragDropAnimation.vue?vue&type=style&index=0&lang=css&");
  /* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
  
  
  
  
  
  
  /* normalize component */
  
  var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
    _DragDropAnimation_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
    _DragDropAnimation_vue_vue_type_template_id_4489ff6c___WEBPACK_IMPORTED_MODULE_0__["render"],
    _DragDropAnimation_vue_vue_type_template_id_4489ff6c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var api; }
  component.options.__file = "frontend/src/views/extensions/drag-drop/DragDropAnimation.vue"
  /* harmony default export */ __webpack_exports__["default"] = (component.exports);
  
  /***/ }),
  
  /***/ "./frontend/src/views/extensions/drag-drop/DragDropAnimation.vue?vue&type=script&lang=js&":
  /*!************************************************************************************************!*\
    !*** ./frontend/src/views/extensions/drag-drop/DragDropAnimation.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_DragDropAnimation_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!./DragDropAnimation.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/extensions/drag-drop/DragDropAnimation.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_DragDropAnimation_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
  
  /***/ }),
  
  /***/ "./frontend/src/views/extensions/drag-drop/DragDropAnimation.vue?vue&type=style&index=0&lang=css&":
  /*!********************************************************************************************************!*\
    !*** ./frontend/src/views/extensions/drag-drop/DragDropAnimation.vue?vue&type=style&index=0&lang=css& ***!
    \********************************************************************************************************/
  /*! no static exports found */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_DragDropAnimation_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/style-loader!../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--6-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./DragDropAnimation.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/extensions/drag-drop/DragDropAnimation.vue?vue&type=style&index=0&lang=css&");
  /* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_DragDropAnimation_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_DragDropAnimation_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
  /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_DragDropAnimation_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_ref_6_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_2_node_modules_vue_loader_lib_index_js_vue_loader_options_DragDropAnimation_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  
  
  /***/ }),
  
  /***/ "./frontend/src/views/extensions/drag-drop/DragDropAnimation.vue?vue&type=template&id=4489ff6c&":
  /*!******************************************************************************************************!*\
    !*** ./frontend/src/views/extensions/drag-drop/DragDropAnimation.vue?vue&type=template&id=4489ff6c& ***!
    \******************************************************************************************************/
  /*! 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_DragDropAnimation_vue_vue_type_template_id_4489ff6c___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!./DragDropAnimation.vue?vue&type=template&id=4489ff6c& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/extensions/drag-drop/DragDropAnimation.vue?vue&type=template&id=4489ff6c&");
  /* 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_DragDropAnimation_vue_vue_type_template_id_4489ff6c___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_DragDropAnimation_vue_vue_type_template_id_4489ff6c___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
  
  
  
  /***/ }),
  
  /***/ "./frontend/src/views/extensions/drag-drop/DragDropClone.vue":
  /*!*******************************************************************!*\
    !*** ./frontend/src/views/extensions/drag-drop/DragDropClone.vue ***!
    \*******************************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _DragDropClone_vue_vue_type_template_id_5b8716ba___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./DragDropClone.vue?vue&type=template&id=5b8716ba& */ "./frontend/src/views/extensions/drag-drop/DragDropClone.vue?vue&type=template&id=5b8716ba&");
  /* harmony import */ var _DragDropClone_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DragDropClone.vue?vue&type=script&lang=js& */ "./frontend/src/views/extensions/drag-drop/DragDropClone.vue?vue&type=script&lang=js&");
  /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __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_2__["default"])(
    _DragDropClone_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
    _DragDropClone_vue_vue_type_template_id_5b8716ba___WEBPACK_IMPORTED_MODULE_0__["render"],
    _DragDropClone_vue_vue_type_template_id_5b8716ba___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var api; }
  component.options.__file = "frontend/src/views/extensions/drag-drop/DragDropClone.vue"
  /* harmony default export */ __webpack_exports__["default"] = (component.exports);
  
  /***/ }),
  
  /***/ "./frontend/src/views/extensions/drag-drop/DragDropClone.vue?vue&type=script&lang=js&":
  /*!********************************************************************************************!*\
    !*** ./frontend/src/views/extensions/drag-drop/DragDropClone.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_DragDropClone_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!./DragDropClone.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/extensions/drag-drop/DragDropClone.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_DragDropClone_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
  
  /***/ }),
  
  /***/ "./frontend/src/views/extensions/drag-drop/DragDropClone.vue?vue&type=template&id=5b8716ba&":
  /*!**************************************************************************************************!*\
    !*** ./frontend/src/views/extensions/drag-drop/DragDropClone.vue?vue&type=template&id=5b8716ba& ***!
    \**************************************************************************************************/
  /*! 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_DragDropClone_vue_vue_type_template_id_5b8716ba___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!./DragDropClone.vue?vue&type=template&id=5b8716ba& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/extensions/drag-drop/DragDropClone.vue?vue&type=template&id=5b8716ba&");
  /* 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_DragDropClone_vue_vue_type_template_id_5b8716ba___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_DragDropClone_vue_vue_type_template_id_5b8716ba___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
  
  
  
  /***/ }),
  
  /***/ "./frontend/src/views/extensions/drag-drop/DragDropMultipleList.vue":
  /*!**************************************************************************!*\
    !*** ./frontend/src/views/extensions/drag-drop/DragDropMultipleList.vue ***!
    \**************************************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _DragDropMultipleList_vue_vue_type_template_id_d8cc9910___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./DragDropMultipleList.vue?vue&type=template&id=d8cc9910& */ "./frontend/src/views/extensions/drag-drop/DragDropMultipleList.vue?vue&type=template&id=d8cc9910&");
  /* harmony import */ var _DragDropMultipleList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DragDropMultipleList.vue?vue&type=script&lang=js& */ "./frontend/src/views/extensions/drag-drop/DragDropMultipleList.vue?vue&type=script&lang=js&");
  /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __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_2__["default"])(
    _DragDropMultipleList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
    _DragDropMultipleList_vue_vue_type_template_id_d8cc9910___WEBPACK_IMPORTED_MODULE_0__["render"],
    _DragDropMultipleList_vue_vue_type_template_id_d8cc9910___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var api; }
  component.options.__file = "frontend/src/views/extensions/drag-drop/DragDropMultipleList.vue"
  /* harmony default export */ __webpack_exports__["default"] = (component.exports);
  
  /***/ }),
  
  /***/ "./frontend/src/views/extensions/drag-drop/DragDropMultipleList.vue?vue&type=script&lang=js&":
  /*!***************************************************************************************************!*\
    !*** ./frontend/src/views/extensions/drag-drop/DragDropMultipleList.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_DragDropMultipleList_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!./DragDropMultipleList.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/extensions/drag-drop/DragDropMultipleList.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_DragDropMultipleList_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
  
  /***/ }),
  
  /***/ "./frontend/src/views/extensions/drag-drop/DragDropMultipleList.vue?vue&type=template&id=d8cc9910&":
  /*!*********************************************************************************************************!*\
    !*** ./frontend/src/views/extensions/drag-drop/DragDropMultipleList.vue?vue&type=template&id=d8cc9910& ***!
    \*********************************************************************************************************/
  /*! 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_DragDropMultipleList_vue_vue_type_template_id_d8cc9910___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!./DragDropMultipleList.vue?vue&type=template&id=d8cc9910& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/extensions/drag-drop/DragDropMultipleList.vue?vue&type=template&id=d8cc9910&");
  /* 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_DragDropMultipleList_vue_vue_type_template_id_d8cc9910___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_DragDropMultipleList_vue_vue_type_template_id_d8cc9910___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
  
  
  
  /***/ }),
  
  /***/ "./frontend/src/views/extensions/drag-drop/DragDropSimple.vue":
  /*!********************************************************************!*\
    !*** ./frontend/src/views/extensions/drag-drop/DragDropSimple.vue ***!
    \********************************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _DragDropSimple_vue_vue_type_template_id_b4037448___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./DragDropSimple.vue?vue&type=template&id=b4037448& */ "./frontend/src/views/extensions/drag-drop/DragDropSimple.vue?vue&type=template&id=b4037448&");
  /* harmony import */ var _DragDropSimple_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DragDropSimple.vue?vue&type=script&lang=js& */ "./frontend/src/views/extensions/drag-drop/DragDropSimple.vue?vue&type=script&lang=js&");
  /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __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_2__["default"])(
    _DragDropSimple_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
    _DragDropSimple_vue_vue_type_template_id_b4037448___WEBPACK_IMPORTED_MODULE_0__["render"],
    _DragDropSimple_vue_vue_type_template_id_b4037448___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var api; }
  component.options.__file = "frontend/src/views/extensions/drag-drop/DragDropSimple.vue"
  /* harmony default export */ __webpack_exports__["default"] = (component.exports);
  
  /***/ }),
  
  /***/ "./frontend/src/views/extensions/drag-drop/DragDropSimple.vue?vue&type=script&lang=js&":
  /*!*********************************************************************************************!*\
    !*** ./frontend/src/views/extensions/drag-drop/DragDropSimple.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_DragDropSimple_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!./DragDropSimple.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/extensions/drag-drop/DragDropSimple.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_DragDropSimple_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
  
  /***/ }),
  
  /***/ "./frontend/src/views/extensions/drag-drop/DragDropSimple.vue?vue&type=template&id=b4037448&":
  /*!***************************************************************************************************!*\
    !*** ./frontend/src/views/extensions/drag-drop/DragDropSimple.vue?vue&type=template&id=b4037448& ***!
    \***************************************************************************************************/
  /*! 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_DragDropSimple_vue_vue_type_template_id_b4037448___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!./DragDropSimple.vue?vue&type=template&id=b4037448& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/extensions/drag-drop/DragDropSimple.vue?vue&type=template&id=b4037448&");
  /* 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_DragDropSimple_vue_vue_type_template_id_b4037448___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_DragDropSimple_vue_vue_type_template_id_b4037448___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
  
  
  
  /***/ }),
  
  /***/ "./frontend/src/views/extensions/drag-drop/code.js":
  /*!*********************************************************!*\
    !*** ./frontend/src/views/extensions/drag-drop/code.js ***!
    \*********************************************************/
  /*! exports provided: codeSimple, codeMultiple, codeClone, codeAnimation */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeSimple", function() { return codeSimple; });
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeMultiple", function() { return codeMultiple; });
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeClone", function() { return codeClone; });
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "codeAnimation", function() { return codeAnimation; });
  var codeSimple = "\n<template>\n  <div>\n    <!-- draggable -->\n    <draggable\n      v-model=\"list\"\n      tag=\"ul\"\n      class=\"list-group list-group-flush cursor-move\"\n    >\n      <b-list-group-item\n        v-for=\"(item, index) in list\"\n        :key=\"index\"\n        tag=\"li\"\n      >\n        <strong> {{ item }}</strong>\n      </b-list-group-item>\n    </draggable>\n\n    <!-- code -->\n    <prism\n      language=\"javascript\"\n      class=\"rounded mt-2\"\n    >list: {{ list }}\n    </prism>\n  </div>\n</template>\n\n<script>\nimport { BListGroupItem} from 'bootstrap-vue'\nimport draggable from 'vuedraggable'\nimport Prism from 'vue-prism-component'\nimport 'prismjs'\nimport 'prismjs/themes/prism-tomorrow.css'\n\nexport default {\n  components: {\n    draggable,\n    BListGroupItem,\n    Prism,\n  },\n  data() {\n    return {\n      list:\n      [\n        'Marzipan I love I love. Souffl\xE9 donut I love gummi bears powder. Candy danish biscuit.',\n        'Halvah bonbon bonbon brownie sugar plum. Halvah I love cupcake I love.',\n        'Cake muffin icing topping wafer topping gummi bears apple pie.',\n        'Cotton candy gummi bears bear claw cake brownie jelly-o lemon drops croissant sweet roll.',\n      ],\n    }\n  },\n}\n</script>\n";
  var codeMultiple = "\n<template>\n  <div>\n    <b-row>\n\n      <!-- people group 1 -->\n      <b-col md=\"6\">\n        <h6 class=\"text-primary font-weight-bold mb-2\">\n          People Group 1\n        </h6>\n\n        <!-- draggable -->\n        <draggable\n          :list=\"list1\"\n          tag=\"ul\"\n          group=\"people\"\n          class=\"list-group list-group-flush cursor-move\"\n        >\n          <b-list-group-item\n            v-for=\"(listItem, index) in list1\"\n            :key=\"index\"\n            tag=\"li\"\n          >\n            <div class=\"d-flex\">\n              <b-avatar :text=\"listItem.name.slice(0,2)\" />\n              <div class=\"ml-25\">\n                <b-card-text class=\"mb-0 font-weight-bold\">\n                  {{ listItem.name }}\n                </b-card-text>\n                <small>{{ listItem.email }}</small>\n              </div>\n            </div>\n          </b-list-group-item>\n        </draggable>\n      </b-col>\n\n      <!-- people group 2 -->\n      <b-col\n        md=\"6\"\n        class=\"mt-sm-2 mt-md-0\"\n      >\n        <h6 class=\"text-primary font-weight-bold mb-2\">\n          People Group 2\n        </h6>\n\n        <!-- draggable -->\n        <draggable\n          :list=\"list2\"\n          tag=\"ul\"\n          group=\"people\"\n          class=\"list-group list-group-flush cursor-move\"\n        >\n          <b-list-group-item\n            v-for=\"(listItem, index) in list2\"\n            :key=\"index\"\n            tag=\"li\"\n          >\n            <div class=\"d-flex\">\n              <b-avatar :text=\"listItem.name.slice(0,2)\" />\n              <div class=\"ml-25\">\n                <b-card-text class=\"mb-0 font-weight-bold\">\n                  {{ listItem.name }}\n                </b-card-text>\n                <small>{{ listItem.email }}</small>\n              </div>\n            </div>\n          </b-list-group-item>\n        </draggable>\n      </b-col>\n\n      <!-- people group 1 code -->\n      <b-col\n        md=\"6\"\n        class=\"mt-1\"\n      >\n        <prism\n          language=\"javascript\"\n          class=\"rounded\"\n        >\n          People Group 1: {{ list1 }}\n        </prism>\n      </b-col>\n\n      <!-- people group 2 code -->\n      <b-col\n        md=\"6\"\n        class=\"mt-1\"\n      >\n        <prism\n          language=\"javascript\"\n          class=\"rounded\"\n        >\n          People Group 2: {{ list2 }}\n        </prism>\n      </b-col>\n    </b-row>\n  </div>\n</template>\n\n<script>\nimport {\n  BListGroupItem, BAvatar, BRow, BCol,\n} from 'bootstrap-vue'\nimport draggable from 'vuedraggable'\nimport Prism from 'vue-prism-component'\nimport 'prismjs'\nimport 'prismjs/themes/prism-tomorrow.css'\n\nexport default {\n  components: {\n    BAvatar,\n    BListGroupItem,\n    BRow,\n    BCol,\n    Prism,\n    draggable,\n  },\n  data() {\n    return {\n      list1: [\n        {\n          name: 'Paz Joya',\n          email: 'girliness@spotlike.co.uk',\n        },\n        {\n          name: 'Sunshine Cose',\n          email: 'executrixship@equisized.edu',\n        },\n        {\n          name: 'Alba Dobbin',\n          email: 'bidding@demibob.or',\n        },\n        {\n          name: 'Marlin Hinchee',\n          email: 'preholding@scuffly.co.uk',\n        },\n      ],\n      list2: [\n        {\n          name: 'Leia Atienza',\n          email: 'unmeasurableness@interlamellar.co.uk',\n        },\n        {\n          name: 'Lashawna Vaudrainm',\n          email: 'soaking@khubber.com',\n        },\n        {\n          name: 'Liliana Henscheid',\n          email: 'lecideine@turndown.org',\n        },\n        {\n          name: 'Keven Kolter',\n          email: 'nontenure@anglicanum.co.uk',\n        },\n      ],\n    }\n  },\n}\n</script>\n";
  var codeClone = "\n<template>\n  <b-row>\n\n    <!-- tag source -->\n    <b-col md=\"6\">\n      <h6>Tag Source</h6>\n\n      <draggable\n        :list=\"list1\"\n        :group=\"{name:'tags', pull:'clone', put:false }\"\n        class=\"mb-1 cursor-move\"\n      >\n        <b-badge\n          v-for=\"(listItem, index) in list1\"\n          :key=\"index\"\n          class=\"mr-25\"\n        >\n          {{ listItem }}\n        </b-badge>\n      </draggable>\n    </b-col>\n\n    <!-- add tag -->\n    <b-col md=\"6\">\n      <h6>Your Tags</h6>\n\n      <draggable\n        :list=\"list2\"\n        :group=\"{name: 'tags'}\"\n        class=\"mb-1 cursor-move\"\n      >\n        <b-badge\n          v-for=\"(listItem, index) in list2\"\n          :key=\"index\"\n          class=\"mr-25\"\n        >\n          {{ listItem }}\n        </b-badge>\n      </draggable>\n    </b-col>\n\n    <!-- tag source code -->\n    <b-col md=\"6\">\n      <prism\n        language=\"javascript\"\n        class=\"rounded\"\n      >\n        Tag Source: {{ list1 }}\n      </prism>\n    </b-col>\n\n    <!-- tag add code -->\n    <b-col md=\"6\">\n      <prism\n        language=\"javascript\"\n        class=\"rounded\"\n      >\n        Added tags: {{ list2 }}\n      </prism>\n    </b-col>\n  </b-row>\n</template>\n\n<script>\nimport {\n  BBadge, BRow, BCol,\n} from 'bootstrap-vue'\nimport draggable from 'vuedraggable'\nimport Prism from 'vue-prism-component'\nimport 'prismjs'\nimport 'prismjs/themes/prism-tomorrow.css'\n\nexport default {\n  components: {\n    BBadge,\n    draggable,\n    BRow,\n    Prism,\n    BCol,\n  },\n  data() {\n    return {\n      list1: ['youtube', 'google', 'facebook', 'twitter', 'instagram', 'pinterest', 'tinder', 'slack', 'discord', 'github', 'gitlab'],\n      list2: ['google', 'youtube'],\n    }\n  },\n}\n</script>\n";
  var codeAnimation = "\n<template>\n  <div>\n\n    <h6 class=\"text-primary font-weight-bold mb-2\">\n      People Group\n    </h6>\n    <!-- draggable -->\n    <draggable\n      v-model=\"list\"\n      class=\"list-group list-group-flush cursor-move\"\n      tag=\"ul\"\n    >\n      <transition-group\n        type=\"transition\"\n        name=\"flip-list\"\n      >\n        <b-list-group-item\n          v-for=\"listItem in list\"\n          :key=\"listItem.email\"\n          tag=\"li\"\n        >\n          <div class=\"d-flex\">\n            <b-avatar :text=\"listItem.name.slice(0,2)\" />\n            <div class=\"ml-25\">\n              <b-card-text class=\"font-weight-bold mb-0\">\n                {{ listItem.name }}\n              </b-card-text>\n              <small>{{ listItem.email }}</small>\n            </div>\n          </div>\n        </b-list-group-item>\n      </transition-group>\n    </draggable>\n\n    <!-- code  -->\n    <prism\n      language=\"javascript\"\n      class=\"rounded mt-2\"\n    >\n      {{ list }}\n    </prism>\n  </div>\n</template>\n\n<script>\nimport { BListGroupItem, BAvatar} from 'bootstrap-vue'\nimport draggable from 'vuedraggable'\nimport Prism from 'vue-prism-component'\nimport 'prismjs'\nimport 'prismjs/themes/prism-tomorrow.css'\n\nexport default {\n  components: {\n    draggable,\n    BListGroupItem,\n    BAvatar,\n    Prism,\n  },\n  data() {\n    return {\n      list: [{\n        name: 'Paz Joya',\n        email: 'girliness@spotlike.co.uk',\n      },\n      {\n        name: 'Sunshine Cose',\n        email: 'executrixship@equisized.edu',\n      },\n      {\n        name: 'Alba Dobbin',\n        email: 'bidding@demibob.or',\n      },\n      {\n        name: 'Marlin Hinchee',\n        email: 'preholding@scuffly.co.uk',\n      },\n      {\n        name: 'Leia Atienza',\n        email: 'unmeasurableness@interlamellar.co.uk',\n      },\n      {\n        name: 'Lashawna Vaudrainm',\n        email: 'soaking@khubber.com',\n      },\n      {\n        name: 'Liliana Henscheid',\n        email: 'lecideine@turndown.org',\n      },\n      {\n        name: 'Keven Kolter',\n        email: 'nontenure@anglicanum.co.uk',\n      },\n      ],\n    }\n  },\n}\n</script>\n\n<style>\n.list-group-item {\n  transition: all 1s\n}\n</style>\n";
  
  /***/ }),
  
  /***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/@core/components/b-card-code/BCardCode.vue?vue&type=script&lang=js&":
  /*!**************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/@core/components/b-card-code/BCardCode.vue?vue&type=script&lang=js& ***!
    \**************************************************************************************************************************************************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'prismjs'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'prismjs/themes/prism-tomorrow.css'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'vue-prism-component'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  
  /* harmony default export */ __webpack_exports__["default"] = ({
    components: {
      BCard: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BCardTitle: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BCardSubTitle: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BCardBody: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BCollapse: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      Prism: !(function webpackMissingModule() { var e = new Error("Cannot find module 'vue-prism-component'"); e.code = 'MODULE_NOT_FOUND'; throw e; }())
    },
    inheritAttrs: false,
    props: {
      codeLanguage: {
        "default": 'markup',
        type: String
      }
    },
    data: function data() {
      return {
        parentID: '',
        code_visible: false
      };
    },
    computed: {
      cardAttrs: function cardAttrs() {
        var cardAttrs = JSON.parse(JSON.stringify(this.$attrs));
        delete cardAttrs.title;
        delete cardAttrs['sub-title'];
        return cardAttrs;
      }
    },
    created: function created() {
      this.parentID = String(Math.floor(Math.random() * 10) + 1);
    }
  });
  
  /***/ }),
  
  /***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/extensions/drag-drop/DragDrop.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/extensions/drag-drop/DragDrop.vue?vue&type=script&lang=js& ***!
    \***********************************************************************************************************************************************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  /* harmony import */ var _DragDropSimple_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DragDropSimple.vue */ "./frontend/src/views/extensions/drag-drop/DragDropSimple.vue");
  /* harmony import */ var _DragDropMultipleList_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DragDropMultipleList.vue */ "./frontend/src/views/extensions/drag-drop/DragDropMultipleList.vue");
  /* harmony import */ var _DragDropClone_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./DragDropClone.vue */ "./frontend/src/views/extensions/drag-drop/DragDropClone.vue");
  /* harmony import */ var _DragDropAnimation_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./DragDropAnimation.vue */ "./frontend/src/views/extensions/drag-drop/DragDropAnimation.vue");
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  
  
  /* harmony default export */ __webpack_exports__["default"] = ({
    components: {
      BRow: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BCol: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      DragDropSimple: _DragDropSimple_vue__WEBPACK_IMPORTED_MODULE_1__["default"],
      DragDropMultipleList: _DragDropMultipleList_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
      DragDropClone: _DragDropClone_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
      DragDropAnimation: _DragDropAnimation_vue__WEBPACK_IMPORTED_MODULE_4__["default"]
    }
  });
  
  /***/ }),
  
  /***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/extensions/drag-drop/DragDropAnimation.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/extensions/drag-drop/DragDropAnimation.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_BCardCode_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @core/components/b-card-code/BCardCode.vue */ "./frontend/src/@core/components/b-card-code/BCardCode.vue");
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'vuedraggable'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'vue-prism-component'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'prismjs'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'prismjs/themes/prism-tomorrow.css'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  /* harmony import */ var _code__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./code */ "./frontend/src/views/extensions/drag-drop/code.js");
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  
  
  
  
  /* harmony default export */ __webpack_exports__["default"] = ({
    components: {
      BCardCode: _core_components_b_card_code_BCardCode_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
      draggable: !(function webpackMissingModule() { var e = new Error("Cannot find module 'vuedraggable'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BListGroupItem: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BAvatar: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BCardText: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      Prism: !(function webpackMissingModule() { var e = new Error("Cannot find module 'vue-prism-component'"); e.code = 'MODULE_NOT_FOUND'; throw e; }())
    },
    data: function data() {
      return {
        codeAnimation: _code__WEBPACK_IMPORTED_MODULE_2__["codeAnimation"],
        list: [{
          name: 'Paz Joya',
          email: 'girliness@spotlike.co.uk'
        }, {
          name: 'Sunshine Cose',
          email: 'executrixship@equisized.edu'
        }, {
          name: 'Alba Dobbin',
          email: 'bidding@demibob.or'
        }, {
          name: 'Marlin Hinchee',
          email: 'preholding@scuffly.co.uk'
        }, {
          name: 'Leia Atienza',
          email: 'unmeasurableness@interlamellar.co.uk'
        }, {
          name: 'Lashawna Vaudrainm',
          email: 'soaking@khubber.com'
        }, {
          name: 'Liliana Henscheid',
          email: 'lecideine@turndown.org'
        }, {
          name: 'Keven Kolter',
          email: 'nontenure@anglicanum.co.uk'
        }]
      };
    }
  });
  
  /***/ }),
  
  /***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/extensions/drag-drop/DragDropClone.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/extensions/drag-drop/DragDropClone.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_BCardCode_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @core/components/b-card-code/BCardCode.vue */ "./frontend/src/@core/components/b-card-code/BCardCode.vue");
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'vuedraggable'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'vue-prism-component'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'prismjs'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'prismjs/themes/prism-tomorrow.css'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  /* harmony import */ var _code__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./code */ "./frontend/src/views/extensions/drag-drop/code.js");
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  
  
  
  
  /* harmony default export */ __webpack_exports__["default"] = ({
    components: {
      BCardCode: _core_components_b_card_code_BCardCode_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
      BBadge: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      draggable: !(function webpackMissingModule() { var e = new Error("Cannot find module 'vuedraggable'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BCardText: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BRow: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      Prism: !(function webpackMissingModule() { var e = new Error("Cannot find module 'vue-prism-component'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BCol: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }())
    },
    data: function data() {
      return {
        codeClone: _code__WEBPACK_IMPORTED_MODULE_2__["codeClone"],
        list1: ['youtube', 'google', 'facebook', 'twitter', 'instagram', 'pinterest', 'tinder', 'slack', 'discord', 'github', 'gitlab'],
        list2: ['google', 'youtube']
      };
    }
  });
  
  /***/ }),
  
  /***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/extensions/drag-drop/DragDropMultipleList.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/extensions/drag-drop/DragDropMultipleList.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_BCardCode_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @core/components/b-card-code/BCardCode.vue */ "./frontend/src/@core/components/b-card-code/BCardCode.vue");
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'vuedraggable'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'vue-prism-component'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'prismjs'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'prismjs/themes/prism-tomorrow.css'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  /* harmony import */ var _code__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./code */ "./frontend/src/views/extensions/drag-drop/code.js");
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  
  
  
  
  /* harmony default export */ __webpack_exports__["default"] = ({
    components: {
      BCardCode: _core_components_b_card_code_BCardCode_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
      BAvatar: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BListGroupItem: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BCardText: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BRow: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BCol: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      Prism: !(function webpackMissingModule() { var e = new Error("Cannot find module 'vue-prism-component'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      draggable: !(function webpackMissingModule() { var e = new Error("Cannot find module 'vuedraggable'"); e.code = 'MODULE_NOT_FOUND'; throw e; }())
    },
    data: function data() {
      return {
        codeMultiple: _code__WEBPACK_IMPORTED_MODULE_2__["codeMultiple"],
        list1: [{
          name: 'Paz Joya',
          email: 'girliness@spotlike.co.uk'
        }, {
          name: 'Sunshine Cose',
          email: 'executrixship@equisized.edu'
        }, {
          name: 'Alba Dobbin',
          email: 'bidding@demibob.or'
        }, {
          name: 'Marlin Hinchee',
          email: 'preholding@scuffly.co.uk'
        }],
        list2: [{
          name: 'Leia Atienza',
          email: 'unmeasurableness@interlamellar.co.uk'
        }, {
          name: 'Lashawna Vaudrainm',
          email: 'soaking@khubber.com'
        }, {
          name: 'Liliana Henscheid',
          email: 'lecideine@turndown.org'
        }, {
          name: 'Keven Kolter',
          email: 'nontenure@anglicanum.co.uk'
        }]
      };
    }
  });
  
  /***/ }),
  
  /***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/extensions/drag-drop/DragDropSimple.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/extensions/drag-drop/DragDropSimple.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_BCardCode_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @core/components/b-card-code/BCardCode.vue */ "./frontend/src/@core/components/b-card-code/BCardCode.vue");
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'vuedraggable'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'vue-prism-component'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'prismjs'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'prismjs/themes/prism-tomorrow.css'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  /* harmony import */ var _code__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./code */ "./frontend/src/views/extensions/drag-drop/code.js");
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  
  
  
  
  
  
  /* harmony default export */ __webpack_exports__["default"] = ({
    components: {
      BCardCode: _core_components_b_card_code_BCardCode_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
      draggable: !(function webpackMissingModule() { var e = new Error("Cannot find module 'vuedraggable'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BListGroupItem: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      Prism: !(function webpackMissingModule() { var e = new Error("Cannot find module 'vue-prism-component'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()),
      BCardText: !(function webpackMissingModule() { var e = new Error("Cannot find module 'bootstrap-vue'"); e.code = 'MODULE_NOT_FOUND'; throw e; }())
    },
    data: function data() {
      return {
        codeSimple: _code__WEBPACK_IMPORTED_MODULE_2__["codeSimple"],
        list: ['Marzipan I love I love. Soufflé donut I love gummi bears powder. Candy danish biscuit.', 'Halvah bonbon bonbon brownie sugar plum. Halvah I love cupcake I love.', 'Cake muffin icing topping wafer topping gummi bears apple pie.', 'Cotton candy gummi bears bear claw cake brownie jelly-o lemon drops croissant sweet roll.']
      };
    }
  });
  
  /***/ }),
  
  /***/ "./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/@core/components/b-card-code/BCardCode.vue?vue&type=style&index=0&id=ede98060&lang=scss&scoped=true&":
  /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
    !*** ./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/@core/components/b-card-code/BCardCode.vue?vue&type=style&index=0&id=ede98060&lang=scss&scoped=true& ***!
    \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
  /*! no static exports found */
  /***/ (function(module, exports) {
  
  throw new Error("Module build failed (from ./node_modules/sass-loader/dist/cjs.js):\nSassError: Can't find stylesheet to import.\n    ╷\n107 │ @import 'bootstrap/scss/functions';\n    │         ^^^^^^^^^^^^^^^^^^^^^^^^^^\n    ╵\n  C:\\xampp\\htdocs\\twic_terminal\\frontend\\src\\@core\\components\\b-card-code\\BCardCode.vue 107:9  root stylesheet");
  
  /***/ }),
  
  /***/ "./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/extensions/drag-drop/DragDropAnimation.vue?vue&type=style&index=0&lang=css&":
  /*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/extensions/drag-drop/DragDropAnimation.vue?vue&type=style&index=0&lang=css& ***!
    \***************************************************************************************************************************************************************************************************************************************************************************************************/
  /*! no static exports found */
  /***/ (function(module, exports, __webpack_require__) {
  
  exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
  // imports
  
  
  // module
  exports.push([module.i, "\n.list-group-item {\n  -webkit-transition: all 1s;\n  transition: all 1s\n}\n[dir] .list-group-item {\n  -webkit-transition: all 1s\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/@core/components/b-card-code/BCardCode.vue?vue&type=style&index=0&id=ede98060&lang=scss&scoped=true&":
  /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
    !*** ./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/@core/components/b-card-code/BCardCode.vue?vue&type=style&index=0&id=ede98060&lang=scss&scoped=true& ***!
    \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
  /*! 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!./BCardCode.vue?vue&type=style&index=0&id=ede98060&lang=scss&scoped=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/@core/components/b-card-code/BCardCode.vue?vue&type=style&index=0&id=ede98060&lang=scss&scoped=true&");
  
  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/extensions/drag-drop/DragDropAnimation.vue?vue&type=style&index=0&lang=css&":
  /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/style-loader!./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/extensions/drag-drop/DragDropAnimation.vue?vue&type=style&index=0&lang=css& ***!
    \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/
  /*! no static exports found */
  /***/ (function(module, exports, __webpack_require__) {
  
  
  var content = __webpack_require__(/*! !../../../../../node_modules/css-loader??ref--6-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--6-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./DragDropAnimation.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/extensions/drag-drop/DragDropAnimation.vue?vue&type=style&index=0&lang=css&");
  
  if(typeof content === 'string') content = [[module.i, content, '']];
  
  var transform;
  var insertInto;
  
  
  
  var options = {"hmr":true}
  
  options.transform = transform
  options.insertInto = undefined;
  
  var update = __webpack_require__(/*! ../../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
  
  if(content.locals) module.exports = content.locals;
  
  if(false) {}
  
  /***/ }),
  
  /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/@core/components/b-card-code/BCardCode.vue?vue&type=template&id=ede98060&scoped=true&":
  /*!******************************************************************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/@core/components/b-card-code/BCardCode.vue?vue&type=template&id=ede98060&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",
      _vm._g(
        _vm._b({ attrs: { "no-body": "" } }, "b-card", _vm.cardAttrs, false),
        _vm.$listeners
      ),
      [
        _c("div", { staticClass: "card-header" }, [
          _c(
            "div",
            [
              _c("b-card-title", [_vm._v(_vm._s(_vm.$attrs.title))]),
              _vm._v(" "),
              _vm.$attrs["sub-title"]
                ? _c("b-card-sub-title", [
                    _vm._v(
                      "\n        " + _vm._s(_vm.$attrs["sub-title"]) + "\n      "
                    )
                  ])
                : _vm._e()
            ],
            1
          ),
          _vm._v(" "),
          _c("i", {
            staticClass: "code-toggler feather icon-code cursor-pointer",
            attrs: {
              "aria-expanded": !_vm.code_visible ? "true" : "false",
              "aria-controls": _vm.parentID
            },
            on: {
              click: function($event) {
                _vm.code_visible = !_vm.code_visible
              }
            }
          })
        ]),
        _vm._v(" "),
        _vm.$attrs["no-body"] !== undefined
          ? [
              _vm._t("default"),
              _vm._v(" "),
              _c(
                "b-collapse",
                {
                  staticClass: "card-code",
                  attrs: { id: _vm.parentID, visible: _vm.code_visible },
                  model: {
                    value: _vm.code_visible,
                    callback: function($$v) {
                      _vm.code_visible = $$v
                    },
                    expression: "code_visible"
                  }
                },
                [
                  _c(
                    "b-card-body",
                    [
                      _c(
                        "prism",
                        { attrs: { language: _vm.codeLanguage } },
                        [_vm._t("code")],
                        2
                      )
                    ],
                    1
                  )
                ],
                1
              )
            ]
          : _c(
              "b-card-body",
              [
                _vm._t("default"),
                _vm._v(" "),
                _c(
                  "b-collapse",
                  {
                    staticClass: "card-code",
                    attrs: { id: _vm.parentID, visible: _vm.code_visible },
                    model: {
                      value: _vm.code_visible,
                      callback: function($$v) {
                        _vm.code_visible = $$v
                      },
                      expression: "code_visible"
                    }
                  },
                  [
                    _c("div", { staticClass: "p-1" }),
                    _vm._v(" "),
                    _c(
                      "prism",
                      { attrs: { language: _vm.codeLanguage } },
                      [_vm._t("code")],
                      2
                    )
                  ],
                  1
                )
              ],
              2
            )
      ],
      2
    )
  }
  var staticRenderFns = []
  render._withStripped = true
  
  
  
  /***/ }),
  
  /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/extensions/drag-drop/DragDrop.vue?vue&type=template&id=05609e8a&":
  /*!***************************************************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/extensions/drag-drop/DragDrop.vue?vue&type=template&id=05609e8a& ***!
    \***************************************************************************************************************************************************************************************************************************/
  /*! 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-row",
      [
        _c(
          "b-col",
          { attrs: { cols: "12" } },
          [
            _c("drag-drop-simple"),
            _vm._v(" "),
            _c("drag-drop-multiple-list"),
            _vm._v(" "),
            _c("drag-drop-clone"),
            _vm._v(" "),
            _c("drag-drop-animation")
          ],
          1
        )
      ],
      1
    )
  }
  var staticRenderFns = []
  render._withStripped = true
  
  
  
  /***/ }),
  
  /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/extensions/drag-drop/DragDropAnimation.vue?vue&type=template&id=4489ff6c&":
  /*!************************************************************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/extensions/drag-drop/DragDropAnimation.vue?vue&type=template&id=4489ff6c& ***!
    \************************************************************************************************************************************************************************************************************************************/
  /*! 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-code",
      {
        attrs: { title: "Animation" },
        scopedSlots: _vm._u([
          {
            key: "code",
            fn: function() {
              return [_vm._v("\n    " + _vm._s(_vm.codeAnimation) + "\n  ")]
            },
            proxy: true
          }
        ])
      },
      [
        _c("b-card-text", [
          _c("span", [_vm._v("Add animation to changes using ")]),
          _vm._v(" "),
          _c("code", [_vm._v("transition-group")]),
          _vm._v(" "),
          _c("span", [_vm._v(".")])
        ]),
        _vm._v(" "),
        _c("h6", { staticClass: "text-primary font-weight-bold mb-2" }, [
          _vm._v("\n    People Group\n  ")
        ]),
        _vm._v(" "),
        _c(
          "draggable",
          {
            staticClass: "list-group list-group-flush cursor-move",
            attrs: { tag: "ul" },
            model: {
              value: _vm.list,
              callback: function($$v) {
                _vm.list = $$v
              },
              expression: "list"
            }
          },
          [
            _c(
              "transition-group",
              { attrs: { type: "transition", name: "flip-list" } },
              _vm._l(_vm.list, function(listItem) {
                return _c(
                  "b-list-group-item",
                  { key: listItem.email, attrs: { tag: "li" } },
                  [
                    _c(
                      "div",
                      { staticClass: "d-flex" },
                      [
                        _c("b-avatar", {
                          attrs: { text: listItem.name.slice(0, 2) }
                        }),
                        _vm._v(" "),
                        _c(
                          "div",
                          { staticClass: "ml-25" },
                          [
                            _c(
                              "b-card-text",
                              { staticClass: "font-weight-bold mb-0" },
                              [
                                _vm._v(
                                  "\n              " +
                                    _vm._s(listItem.name) +
                                    "\n            "
                                )
                              ]
                            ),
                            _vm._v(" "),
                            _c("small", [_vm._v(_vm._s(listItem.email))])
                          ],
                          1
                        )
                      ],
                      1
                    )
                  ]
                )
              }),
              1
            )
          ],
          1
        ),
        _vm._v(" "),
        _c(
          "prism",
          { staticClass: "rounded mt-2", attrs: { language: "javascript" } },
          [_vm._v("\n    " + _vm._s(_vm.list) + "\n  ")]
        )
      ],
      1
    )
  }
  var staticRenderFns = []
  render._withStripped = true
  
  
  
  /***/ }),
  
  /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/extensions/drag-drop/DragDropClone.vue?vue&type=template&id=5b8716ba&":
  /*!********************************************************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/extensions/drag-drop/DragDropClone.vue?vue&type=template&id=5b8716ba& ***!
    \********************************************************************************************************************************************************************************************************************************/
  /*! 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-code",
      {
        attrs: { title: "Clone List" },
        scopedSlots: _vm._u([
          {
            key: "code",
            fn: function() {
              return [_vm._v("\n    " + _vm._s(_vm.codeClone) + "\n  ")]
            },
            proxy: true
          }
        ])
      },
      [
        _c("b-card-text", [
          _c("span", [
            _vm._v("Clone list items from another existing list. Add ")
          ]),
          _vm._v(" "),
          _c("code", [_vm._v("pull")]),
          _vm._v(" "),
          _c("span", [_vm._v(" and ")]),
          _vm._v(" "),
          _c("code", [_vm._v("put")]),
          _vm._v(" "),
          _c("span", [_vm._v(" to ")]),
          _vm._v(" "),
          _c("code", [_vm._v("group")]),
          _vm._v(" "),
          _c("span", [_vm._v(" prop.")])
        ]),
        _vm._v(" "),
        _c(
          "b-row",
          [
            _c(
              "b-col",
              { attrs: { md: "6" } },
              [
                _c("h6", [_vm._v("Tag Source")]),
                _vm._v(" "),
                _c(
                  "draggable",
                  {
                    staticClass: "mb-1 cursor-move",
                    attrs: {
                      list: _vm.list1,
                      group: { name: "tags", pull: "clone", put: false }
                    }
                  },
                  _vm._l(_vm.list1, function(listItem, index) {
                    return _c("b-badge", { key: index, staticClass: "mr-25" }, [
                      _vm._v("\n          " + _vm._s(listItem) + "\n        ")
                    ])
                  }),
                  1
                )
              ],
              1
            ),
            _vm._v(" "),
            _c(
              "b-col",
              { attrs: { md: "6" } },
              [
                _c("h6", [_vm._v("Your Tags")]),
                _vm._v(" "),
                _c(
                  "draggable",
                  {
                    staticClass: "mb-1 cursor-move",
                    attrs: { list: _vm.list2, group: { name: "tags" } }
                  },
                  _vm._l(_vm.list2, function(listItem, index) {
                    return _c("b-badge", { key: index, staticClass: "mr-25" }, [
                      _vm._v("\n          " + _vm._s(listItem) + "\n        ")
                    ])
                  }),
                  1
                )
              ],
              1
            ),
            _vm._v(" "),
            _c(
              "b-col",
              { attrs: { md: "6" } },
              [
                _c(
                  "prism",
                  { staticClass: "rounded", attrs: { language: "javascript" } },
                  [
                    _vm._v(
                      "\n        Tag Source: " + _vm._s(_vm.list1) + "\n      "
                    )
                  ]
                )
              ],
              1
            ),
            _vm._v(" "),
            _c(
              "b-col",
              { attrs: { md: "6" } },
              [
                _c(
                  "prism",
                  { staticClass: "rounded", attrs: { language: "javascript" } },
                  [
                    _vm._v(
                      "\n        Added tags: " + _vm._s(_vm.list2) + "\n      "
                    )
                  ]
                )
              ],
              1
            )
          ],
          1
        )
      ],
      1
    )
  }
  var staticRenderFns = []
  render._withStripped = true
  
  
  
  /***/ }),
  
  /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/extensions/drag-drop/DragDropMultipleList.vue?vue&type=template&id=d8cc9910&":
  /*!***************************************************************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/extensions/drag-drop/DragDropMultipleList.vue?vue&type=template&id=d8cc9910& ***!
    \***************************************************************************************************************************************************************************************************************************************/
  /*! 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-code",
      {
        attrs: { title: "Multiple Lists" },
        scopedSlots: _vm._u([
          {
            key: "code",
            fn: function() {
              return [_vm._v("\n    " + _vm._s(_vm.codeMultiple) + "\n  ")]
            },
            proxy: true
          }
        ])
      },
      [
        _c("b-card-text", [
          _c("span", [
            _vm._v("Drag and drop items of more than one list. Add same ")
          ]),
          _vm._v(" "),
          _c("code", [_vm._v("group")]),
          _vm._v(" "),
          _c("span", [_vm._v(" to ")]),
          _vm._v(" "),
          _c("code", [_vm._v("group")]),
          _vm._v(" "),
          _c("span", [_vm._v(" prop.")])
        ]),
        _vm._v(" "),
        _c(
          "b-row",
          [
            _c(
              "b-col",
              { attrs: { md: "6" } },
              [
                _c("h6", { staticClass: "text-primary font-weight-bold mb-2" }, [
                  _vm._v("\n        People Group 1\n      ")
                ]),
                _vm._v(" "),
                _c(
                  "draggable",
                  {
                    staticClass: "list-group list-group-flush cursor-move",
                    attrs: { list: _vm.list1, tag: "ul", group: "people" }
                  },
                  _vm._l(_vm.list1, function(listItem, index) {
                    return _c(
                      "b-list-group-item",
                      { key: index, attrs: { tag: "li" } },
                      [
                        _c(
                          "div",
                          { staticClass: "d-flex" },
                          [
                            _c("b-avatar", {
                              attrs: { text: listItem.name.slice(0, 2) }
                            }),
                            _vm._v(" "),
                            _c(
                              "div",
                              { staticClass: "ml-25" },
                              [
                                _c(
                                  "b-card-text",
                                  { staticClass: "mb-0 font-weight-bold" },
                                  [
                                    _vm._v(
                                      "\n                " +
                                        _vm._s(listItem.name) +
                                        "\n              "
                                    )
                                  ]
                                ),
                                _vm._v(" "),
                                _c("small", [_vm._v(_vm._s(listItem.email))])
                              ],
                              1
                            )
                          ],
                          1
                        )
                      ]
                    )
                  }),
                  1
                )
              ],
              1
            ),
            _vm._v(" "),
            _c(
              "b-col",
              { staticClass: "mt-sm-2 mt-md-0", attrs: { md: "6" } },
              [
                _c("h6", { staticClass: "text-primary font-weight-bold mb-2" }, [
                  _vm._v("\n        People Group 2\n      ")
                ]),
                _vm._v(" "),
                _c(
                  "draggable",
                  {
                    staticClass: "list-group list-group-flush cursor-move",
                    attrs: { list: _vm.list2, tag: "ul", group: "people" }
                  },
                  _vm._l(_vm.list2, function(listItem, index) {
                    return _c(
                      "b-list-group-item",
                      { key: index, attrs: { tag: "li" } },
                      [
                        _c(
                          "div",
                          { staticClass: "d-flex" },
                          [
                            _c("b-avatar", {
                              attrs: { text: listItem.name.slice(0, 2) }
                            }),
                            _vm._v(" "),
                            _c(
                              "div",
                              { staticClass: "ml-25" },
                              [
                                _c(
                                  "b-card-text",
                                  { staticClass: "mb-0 font-weight-bold" },
                                  [
                                    _vm._v(
                                      "\n                " +
                                        _vm._s(listItem.name) +
                                        "\n              "
                                    )
                                  ]
                                ),
                                _vm._v(" "),
                                _c("small", [_vm._v(_vm._s(listItem.email))])
                              ],
                              1
                            )
                          ],
                          1
                        )
                      ]
                    )
                  }),
                  1
                )
              ],
              1
            ),
            _vm._v(" "),
            _c(
              "b-col",
              { staticClass: "mt-1", attrs: { md: "6" } },
              [
                _c(
                  "prism",
                  { staticClass: "rounded", attrs: { language: "javascript" } },
                  [
                    _vm._v(
                      "\n        People Group 1: " +
                        _vm._s(_vm.list1) +
                        "\n      "
                    )
                  ]
                )
              ],
              1
            ),
            _vm._v(" "),
            _c(
              "b-col",
              { staticClass: "mt-1", attrs: { md: "6" } },
              [
                _c(
                  "prism",
                  { staticClass: "rounded", attrs: { language: "javascript" } },
                  [
                    _vm._v(
                      "\n        People Group 2: " +
                        _vm._s(_vm.list2) +
                        "\n      "
                    )
                  ]
                )
              ],
              1
            )
          ],
          1
        )
      ],
      1
    )
  }
  var staticRenderFns = []
  render._withStripped = true
  
  
  
  /***/ }),
  
  /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./frontend/src/views/extensions/drag-drop/DragDropSimple.vue?vue&type=template&id=b4037448&":
  /*!*********************************************************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./frontend/src/views/extensions/drag-drop/DragDropSimple.vue?vue&type=template&id=b4037448& ***!
    \*********************************************************************************************************************************************************************************************************************************/
  /*! 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-code",
      {
        attrs: { title: "Simple" },
        scopedSlots: _vm._u([
          {
            key: "code",
            fn: function() {
              return [_vm._v("\n    " + _vm._s(_vm.codeSimple) + "\n  ")]
            },
            proxy: true
          }
        ])
      },
      [
        _c("b-card-text", [
          _c("span", [
            _vm._v("Simple Draggable list with in sync to original list. Remove ")
          ]),
          _vm._v(" "),
          _c("code", [_vm._v("list")]),
          _vm._v(" "),
          _c("span", [
            _vm._v(" prop to break synchronization with original list.")
          ])
        ]),
        _vm._v(" "),
        _c(
          "draggable",
          {
            staticClass: "list-group list-group-flush cursor-move",
            attrs: { tag: "ul" },
            model: {
              value: _vm.list,
              callback: function($$v) {
                _vm.list = $$v
              },
              expression: "list"
            }
          },
          _vm._l(_vm.list, function(item, index) {
            return _c("b-list-group-item", { key: index, attrs: { tag: "li" } }, [
              _c("strong", [_vm._v(" " + _vm._s(item))])
            ])
          }),
          1
        ),
        _vm._v(" "),
        _c(
          "prism",
          { staticClass: "rounded mt-2", attrs: { language: "javascript" } },
          [_vm._v("list: " + _vm._s(_vm.list) + "\n  ")]
        )
      ],
      1
    )
  }
  var staticRenderFns = []
  render._withStripped = true
  
  
  
  /***/ })
  
  }]);