{"version":3,"sources":["vueRelatedProducts.js"],"names":["vueRelatedProducts","Vue","name","el","productId","GLOBAL","PRODUCT","ID","content","mixins","requestServiceMixin","productServiceMixin","vatMixin","ratingsMixin","mounted","this","methods","getProducts","vm","data","getProductRelatedProducts","then","createSlider","pageId","PAGE","getPageRelatedProducts","response","document","querySelector","slidesToShow","slidesToScroll","scrollLock","querySelectorAll","length","Glider","draggable","arrows","prev","next","responsive","breakpoint","settings","$el","classList","remove"],"mappings":"aAAA,MAAMA,mBAAqB,IAAIC,IAAI,CAC/BC,KAAM,qBADVC,GAAMH,sBACFE,KAAM,CACFE,UAAAC,OAAAC,QAAqBC,GACnBC,QAAA,CACFJ,aAAkBE,KAGlBG,OAAA,CAAAC,oBAAAC,oBAAAC,SAAAC,cACHC,UACKC,KAAGL,eAELM,QAAKC,CACRA,YAAA,WACQ,MAAAC,EAAAH,KAEKG,GAAS,IAAPA,EAAGd,UAAI,CAERA,MAASe,EAAM,CACRf,UAAGc,EAAAd,WAEZc,EAAAE,0BAAAD,GAAAE,KAAAH,EAAAI,kBACEF,CACA,MAAAD,EAAA,CACOI,OAAGlB,OAAAmB,KAAAjB,IAEZW,EAAAO,uBAAAN,GAAAE,KAAAH,EAAAI,gBAGRA,aAAA,SAAAI,GAEcA,IADDX,KAIPP,QAAUkB,EAAclB,KAAAA,QAInBmB,YAASC,WAKLC,SAAeD,cAAA,yBACfE,SAAiBF,cAAA,gCACjBG,SAAgBC,iBAAA,iCAAAC,OAAA,GAER,IAAAC,OAAAP,SAAAC,cAAA,+BAAA,CACEC,aAAA,EACAC,eAAA,EACTC,YAAA,EACWI,WACR,EACcC,OAAK,CACLC,KAAA,6BACMC,KAAG,+BAEnBC,WAAA,CAEJ,CACmBC,WAAA,IACLC,SAAA,CACSZ,aAAA,EACCC,eAAA,IAIR,CACFU,WAAA,IACSC,SAAA,CACCZ,aAAA,EACpBC,eAAA,IAIhB,CACGU,WAAA,IAEiBC,SAAS,CACrCZ,aAAA,EACJC,eAAA,SAJW,KA9COf,KAgDP2B,IAAIC,UAAUC,OAAO","file":"../vueRelatedProducts.js","sourcesContent":["const vueRelatedProducts = new Vue({\r\n    name: 'vueRelatedProducts',\r\n    el: '#vueRelatedProducts',\r\n    data: {\r\n        productId: GLOBAL.PRODUCT.ID,\r\n        content: {\r\n            productCards: [],\r\n        },\r\n    },\r\n    mixins: [requestServiceMixin, productServiceMixin, vatMixin, ratingsMixin],\r\n    mounted() {\r\n        this.getProducts();\r\n    },\r\n    methods: {\r\n        getProducts: function () {\r\n            const vm = this;\r\n\r\n            if (vm.productId !== 0) {\r\n                const data = {\r\n                    productId: vm.productId\r\n                };\r\n                vm.getProductRelatedProducts(data).then(vm.createSlider);\r\n            } else {\r\n                const data = {\r\n                    pageId: GLOBAL.PAGE.ID,\r\n                };\r\n                vm.getPageRelatedProducts(data).then(vm.createSlider);\r\n            }\r\n        },\r\n        createSlider: function (response) {\r\n            const vm = this;\r\n            if (!response) return;\r\n\r\n            vm.content = response.data.content;\r\n\r\n            setTimeout(function () {\r\n                if (\r\n                    document.querySelector('.js-product-carousel') &&\r\n                    document.querySelector('.js-product-carousel__inner') &&\r\n                    document.querySelectorAll('.js-product-carousel .product').length > 4\r\n                ) {\r\n                    new Glider(document.querySelector('.js-product-carousel__inner'), {\r\n                        slidesToShow: 1,\r\n                        slidesToScroll: 1,\r\n                        scrollLock: true,\r\n                        draggable: true,\r\n                        arrows: {\r\n                            prev: '.js-product-carousel__left',\r\n                            next: '.js-product-carousel__right',\r\n                        },\r\n                        responsive: [\r\n                            {\r\n                                breakpoint: 480,\r\n                                settings: {\r\n                                    slidesToShow: 2,\r\n                                    slidesToScroll: 1,\r\n                                },\r\n                            },\r\n                            {\r\n                                breakpoint: 768,\r\n                                settings: {\r\n                                    slidesToShow: 3,\r\n                                    slidesToScroll: 1,\r\n                                },\r\n                            },\r\n                            {\r\n                                breakpoint: 992,\r\n                                settings: {\r\n                                    slidesToShow: 4,\r\n                                    slidesToScroll: 1,\r\n                                },\r\n                            },\r\n                        ],\r\n                    });\r\n                }\r\n            }, 100);\r\n\r\n            vm.$el.classList.remove('d-none');\r\n        }\r\n    }\r\n});\r\n"]}