text: (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[9],{
  
  /***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/src/views/ui-elements/data-list/DataViewSidebar.vue?vue&type=script&lang=js&":
  /*!***********************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/src/views/ui-elements/data-list/DataViewSidebar.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 vue_perfect_scrollbar__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-perfect-scrollbar */ "./node_modules/vue-perfect-scrollbar/dist/index.js");
  /* harmony import */ var vue_perfect_scrollbar__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue_perfect_scrollbar__WEBPACK_IMPORTED_MODULE_0__);
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  
  /* harmony default export */ __webpack_exports__["default"] = ({
    props: {
      isSidebarActive: {
        type: Boolean,
        required: true
      },
      data: {
        type: Object,
        "default": function _default() {}
      }
    },
    components: {
      VuePerfectScrollbar: vue_perfect_scrollbar__WEBPACK_IMPORTED_MODULE_0___default.a
    },
    data: function data() {
      return {
        dataId: null,
        dataName: '',
        dataCategory: null,
        dataImg: null,
        dataOrder_status: 'pending',
        dataPrice: 0,
        category_choices: [{
          text: 'Audio',
          value: 'audio'
        }, {
          text: 'Computers',
          value: 'computers'
        }, {
          text: 'Fitness',
          value: 'fitness'
        }, {
          text: 'Appliance',
          value: 'appliance'
        }],
        order_status_choices: [{
          text: 'Pending',
          value: 'pending'
        }, {
          text: 'Canceled',
          value: 'canceled'
        }, {
          text: 'Delivered',
          value: 'delivered'
        }, {
          text: 'On Hold',
          value: 'on_hold'
        }],
        settings: {
          // perfectscrollbar settings
          maxScrollbarLength: 60,
          wheelSpeed: .60
        }
      };
    },
    watch: {
      isSidebarActive: function isSidebarActive(val) {
        if (!val) return;
  
        if (Object.entries(this.data).length === 0) {
          this.initValues();
          this.$validator.reset();
        } else {
          var _JSON$parse = JSON.parse(JSON.stringify(this.data)),
              category = _JSON$parse.category,
              id = _JSON$parse.id,
              img = _JSON$parse.img,
              name = _JSON$parse.name,
              order_status = _JSON$parse.order_status,
              price = _JSON$parse.price;
  
          this.dataId = id;
          this.dataCategory = category;
          this.dataImg = img;
          this.dataName = name;
          this.dataOrder_status = order_status;
          this.dataPrice = price;
          this.initValues();
        } // Object.entries(this.data).length === 0 ? this.initValues() : { this.dataId, this.dataName, this.dataCategory, this.dataOrder_status, this.dataPrice } = JSON.parse(JSON.stringify(this.data))
  
      }
    },
    computed: {
      isSidebarActiveLocal: {
        get: function get() {
          return this.isSidebarActive;
        },
        set: function set(val) {
          if (!val) {
            this.$emit('closeSidebar'); // this.$validator.reset()
            // this.initValues()
          }
        }
      },
      isFormValid: function isFormValid() {
        return !this.errors.any() && this.dataName && this.dataCategory && this.dataPrice > 0;
      },
      scrollbarTag: function scrollbarTag() {
        return this.$store.getters.scrollbarTag;
      }
    },
    methods: {
      initValues: function initValues() {
        if (this.data.id) return;
        this.dataId = null;
        this.dataName = '';
        this.dataCategory = null;
        this.dataOrder_status = 'pending';
        this.dataPrice = 0;
        this.dataImg = null;
      },
      submitData: function submitData() {
        var _this = this;
  
        this.$validator.validateAll().then(function (result) {
          if (result) {
            var obj = {
              id: _this.dataId,
              name: _this.dataName,
              img: _this.dataImg,
              category: _this.dataCategory,
              order_status: _this.dataOrder_status,
              price: _this.dataPrice
            };
  
            if (_this.dataId !== null && _this.dataId >= 0) {
              _this.$store.dispatch('dataList/updateItem', obj)["catch"](function (err) {
                console.error(err);
              });
            } else {
              delete obj.id;
              obj.popularity = 0;
  
              _this.$store.dispatch('dataList/addItem', obj)["catch"](function (err) {
                console.error(err);
              });
            }
  
            _this.$emit('closeSidebar');
  
            _this.initValues();
          }
        });
      },
      updateCurrImg: function updateCurrImg(input) {
        var _this2 = this;
  
        if (input.target.files && input.target.files[0]) {
          var reader = new FileReader();
  
          reader.onload = function (e) {
            _this2.dataImg = e.target.result;
          };
  
          reader.readAsDataURL(input.target.files[0]);
        }
      }
    }
  });
  
  /***/ }),
  
  /***/ "./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/vue-loader/lib/index.js?!./resources/js/src/views/ui-elements/data-list/DataViewSidebar.vue?vue&type=style&index=0&id=b97fa874&lang=scss&scoped=true&":
  /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-2!./node_modules/sass-loader/dist/cjs.js??ref--8-3!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/src/views/ui-elements/data-list/DataViewSidebar.vue?vue&type=style&index=0&id=b97fa874&lang=scss&scoped=true& ***!
    \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
  /*! 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, ".add-new-data-sidebar[data-v-b97fa874]  .vs-sidebar--background {\n  z-index: 52010;\n}\n.add-new-data-sidebar[data-v-b97fa874]  .vs-sidebar {\n  z-index: 52010;\n  width: 400px;\n  max-width: 90vw;\n}\n[dir] .add-new-data-sidebar[data-v-b97fa874]  .vs-sidebar .img-upload {\n  margin-top: 2rem;\n}\n[dir] .add-new-data-sidebar[data-v-b97fa874]  .vs-sidebar .img-upload .con-img-upload {\n  padding: 0;\n}\n.add-new-data-sidebar[data-v-b97fa874]  .vs-sidebar .img-upload .con-input-upload {\n  width: 100%;\n}\n[dir] .add-new-data-sidebar[data-v-b97fa874]  .vs-sidebar .img-upload .con-input-upload {\n  margin: 0;\n}\n.scroll-area--data-list-add-new[data-v-b97fa874] {\n  height: calc(var(--vh, 1vh) * 100 - 16px - 45px - 82px);\n}\n.scroll-area--data-list-add-new[data-v-b97fa874]:not(.ps) {\n  overflow-y: auto;\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/vue-loader/lib/index.js?!./resources/js/src/views/ui-elements/data-list/DataViewSidebar.vue?vue&type=style&index=0&id=b97fa874&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--8-2!./node_modules/sass-loader/dist/cjs.js??ref--8-3!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/src/views/ui-elements/data-list/DataViewSidebar.vue?vue&type=style&index=0&id=b97fa874&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--8-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-3!../../../../../../node_modules/vue-loader/lib??vue-loader-options!./DataViewSidebar.vue?vue&type=style&index=0&id=b97fa874&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/vue-loader/lib/index.js?!./resources/js/src/views/ui-elements/data-list/DataViewSidebar.vue?vue&type=style&index=0&id=b97fa874&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/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/src/views/ui-elements/data-list/DataViewSidebar.vue?vue&type=template&id=b97fa874&scoped=true&":
  /*!***************************************************************************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/src/views/ui-elements/data-list/DataViewSidebar.vue?vue&type=template&id=b97fa874&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(
      "vs-sidebar",
      {
        staticClass: "add-new-data-sidebar items-no-padding",
        attrs: {
          "click-not-close": "",
          "position-right": "",
          parent: "body",
          "default-index": "1",
          color: "primary",
          spacer: ""
        },
        model: {
          value: _vm.isSidebarActiveLocal,
          callback: function($$v) {
            _vm.isSidebarActiveLocal = $$v
          },
          expression: "isSidebarActiveLocal"
        }
      },
      [
        _c(
          "div",
          { staticClass: "mt-6 flex items-center justify-between px-6" },
          [
            _c("h4", [
              _vm._v(
                _vm._s(
                  Object.entries(this.data).length === 0 ? "ADD NEW" : "UPDATE"
                ) + " ITEM"
              )
            ]),
            _vm._v(" "),
            _c("feather-icon", {
              staticClass: "cursor-pointer",
              attrs: { icon: "XIcon" },
              on: {
                click: function($event) {
                  $event.stopPropagation()
                  _vm.isSidebarActiveLocal = false
                }
              }
            })
          ],
          1
        ),
        _vm._v(" "),
        _c("vs-divider", { staticClass: "mb-0" }),
        _vm._v(" "),
        _c(
          _vm.scrollbarTag,
          {
            key: _vm.$vs.rtl,
            tag: "component",
            staticClass: "scroll-area--data-list-add-new",
            attrs: { settings: _vm.settings }
          },
          [
            _c(
              "div",
              { staticClass: "p-6" },
              [
                _vm.dataImg
                  ? [
                      _c(
                        "div",
                        {
                          staticClass:
                            "img-container w-64 mx-auto flex items-center justify-center"
                        },
                        [
                          _c("img", {
                            staticClass: "responsive",
                            attrs: { src: _vm.dataImg, alt: "img" }
                          })
                        ]
                      ),
                      _vm._v(" "),
                      _c(
                        "div",
                        { staticClass: "modify-img flex justify-between mt-5" },
                        [
                          _c("input", {
                            ref: "updateImgInput",
                            staticClass: "hidden",
                            attrs: { type: "file", accept: "image/*" },
                            on: { change: _vm.updateCurrImg }
                          }),
                          _vm._v(" "),
                          _c(
                            "vs-button",
                            {
                              staticClass: "mr-4",
                              attrs: { type: "flat" },
                              on: {
                                click: function($event) {
                                  return _vm.$refs.updateImgInput.click()
                                }
                              }
                            },
                            [_vm._v("Update Image")]
                          ),
                          _vm._v(" "),
                          _c(
                            "vs-button",
                            {
                              attrs: { type: "flat", color: "#999" },
                              on: {
                                click: function($event) {
                                  _vm.dataImg = null
                                }
                              }
                            },
                            [_vm._v("Remove Image")]
                          )
                        ],
                        1
                      )
                    ]
                  : _vm._e(),
                _vm._v(" "),
                _c("vs-input", {
                  directives: [
                    {
                      name: "validate",
                      rawName: "v-validate",
                      value: "required",
                      expression: "'required'"
                    }
                  ],
                  staticClass: "mt-5 w-full",
                  attrs: { label: "Name", name: "item-name" },
                  model: {
                    value: _vm.dataName,
                    callback: function($$v) {
                      _vm.dataName = $$v
                    },
                    expression: "dataName"
                  }
                }),
                _vm._v(" "),
                _c(
                  "span",
                  {
                    directives: [
                      {
                        name: "show",
                        rawName: "v-show",
                        value: _vm.errors.has("item-name"),
                        expression: "errors.has('item-name')"
                      }
                    ],
                    staticClass: "text-danger text-sm"
                  },
                  [_vm._v(_vm._s(_vm.errors.first("item-name")))]
                ),
                _vm._v(" "),
                _c(
                  "vs-select",
                  {
                    directives: [
                      {
                        name: "validate",
                        rawName: "v-validate",
                        value: "required",
                        expression: "'required'"
                      }
                    ],
                    staticClass: "mt-5 w-full",
                    attrs: { label: "Category", name: "item-category" },
                    model: {
                      value: _vm.dataCategory,
                      callback: function($$v) {
                        _vm.dataCategory = $$v
                      },
                      expression: "dataCategory"
                    }
                  },
                  _vm._l(_vm.category_choices, function(item) {
                    return _c("vs-select-item", {
                      key: item.value,
                      attrs: { value: item.value, text: item.text }
                    })
                  }),
                  1
                ),
                _vm._v(" "),
                _c(
                  "span",
                  {
                    directives: [
                      {
                        name: "show",
                        rawName: "v-show",
                        value: _vm.errors.has("item-category"),
                        expression: "errors.has('item-category')"
                      }
                    ],
                    staticClass: "text-danger text-sm"
                  },
                  [_vm._v(_vm._s(_vm.errors.first("item-category")))]
                ),
                _vm._v(" "),
                _c(
                  "vs-select",
                  {
                    staticClass: "mt-5 w-full",
                    attrs: { label: "Order Status" },
                    model: {
                      value: _vm.dataOrder_status,
                      callback: function($$v) {
                        _vm.dataOrder_status = $$v
                      },
                      expression: "dataOrder_status"
                    }
                  },
                  _vm._l(_vm.order_status_choices, function(item) {
                    return _c("vs-select-item", {
                      key: item.value,
                      attrs: { value: item.value, text: item.text }
                    })
                  }),
                  1
                ),
                _vm._v(" "),
                _c("vs-input", {
                  directives: [
                    {
                      name: "validate",
                      rawName: "v-validate",
                      value: { required: true, regex: /\d+(\.\d+)?$/ },
                      expression: "{ required: true, regex: /\\d+(\\.\\d+)?$/ }"
                    }
                  ],
                  staticClass: "mt-5 w-full",
                  attrs: {
                    "icon-pack": "feather",
                    icon: "icon-dollar-sign",
                    label: "Price",
                    name: "item-price"
                  },
                  model: {
                    value: _vm.dataPrice,
                    callback: function($$v) {
                      _vm.dataPrice = $$v
                    },
                    expression: "dataPrice"
                  }
                }),
                _vm._v(" "),
                _c(
                  "span",
                  {
                    directives: [
                      {
                        name: "show",
                        rawName: "v-show",
                        value: _vm.errors.has("item-price"),
                        expression: "errors.has('item-price')"
                      }
                    ],
                    staticClass: "text-danger text-sm"
                  },
                  [_vm._v(_vm._s(_vm.errors.first("item-price")))]
                ),
                _vm._v(" "),
                !_vm.dataImg
                  ? _c(
                      "div",
                      { staticClass: "upload-img mt-5" },
                      [
                        _c("input", {
                          ref: "uploadImgInput",
                          staticClass: "hidden",
                          attrs: { type: "file", accept: "image/*" },
                          on: { change: _vm.updateCurrImg }
                        }),
                        _vm._v(" "),
                        _c(
                          "vs-button",
                          {
                            on: {
                              click: function($event) {
                                return _vm.$refs.uploadImgInput.click()
                              }
                            }
                          },
                          [_vm._v("Upload Image")]
                        )
                      ],
                      1
                    )
                  : _vm._e()
              ],
              2
            )
          ]
        ),
        _vm._v(" "),
        _c(
          "div",
          {
            staticClass: "flex flex-wrap items-center p-6",
            attrs: { slot: "footer" },
            slot: "footer"
          },
          [
            _c(
              "vs-button",
              {
                staticClass: "mr-6",
                attrs: { disabled: !_vm.isFormValid },
                on: { click: _vm.submitData }
              },
              [_vm._v("Submit")]
            ),
            _vm._v(" "),
            _c(
              "vs-button",
              {
                attrs: { type: "border", color: "danger" },
                on: {
                  click: function($event) {
                    _vm.isSidebarActiveLocal = false
                  }
                }
              },
              [_vm._v("Cancel")]
            )
          ],
          1
        )
      ],
      1
    )
  }
  var staticRenderFns = []
  render._withStripped = true
  
  
  
  /***/ }),
  
  /***/ "./resources/js/src/store/data-list/moduleDataList.js":
  /*!************************************************************!*\
    !*** ./resources/js/src/store/data-list/moduleDataList.js ***!
    \************************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _moduleDataListState_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./moduleDataListState.js */ "./resources/js/src/store/data-list/moduleDataListState.js");
  /* harmony import */ var _moduleDataListMutations_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./moduleDataListMutations.js */ "./resources/js/src/store/data-list/moduleDataListMutations.js");
  /* harmony import */ var _moduleDataListActions_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./moduleDataListActions.js */ "./resources/js/src/store/data-list/moduleDataListActions.js");
  /* harmony import */ var _moduleDataListGetters_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./moduleDataListGetters.js */ "./resources/js/src/store/data-list/moduleDataListGetters.js");
  /*=========================================================================================
    File Name: moduleDataList.js
    Description: Calendar Module
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
    Author: Pixinvent
    Author URL: http://www.themeforest.net/user/pixinvent
  ==========================================================================================*/
  
  
  
  
  /* harmony default export */ __webpack_exports__["default"] = ({
    isRegistered: false,
    namespaced: true,
    state: _moduleDataListState_js__WEBPACK_IMPORTED_MODULE_0__["default"],
    mutations: _moduleDataListMutations_js__WEBPACK_IMPORTED_MODULE_1__["default"],
    actions: _moduleDataListActions_js__WEBPACK_IMPORTED_MODULE_2__["default"],
    getters: _moduleDataListGetters_js__WEBPACK_IMPORTED_MODULE_3__["default"]
  });
  
  /***/ }),
  
  /***/ "./resources/js/src/store/data-list/moduleDataListActions.js":
  /*!*******************************************************************!*\
    !*** ./resources/js/src/store/data-list/moduleDataListActions.js ***!
    \*******************************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _axios_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/axios.js */ "./resources/js/src/axios.js");
  /*=========================================================================================
    File Name: moduleCalendarActions.js
    Description: Calendar Module Actions
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
    Author: Pixinvent
    Author URL: http://www.themeforest.net/user/pixinvent
  ==========================================================================================*/
  
  /* harmony default export */ __webpack_exports__["default"] = ({
    addItem: function addItem(_ref, item) {
      var commit = _ref.commit;
      return new Promise(function (resolve, reject) {
        _axios_js__WEBPACK_IMPORTED_MODULE_0__["default"].post('/api/data-list/products/', {
          item: item
        }).then(function (response) {
          commit('ADD_ITEM', Object.assign(item, {
            id: response.data.id
          }));
          resolve(response);
        })["catch"](function (error) {
          reject(error);
        });
      });
    },
    fetchDataListItems: function fetchDataListItems(_ref2) {
      var commit = _ref2.commit;
      return new Promise(function (resolve, reject) {
        _axios_js__WEBPACK_IMPORTED_MODULE_0__["default"].get('/api/data-list/products').then(function (response) {
          commit('SET_PRODUCTS', response.data);
          resolve(response);
        })["catch"](function (error) {
          reject(error);
        });
      });
    },
    // fetchEventLabels({ commit }) {
    //   return new Promise((resolve, reject) => {
    //     axios.get("/api/apps/calendar/labels")
    //       .then((response) => {
    //         commit('SET_LABELS', response.data)
    //         resolve(response)
    //       })
    //       .catch((error) => { reject(error) })
    //   })
    // },
    updateItem: function updateItem(_ref3, item) {
      var commit = _ref3.commit;
      return new Promise(function (resolve, reject) {
        _axios_js__WEBPACK_IMPORTED_MODULE_0__["default"].post("/api/data-list/products/".concat(item.id), {
          item: item
        }).then(function (response) {
          commit('UPDATE_PRODUCT', response.data);
          resolve(response);
        })["catch"](function (error) {
          reject(error);
        });
      });
    },
    removeItem: function removeItem(_ref4, itemId) {
      var commit = _ref4.commit;
      return new Promise(function (resolve, reject) {
        _axios_js__WEBPACK_IMPORTED_MODULE_0__["default"]["delete"]("/api/data-list/products/".concat(itemId)).then(function (response) {
          commit('REMOVE_ITEM', itemId);
          resolve(response);
        })["catch"](function (error) {
          reject(error);
        });
      });
    } // eventDragged({ commit }, payload) {
    //   return new Promise((resolve, reject) => {
    //     axios.post(`/api/apps/calendar/event/dragged/${payload.event.id}`, {payload: payload})
    //       .then((response) => {
    //         // Convert Date String to Date Object
    //         let event = response.data
    //         event.startDate = new Date(event.startDate)
    //         event.endDate = new Date(event.endDate)
    //         commit('UPDATE_EVENT', event)
    //         resolve(response)
    //       })
    //       .catch((error) => { reject(error) })
    //   })
    // },
  
  });
  
  /***/ }),
  
  /***/ "./resources/js/src/store/data-list/moduleDataListGetters.js":
  /*!*******************************************************************!*\
    !*** ./resources/js/src/store/data-list/moduleDataListGetters.js ***!
    \*******************************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /*=========================================================================================
    File Name: moduleCalendarGetters.js
    Description: Calendar Module Getters
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
    Author: Pixinvent
    Author URL: http://www.themeforest.net/user/pixinvent
  ==========================================================================================*/
  /* harmony default export */ __webpack_exports__["default"] = ({// getItem: state => (productId) => state.products.find((product) => product.id == productId),
  });
  
  /***/ }),
  
  /***/ "./resources/js/src/store/data-list/moduleDataListMutations.js":
  /*!*********************************************************************!*\
    !*** ./resources/js/src/store/data-list/moduleDataListMutations.js ***!
    \*********************************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /*=========================================================================================
    File Name: moduleCalendarMutations.js
    Description: Calendar Module Mutations
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
    Author: Pixinvent
    Author URL: http://www.themeforest.net/user/pixinvent
  ==========================================================================================*/
  /* harmony default export */ __webpack_exports__["default"] = ({
    ADD_ITEM: function ADD_ITEM(state, item) {
      state.products.unshift(item);
    },
    SET_PRODUCTS: function SET_PRODUCTS(state, products) {
      state.products = products;
    },
    // SET_LABELS(state, labels) {
    //   state.eventLabels = labels
    // },
    UPDATE_PRODUCT: function UPDATE_PRODUCT(state, product) {
      var productIndex = state.products.findIndex(function (p) {
        return p.id === product.id;
      });
      Object.assign(state.products[productIndex], product);
    },
    REMOVE_ITEM: function REMOVE_ITEM(state, itemId) {
      var ItemIndex = state.products.findIndex(function (p) {
        return p.id === itemId;
      });
      state.products.splice(ItemIndex, 1);
    }
  });
  
  /***/ }),
  
  /***/ "./resources/js/src/store/data-list/moduleDataListState.js":
  /*!*****************************************************************!*\
    !*** ./resources/js/src/store/data-list/moduleDataListState.js ***!
    \*****************************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /*=========================================================================================
    File Name: moduleCalendarState.js
    Description: Calendar Module State
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
    Author: Pixinvent
    Author URL: http://www.themeforest.net/user/pixinvent
  ==========================================================================================*/
  /* harmony default export */ __webpack_exports__["default"] = ({
    products: []
  });
  
  /***/ }),
  
  /***/ "./resources/js/src/views/ui-elements/data-list/DataViewSidebar.vue":
  /*!**************************************************************************!*\
    !*** ./resources/js/src/views/ui-elements/data-list/DataViewSidebar.vue ***!
    \**************************************************************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony import */ var _DataViewSidebar_vue_vue_type_template_id_b97fa874_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./DataViewSidebar.vue?vue&type=template&id=b97fa874&scoped=true& */ "./resources/js/src/views/ui-elements/data-list/DataViewSidebar.vue?vue&type=template&id=b97fa874&scoped=true&");
  /* harmony import */ var _DataViewSidebar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DataViewSidebar.vue?vue&type=script&lang=js& */ "./resources/js/src/views/ui-elements/data-list/DataViewSidebar.vue?vue&type=script&lang=js&");
  /* empty/unused harmony star reexport *//* harmony import */ var _DataViewSidebar_vue_vue_type_style_index_0_id_b97fa874_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DataViewSidebar.vue?vue&type=style&index=0&id=b97fa874&lang=scss&scoped=true& */ "./resources/js/src/views/ui-elements/data-list/DataViewSidebar.vue?vue&type=style&index=0&id=b97fa874&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"])(
    _DataViewSidebar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
    _DataViewSidebar_vue_vue_type_template_id_b97fa874_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
    _DataViewSidebar_vue_vue_type_template_id_b97fa874_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
    false,
    null,
    "b97fa874",
    null
    
  )
  
  /* hot reload */
  if (false) { var api; }
  component.options.__file = "resources/js/src/views/ui-elements/data-list/DataViewSidebar.vue"
  /* harmony default export */ __webpack_exports__["default"] = (component.exports);
  
  /***/ }),
  
  /***/ "./resources/js/src/views/ui-elements/data-list/DataViewSidebar.vue?vue&type=script&lang=js&":
  /*!***************************************************************************************************!*\
    !*** ./resources/js/src/views/ui-elements/data-list/DataViewSidebar.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_DataViewSidebar_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!./DataViewSidebar.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/src/views/ui-elements/data-list/DataViewSidebar.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_DataViewSidebar_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
  
  /***/ }),
  
  /***/ "./resources/js/src/views/ui-elements/data-list/DataViewSidebar.vue?vue&type=style&index=0&id=b97fa874&lang=scss&scoped=true&":
  /*!************************************************************************************************************************************!*\
    !*** ./resources/js/src/views/ui-elements/data-list/DataViewSidebar.vue?vue&type=style&index=0&id=b97fa874&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_8_2_node_modules_sass_loader_dist_cjs_js_ref_8_3_node_modules_vue_loader_lib_index_js_vue_loader_options_DataViewSidebar_vue_vue_type_style_index_0_id_b97fa874_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--8-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-3!../../../../../../node_modules/vue-loader/lib??vue-loader-options!./DataViewSidebar.vue?vue&type=style&index=0&id=b97fa874&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/vue-loader/lib/index.js?!./resources/js/src/views/ui-elements/data-list/DataViewSidebar.vue?vue&type=style&index=0&id=b97fa874&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_8_2_node_modules_sass_loader_dist_cjs_js_ref_8_3_node_modules_vue_loader_lib_index_js_vue_loader_options_DataViewSidebar_vue_vue_type_style_index_0_id_b97fa874_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_8_2_node_modules_sass_loader_dist_cjs_js_ref_8_3_node_modules_vue_loader_lib_index_js_vue_loader_options_DataViewSidebar_vue_vue_type_style_index_0_id_b97fa874_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_8_2_node_modules_sass_loader_dist_cjs_js_ref_8_3_node_modules_vue_loader_lib_index_js_vue_loader_options_DataViewSidebar_vue_vue_type_style_index_0_id_b97fa874_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_8_2_node_modules_sass_loader_dist_cjs_js_ref_8_3_node_modules_vue_loader_lib_index_js_vue_loader_options_DataViewSidebar_vue_vue_type_style_index_0_id_b97fa874_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  
  
  /***/ }),
  
  /***/ "./resources/js/src/views/ui-elements/data-list/DataViewSidebar.vue?vue&type=template&id=b97fa874&scoped=true&":
  /*!*********************************************************************************************************************!*\
    !*** ./resources/js/src/views/ui-elements/data-list/DataViewSidebar.vue?vue&type=template&id=b97fa874&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_DataViewSidebar_vue_vue_type_template_id_b97fa874_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!./DataViewSidebar.vue?vue&type=template&id=b97fa874&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/src/views/ui-elements/data-list/DataViewSidebar.vue?vue&type=template&id=b97fa874&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_DataViewSidebar_vue_vue_type_template_id_b97fa874_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_DataViewSidebar_vue_vue_type_template_id_b97fa874_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
  
  
  
  /***/ })
  
  }]);