{"version":3,"sources":["webpack:///resources/js/src/app/components/itemList/LoadMoreItems.vue","webpack:///./resources/js/src/app/components/itemList/LoadMoreItems.vue?1e3a","webpack:///./resources/js/src/app/components/itemList/LoadMoreItems.vue","webpack:///./resources/js/src/app/components/itemList/LoadMoreItems.vue?c768","webpack:///./resources/js/src/app/components/itemList/LoadMoreItems.vue?30ae"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA;AACA;AAEA;AACA;AACA,2BADA;AAEA,oBAFA;AAGA,eAHA;AAIA,eAJA;AAKA,iBALA;AAMA;AACA,oBADA;AAEA;AAFA;AANA,GADA;AAYA,MAZA,kBAYA;AACA;AACA,mBADA;AAEA,eAFA;AAGA,oBAHA;AAIA,wBAJA;AAKA,oBALA;AAMA,kBANA;AAOA,iBAPA;AAQA;AARA;AAUA,GAvBA;AAyBA,SAzBA,qBA0BA;AAAA;;AACA;AACA;AACA;AACA;AAEA,+BACA;AACA;AACA;AACA;AACA,OAFA;AAGA,KANA;AAOA,GAvCA;AAyCA,8BACA;AACA;AAAA;AAAA;AADA,IADA,CAzCA;AA8CA;AACA,wBADA,kCACA;AACA;;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA,uBACA,iDACA,6CADA,IAEA,iCAFA,IAGA,iCAJA;;AAMA;AACA;AACA;AACA;AACA,KAzBA;AA2BA,aA3BA,qBA2BA,OA3BA,EA2BA;AACA;;AACA;AACA;AACA,OAFA,MAGA;AACA;AACA;;AACA;AACA;;AACA;AACA;AACA,OAFA,MAGA;AACA;AACA;;AACA;;AACA;AACA;AACA,OAFA,MAGA;AACA;AACA;;AACA;;AACA;AACA;AACA,OAFA,MAGA;AACA;AACA;;AAEA;AACA;;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OANA,MAMA;AACA;AACA;;AAEA,iFACA,iFACA,YADA,GAEA,QAFA,GAEA,OAFA,GAEA,WAFA,GAEA,MAFA,GAEA,QAFA,GAEA,QAHA,EAGA,IAHA,CAGA;AACA;AACA;AACA;AACA;AACA;AACA,SALA,MAMA;AACA;AACA;AACA;AACA;AACA;;AACA;AACA;AACA,OAlBA;AAmBA,KAzFA;AA0FA,mBA1FA,2BA0FA,GA1FA,EA0FA,SA1FA,EA0FA,UA1FA,EA0FA;AACA;AACA;AACA;;AAEA;;AACA;AACA;AACA;;AACA;AACA;AACA;AArGA;AA9CA,G;;;;;;;;;;;;ACjCA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,SAAS,kBAAkB,EAAE;AACrD;AACA;AACA;AACA,mBAAmB,uCAAuC;AAC1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC,2CAA2C;AAC/E;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,uCAAuC;AAC1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA,kCAAkC;AAClC,yBAAyB;AACzB;AACA;AACA;AACA,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,uCAAuC;AAChD;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB;AACtB,aAAa;AACb;AACA;AACA;AACA,wBAAwB;AACxB,eAAe;AACf;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA,aAAa,uCAAuC;AACpD;AACA,uCAAuC,wCAAwC;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AC1HA;AAAA;AAAA;AAAA;AAA4F;AAC3B;AACL;;;AAG5D;AACsG;AACtG,gBAAgB,2GAAU;AAC1B,EAAE,mFAAM;AACR,EAAE,wFAAM;AACR,EAAE,iGAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAAqM,CAAgB,iPAAG,EAAC,C;;;;;;;;;;;;ACAzN;AAAA;AAAA;AAAA;AAAA;AAAA","file":"chunks/ceres-client-53.js","sourcesContent":["<template>\n    <div>\n        <portal v-if=\"isMounted\" to=\"load_prev\">\n            <div class=\"mt-4 mb-4 text-center\" v-if=\"firstPage > 1\">\n                <button class=\"btn btn-primary trigger-load-prev ml-auto mr-auto\" v-if=\"!prevLoading\" :disabled=\"loading || prevLoading\"\n                        @click=\"loadItems(firstPage-1)\">\n                    <template>\n                        {{ $translate('Weberbuero::Template.loadPrevItems') }}\n                    </template>\n                </button>\n                <loading-animation v-if=\"prevLoading\" class=\"ml-auto mr-auto\"></loading-animation>\n            </div>\n            <div class=\"product-list row mt-0\" v-if=\"prevItems\">\n                <div class=\"category-item__col col-6 col-sm-6 col-md-4 col-xxl-3\" :class=\"{'col-lg-4' : cols === 3, 'col-lg-3' : cols === 4}\" v-for=\"item in prevItems\">\n                    <category-item :item-data=\"item.data\" :key=\"item.id\"/>\n                </div>\n            </div>\n        </portal>\n        <div class=\"product-list row mt-0\">\n             <div class=\"category-item__col col-6 col-sm-6 col-md-4 col-xxl-3\" :class=\"{'col-lg-4' : cols === 3, 'col-lg-3' : cols === 4}\" v-for=\"item in items\">\n                <category-item :item-data=\"item.data\" :key=\"item.id\"/>\n            </div>\n        </div>\n        <div class=\"mt-4 mb-4 text-center\" v-if=\"lastPage < pageMax\">\n            <loading-animation class=\"trigger-load-more mb-5\"></loading-animation>\n        </div>\n    </div>\n</template>\n\n<script>\nimport ApiService from 'ceres/app/services/ApiService';\nimport {mapState} from 'vuex';\n\nexport default {\n    props: {\n        currentCategoryPage: {},\n        itemsPerPage: {},\n        pageMax: {},\n        sorting: {},\n        facetData: {},\n        cols:{\n            Number: String,\n            default: 3\n        }\n    },\n    data() {\n        return {\n            prevItems: [],\n            items: [],\n            loading: false,\n            prevLoading: false,\n            currentPage: 1,\n            firstPage: 1,\n            lastPage: 1,\n            isMounted: false\n        };\n    },\n\n    mounted()\n    {\n        this.currentPage = this.currentCategoryPage;\n        this.firstPage = this.currentCategoryPage;\n        this.lastPage = this.currentCategoryPage;\n        this.isMounted = true;\n\n        this.$nextTick(() =>\n        {\n            let that = this;\n            $(window).scroll(function(){\n                that.triggerLoadMoreCheck();\n            });\n        });\n    },\n\n    computed: {\n        ...mapState({\n            currentCategory: state => state.navigation.currentCategory,\n        }),\n    },\n    methods: {\n        triggerLoadMoreCheck(){\n            let el = document.querySelector(\".trigger-load-more\");\n            if(el !== null){\n                var top = el.offsetTop;\n                var left = el.offsetLeft;\n                var width = el.offsetWidth;\n                var height = el.offsetHeight;\n\n                while(el.offsetParent) {\n                    el = el.offsetParent;\n                    top += el.offsetTop;\n                    left += el.offsetLeft;\n                }\n\n                let loadMore =\n                    top < (window.pageYOffset + window.innerHeight) &&\n                    left < (window.pageXOffset + window.innerWidth) &&\n                    (top + height) > window.pageYOffset &&\n                    (left + width) > window.pageXOffset;\n\n                if(loadMore && !this.loading){\n                    this.loadItems(this.lastPage+1);\n                }\n            }\n        },\n\n        loadItems(newPage) {\n            let that = this;\n            if (newPage > that.currentPage) {\n                this.loading = true;\n            }\n            else {\n                this.prevLoading = true;\n            }\n            let url = new URL(window.location.href);\n            let facets = url.searchParams.get('facets');\n            if (typeof facets === 'undefined' || facets == null) {\n                facets = '';\n            }\n            else {\n                facets = '&facets=' + facets;\n            }\n            let priceMax = url.searchParams.get('priceMax');\n            if (typeof priceMax === 'undefined' || priceMax == null) {\n                priceMax = '';\n            }\n            else {\n                priceMax = '&priceMax=' + priceMax;\n            }\n            let priceMin = url.searchParams.get('priceMin');\n            if (typeof priceMin === 'undefined' || priceMin == null) {\n                priceMin = '';\n            }\n            else {\n                priceMin = '&priceMin=' + priceMin;\n            }\n\n            let route = \"category?items=\";\n            let catIdString = \"\";\n            if(App.templateType == \"search\"){\n                let sQuery = \"\";\n                let queryStringArr = window.location.search.split(\"=\");\n                queryStringArr = queryStringArr[1].split(\"&\");\n                sQuery = queryStringArr[0];\n                route = \"item/search?query=\"+sQuery+\"&items=\";\n            }else{\n                catIdString = \"&categoryId=\" + this.currentCategory.id;\n            }\n\n            ApiService.get(\n                window.location.origin + '/rest/io/'+route + this.itemsPerPage + '&sorting=' +\n                this.sorting +\n                '&page=' + (newPage) + catIdString + facets + priceMin + priceMax).done(response => {\n                if (newPage > that.currentPage) {\n                    that.items = that.items.concat(response.itemList.documents);\n                    that.currentPage = newPage;\n                    that.lastPage = newPage;\n                    that.loading = false;\n                }\n                else {\n                    that.prevItems = response.itemList.documents.concat(that.prevItems);\n                    that.currentPage = newPage;\n                    that.firstPage = newPage;\n                    that.prevLoading = false;\n                }\n                let newHref = that.replaceUrlParam(window.location.href, 'page', that.currentPage);\n                window.history.replaceState({}, '', newHref);\n            });\n        },\n        replaceUrlParam(url, paramName, paramValue) {\n            if (paramValue == null) {\n                paramValue = '';\n            }\n\n            let pattern = new RegExp('\\\\b(' + paramName + '=).*?(&|#|$)');\n            if (url.search(pattern) >= 0) {\n                return url.replace(pattern, '$1' + paramValue + '$2');\n            }\n            url = url.replace(/[?#]$/, '');\n            return url + (url.indexOf('?') > 0 ? '&' : '?') + paramName + '=' + paramValue;\n        },\n    },\n};\n</script>\n","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    [\n      _vm.isMounted\n        ? _c(\"portal\", { attrs: { to: \"load_prev\" } }, [\n            _vm.firstPage > 1\n              ? _c(\n                  \"div\",\n                  { staticClass: \"mt-4 mb-4 text-center\" },\n                  [\n                    !_vm.prevLoading\n                      ? _c(\n                          \"button\",\n                          {\n                            staticClass:\n                              \"btn btn-primary trigger-load-prev ml-auto mr-auto\",\n                            attrs: { disabled: _vm.loading || _vm.prevLoading },\n                            on: {\n                              click: function($event) {\n                                return _vm.loadItems(_vm.firstPage - 1)\n                              }\n                            }\n                          },\n                          [\n                            [\n                              _vm._v(\n                                \"\\n                    \" +\n                                  _vm._s(\n                                    _vm.$translate(\n                                      \"Weberbuero::Template.loadPrevItems\"\n                                    )\n                                  ) +\n                                  \"\\n                \"\n                              )\n                            ]\n                          ],\n                          2\n                        )\n                      : _vm._e(),\n                    _vm._v(\" \"),\n                    _vm.prevLoading\n                      ? _c(\"loading-animation\", {\n                          staticClass: \"ml-auto mr-auto\"\n                        })\n                      : _vm._e()\n                  ],\n                  1\n                )\n              : _vm._e(),\n            _vm._v(\" \"),\n            _vm.prevItems\n              ? _c(\n                  \"div\",\n                  { staticClass: \"product-list row mt-0\" },\n                  _vm._l(_vm.prevItems, function(item) {\n                    return _c(\n                      \"div\",\n                      {\n                        staticClass:\n                          \"category-item__col col-6 col-sm-6 col-md-4 col-xxl-3\",\n                        class: {\n                          \"col-lg-4\": _vm.cols === 3,\n                          \"col-lg-3\": _vm.cols === 4\n                        }\n                      },\n                      [\n                        _c(\"category-item\", {\n                          key: item.id,\n                          attrs: { \"item-data\": item.data }\n                        })\n                      ],\n                      1\n                    )\n                  }),\n                  0\n                )\n              : _vm._e()\n          ])\n        : _vm._e(),\n      _vm._v(\" \"),\n      _c(\n        \"div\",\n        { staticClass: \"product-list row mt-0\" },\n        _vm._l(_vm.items, function(item) {\n          return _c(\n            \"div\",\n            {\n              staticClass:\n                \"category-item__col col-6 col-sm-6 col-md-4 col-xxl-3\",\n              class: { \"col-lg-4\": _vm.cols === 3, \"col-lg-3\": _vm.cols === 4 }\n            },\n            [\n              _c(\"category-item\", {\n                key: item.id,\n                attrs: { \"item-data\": item.data }\n              })\n            ],\n            1\n          )\n        }),\n        0\n      ),\n      _vm._v(\" \"),\n      _vm.lastPage < _vm.pageMax\n        ? _c(\n            \"div\",\n            { staticClass: \"mt-4 mb-4 text-center\" },\n            [\n              _c(\"loading-animation\", { staticClass: \"trigger-load-more mb-5\" })\n            ],\n            1\n          )\n        : _vm._e()\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./LoadMoreItems.vue?vue&type=template&id=2516eb0e&\"\nimport script from \"./LoadMoreItems.vue?vue&type=script&lang=js&\"\nexport * from \"./LoadMoreItems.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/fhartwig/Sites/pp-weberbuero/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('2516eb0e')) {\n      api.createRecord('2516eb0e', component.options)\n    } else {\n      api.reload('2516eb0e', component.options)\n    }\n    module.hot.accept(\"./LoadMoreItems.vue?vue&type=template&id=2516eb0e&\", function () {\n      api.rerender('2516eb0e', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/itemList/LoadMoreItems.vue\"\nexport default component.exports","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoadMoreItems.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!./LoadMoreItems.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoadMoreItems.vue?vue&type=template&id=2516eb0e&\""],"sourceRoot":""}