{"version":3,"sources":["webpack:///./resources/js/src/app/components/containers/LastSeenItemList.vue?7a9b","webpack:///./resources/js/src/app/components/containers/LastSeenItemList.vue?e4a2","webpack:///resources/js/src/app/components/containers/LastSeenItemList.vue","webpack:///./resources/js/src/app/components/containers/LastSeenItemList.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","directives","name","rawName","value","mountedItems","length","expression","_t","_v","_l","item","key","id","attrs","data","$ceres","config","storeSpecial","itemsPerPage","paddingClasses","paddingInlineStyles","scopedSlots","_u","fn","domProps","innerHTML","_s","getContainerContentById","proxy","_withStripped","props","maxItems","isMounted","computed","items","state","lastSeen","lastSeenItems","slice","containers","beforeMount","$store","dispatch","mounted","watch","methods","component","options","__file"],"mappings":"kGAAA,IAAIA,EAAS,WACX,IAAIC,EAAMC,KACNC,EAAKF,EAAIG,eACTC,EAAKJ,EAAIK,MAAMD,IAAMF,EACzB,OAAOE,EAAG,MAAO,CAAEE,YAAa,OAAS,CACvCF,EACE,MACA,CACEG,WAAY,CACV,CACEC,KAAM,OACNC,QAAS,SACTC,MAAOV,EAAIW,aAAaC,OACxBC,WAAY,wBAGhBP,YAAa,UAEf,CAACN,EAAIc,GAAG,YACR,GAEFd,EAAIe,GAAG,KACPX,EAAG,MAAO,CAAEE,YAAa,UAAY,CACnCF,EACE,MACA,CAAEE,YAAa,OACfN,EAAIgB,GAAGhB,EAAIW,cAAc,SAASM,GAChC,OAAOb,EACL,MACA,CAAEE,YAAa,qCACf,CACEF,EAAG,gBAAiB,CAClBc,IAAKD,EAAKE,GACVC,MAAO,CACL,YAAaH,EAAKI,KAClB,gBAAiBrB,EAAIsB,OAAOC,OAAON,KAAKO,aACxC,6BACExB,EAAIW,aAAaC,OAASZ,EAAIyB,aAChC,kBAAmBzB,EAAI0B,eACvB,wBAAyB1B,EAAI2B,qBAE/BC,YAAa5B,EAAI6B,GACf,CACE,CACEX,IAAK,gBACLY,GAAI,WACF,MAAO,CACL1B,EAAG,MAAO,CACR2B,SAAU,CACRC,UAAWhC,EAAIiC,GACbjC,EAAIkC,wBACFjB,EAAKE,GACL,sBAOZgB,OAAO,GAET,CACEjB,IAAK,eACLY,GAAI,WACF,MAAO,CACL1B,EAAG,MAAO,CACR2B,SAAU,CACRC,UAAWhC,EAAIiC,GACbjC,EAAIkC,wBACFjB,EAAKE,GACL,qBAOZgB,OAAO,IAGX,MACA,MAIN,MAGJ,QAMRpC,EAAOqC,eAAgB,E,+BC9FiM,EC+BxN,CACEC,MAAO,CACLZ,aACJ,CACM,KAAN,OACM,QAAN,GAEIa,SACJ,CACM,KAAN,OACM,QAAN,GAEIZ,eACJ,CACM,KAAN,OACM,QAAN,MAEIC,oBACJ,CACM,KAAN,OACM,QAAN,OAGEN,KAvBF,WAwBI,MAAO,CACLV,aAAc,GACd4B,WAAW,IAGfC,SAAU,OAAZ,IAAY,CAAZ,CACIC,MADJ,SACA,GAEM,OAAOC,EAAMC,SAASC,cAAcC,MAAM,EAAG5C,KAAKqC,WAEpDQ,WAAY,SAAhB,mCAEEC,YApCF,WAsCI9C,KAAK+C,OAAOC,SAAS,qBAEvBC,QAxCF,WA0CIjD,KAAKU,aAAeV,KAAKwC,MACzBxC,KAAKsC,WAAY,GAEnBY,MACF,CACI,MADJ,WAGA,iBAEQ,KAAR,2BAIEC,QACF,CACI,wBADJ,SACA,KAEM,IAAN,qBACM,GAAN,eACA,CACQ,IAAR,OACQ,GAAR,eAEU,OAAV,EAGM,MAAN,M,OC5FIC,EAAY,YACd,EACAtD,EHoFoB,IGlFpB,EACA,KACA,KACA,MAuBFsD,EAAUC,QAAQC,OAAS,kEACZ,UAAAF,E","file":"chunks/ceres-client-22.min.js","sourcesContent":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"row\" }, [\n    _c(\n      \"div\",\n      {\n        directives: [\n          {\n            name: \"show\",\n            rawName: \"v-show\",\n            value: _vm.mountedItems.length,\n            expression: \"mountedItems.length\"\n          }\n        ],\n        staticClass: \"col-12\"\n      },\n      [_vm._t(\"heading\")],\n      2\n    ),\n    _vm._v(\" \"),\n    _c(\"div\", { staticClass: \"col-12\" }, [\n      _c(\n        \"div\",\n        { staticClass: \"row\" },\n        _vm._l(_vm.mountedItems, function(item) {\n          return _c(\n            \"div\",\n            { staticClass: \"col-12 col-sm-6 col-md-4 col-lg-3\" },\n            [\n              _c(\"category-item\", {\n                key: item.id,\n                attrs: {\n                  \"item-data\": item.data,\n                  \"decimal-count\": _vm.$ceres.config.item.storeSpecial,\n                  \"disable-carousel-on-mobile\":\n                    _vm.mountedItems.length > _vm.itemsPerPage,\n                  \"padding-classes\": _vm.paddingClasses,\n                  \"padding-inline-styles\": _vm.paddingInlineStyles\n                },\n                scopedSlots: _vm._u(\n                  [\n                    {\n                      key: \"before-prices\",\n                      fn: function() {\n                        return [\n                          _c(\"div\", {\n                            domProps: {\n                              innerHTML: _vm._s(\n                                _vm.getContainerContentById(\n                                  item.id,\n                                  \"beforePrices\"\n                                )\n                              )\n                            }\n                          })\n                        ]\n                      },\n                      proxy: true\n                    },\n                    {\n                      key: \"after-prices\",\n                      fn: function() {\n                        return [\n                          _c(\"div\", {\n                            domProps: {\n                              innerHTML: _vm._s(\n                                _vm.getContainerContentById(\n                                  item.id,\n                                  \"afterPrices\"\n                                )\n                              )\n                            }\n                          })\n                        ]\n                      },\n                      proxy: true\n                    }\n                  ],\n                  null,\n                  true\n                )\n              })\n            ],\n            1\n          )\n        }),\n        0\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LastSeenItemList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LastSeenItemList.vue?vue&type=script&lang=js&\"","<template>\n    <div class=\"row\">\n        <div class=\"col-12\" v-show=\"mountedItems.length\">\n            <slot name=\"heading\"></slot>\n        </div>\n\n        <div class=\"col-12\">\n          <div class=\"row\">\n            <div v-for=\"item in mountedItems\" class=\"col-12 col-sm-6 col-md-4 col-lg-3\">\n              <category-item\n                  :key=\"item.id\"\n                  :item-data=\"item.data\"\n                  :decimal-count=\"$ceres.config.item.storeSpecial\"\n                  :disable-carousel-on-mobile=\"mountedItems.length > itemsPerPage\"\n                  :padding-classes=\"paddingClasses\"\n                  :padding-inline-styles=\"paddingInlineStyles\">\n                <template #before-prices>\n                  <div v-html=\"getContainerContentById(item.id, 'beforePrices')\"></div>\n                </template>\n                <template #after-prices>\n                  <div v-html=\"getContainerContentById(item.id, 'afterPrices')\"></div>\n                </template>\n              </category-item>\n            </div>\n          </div>\n        </div>\n    </div>\n</template>\n<script>\nimport { isDefined } from \"../../helper/utils\";\nimport { mapState } from \"vuex\";\nexport default {\n  props: {\n    itemsPerPage:\n        {\n          type: Number,\n          default: 4\n        },\n    maxItems:\n        {\n          type: Number,\n          default: 4\n        },\n    paddingClasses:\n        {\n          type: String,\n          default: null\n        },\n    paddingInlineStyles:\n        {\n          type: String,\n          default: null\n        }\n  },\n  data() {\n    return {\n      mountedItems: [],\n      isMounted: false\n    }\n  },\n  computed: mapState({\n    items(state)\n    {\n      return state.lastSeen.lastSeenItems.slice(0, this.maxItems);\n    },\n    containers: state => state.lastSeen.containers\n  }),\n  beforeMount()\n  {\n    this.$store.dispatch(\"getLastSeenItems\");\n  },\n  mounted()\n  {\n    this.mountedItems = this.items;\n    this.isMounted = true;\n  },\n  watch:\n      {\n        items()\n        {\n          if(this.isMounted)\n          {\n            this.mountedItems = this.items;\n          }\n        }\n      },\n  methods:\n      {\n        getContainerContentById(variationId, containerKey)\n        {\n          const containersById = this.containers[variationId];\n          if (isDefined(containersById))\n          {\n            const container = containersById[containerKey];\n            if (isDefined(container))\n            {\n              return container;\n            }\n          }\n          return \"\";\n        }\n      }\n}\n</script>\n","import { render, staticRenderFns } from \"./LastSeenItemList.vue?vue&type=template&id=653923dd&\"\nimport script from \"./LastSeenItemList.vue?vue&type=script&lang=js&\"\nexport * from \"./LastSeenItemList.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/Users/felixries/Development/Plentymarkets/PlentyDevTool-Sync/10204/113/EngelTheme5/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('653923dd')) {\n      api.createRecord('653923dd', component.options)\n    } else {\n      api.reload('653923dd', component.options)\n    }\n    module.hot.accept(\"./LastSeenItemList.vue?vue&type=template&id=653923dd&\", function () {\n      api.rerender('653923dd', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/containers/LastSeenItemList.vue\"\nexport default component.exports"],"sourceRoot":""}