\";\n html += this.renderArrow(true);\n html += this.renderArrow(false);\n html += \"
\";\n return html;\n };\n\n _proto3.renderArrow = function renderArrow(prev) {\n var _this$options = this.options,\n classes = _this$options.classes,\n i18n = _this$options.i18n;\n var attrs = {\n class: classes.arrow + \" \" + (prev ? classes.prev : classes.next),\n type: \"button\",\n ariaLabel: prev ? i18n.prev : i18n.next\n };\n return \"\";\n html += \"\";\n\n if (slider) {\n html += beforeSlider || \"\";\n html += \"
\";\n }\n\n html += beforeTrack || \"\";\n\n if (arrows) {\n html += this.renderArrows();\n }\n\n html += \"
\";\n html += \"<\" + listTag + \" class=\\\"splide__list\\\">\";\n html += this.renderSlides();\n html += \"\" + listTag + \">\";\n html += \"
\";\n html += afterTrack || \"\";\n\n if (slider) {\n html += \"
\";\n html += afterSlider || \"\";\n }\n\n html += \"
\";\n return html;\n };\n\n return SplideRenderer;\n}();\n\nexport { CLASSES, CLASS_ACTIVE, CLASS_ARROW, CLASS_ARROWS, CLASS_ARROW_NEXT, CLASS_ARROW_PREV, CLASS_CLONE, CLASS_CONTAINER, CLASS_FOCUS_IN, CLASS_INITIALIZED, CLASS_LIST, CLASS_LOADING, CLASS_NEXT, CLASS_OVERFLOW, CLASS_PAGINATION, CLASS_PAGINATION_PAGE, CLASS_PREV, CLASS_PROGRESS, CLASS_PROGRESS_BAR, CLASS_ROOT, CLASS_SLIDE, CLASS_SPINNER, CLASS_SR, CLASS_TOGGLE, CLASS_TOGGLE_PAUSE, CLASS_TOGGLE_PLAY, CLASS_TRACK, CLASS_VISIBLE, DEFAULTS, EVENT_ACTIVE, EVENT_ARROWS_MOUNTED, EVENT_ARROWS_UPDATED, EVENT_AUTOPLAY_PAUSE, EVENT_AUTOPLAY_PLAY, EVENT_AUTOPLAY_PLAYING, EVENT_CLICK, EVENT_DESTROY, EVENT_DRAG, EVENT_DRAGGED, EVENT_DRAGGING, EVENT_END_INDEX_CHANGED, EVENT_HIDDEN, EVENT_INACTIVE, EVENT_LAZYLOAD_LOADED, EVENT_MOUNTED, EVENT_MOVE, EVENT_MOVED, EVENT_NAVIGATION_MOUNTED, EVENT_OVERFLOW, EVENT_PAGINATION_MOUNTED, EVENT_PAGINATION_UPDATED, EVENT_READY, EVENT_REFRESH, EVENT_RESIZE, EVENT_RESIZED, EVENT_SCROLL, EVENT_SCROLLED, EVENT_SHIFTED, EVENT_SLIDE_KEYDOWN, EVENT_UPDATED, EVENT_VISIBLE, EventBinder, EventInterface, FADE, LOOP, LTR, RTL, RequestInterval, SLIDE, STATUS_CLASSES, Splide, SplideRenderer, State, TTB, Throttle, Splide as default };\n","$(document).on('click','.clickable-title',function(){\n $(this).closest('.clickable-cat-left').toggleClass('is-open');\n})\nvar timeoutHandle;\n$(document).on(\"mouseenter\",\".mainmenu > .ddown\", function () {\n if($(window).width() >= 992){\n var _this = this;\n timeoutHandle = setTimeout(function(){ \n $(_this).addClass('isHover');\n }, 300); \n }\n \n});\n$(document).on(\"mouseleave\",\".mainmenu > .ddown\", function () {\n if($(window).width() >= 992){\n var _this = this;\n clearTimeout(timeoutHandle);\n //setTimeout(function(){ \n $(_this).removeClass('isHover');\n //}, 300);\n }\n}); \n\n$(document).on('click','.btn-scroll-config',function(){\n $(\"html, body\").animate({ scrollTop: $('.line-head-config').offset().top }, 1000);\n})\n$(document).on('click','.footer-clickable .h4',function(){\n $(this).closest('.footer-clickable-wrap').toggleClass('active');\n})\n\n$(document).on('click','.open-search',function(){\n $('.main-search').toggleClass('is-open');\n //$(\".search-input\").focus();\n //$(\".search-input\").focus();\n\n setTimeout(function(){\n if($('.main-search').hasClass('is-open')){\n $(\".search-input\").focus();\n }\n \n }, 300);\n})\n\n$(document).on('click','.config-list-item',function(){\n $('.config-list-item').removeClass('is-active');\n $(this).addClass('is-active');\n\n\n var mobilePath = $(this).data('mobileimg');\n var mobilePathFallback = $(this).data('mobileimgfallback');\n var desktopPath = $(this).data('desktopimg');\n var desktopPathFallback = $(this).data('desktopimgfallback');\n var configName = $(this).data('configname');\n var configUrl = $(this).data('configurl');\n var configText = $(this).data('configtext');\n\n $('.config-text-preview').html(configText);\n $('.config-btn-preview').attr('href', configUrl);\n\n $('.config-main-img-mobile').attr('srcset', mobilePath);\n $('.config-main-img-fallback-mobile').attr('srcset', mobilePathFallback);\n $('.config-main-img-desktop').attr('srcset', desktopPath);\n $('.config-main-img-fallback-desktop').attr('srcset', desktopPathFallback);\n $('.config-main-img-src').attr('src', mobilePathFallback);\n $('.config-main-img picture').attr('title', configName);\n $('.config-main-img picture').attr('alt', configName);\n $('.config-main-img img').attr('alt', configName);\n $('.config-main-img img').attr('title', configName);\n $('.mobile-dropdown-head span').html(configName);\n $(this).closest('.config-list-items').removeClass('dropdown-open');\n})\n$(document).on('click','.mobile-dropdown-head',function(){\n $(this).closest('.config-list-items').toggleClass('dropdown-open');\n})\n\n$(document).mouseup(function(e) \n{ \n if($(\".config-list-items-container\").length > 0){\n var container = $(\".config-list-items-container\");\n if (!container.is(e.target) && container.has(e.target).length === 0) \n {\n //console.log($(container).hasClass('cat-facet'))\n //if(!$(container).hasClass('cat-facet'))\n $(container).closest('.config-list-items').removeClass('dropdown-open');\n }\n }\n \n});","import { isNullOrUndefined } from \"../../helper/utils\";\nimport Splide from '@splidejs/splide';\n\n\nVue.component(\"item-image-carousel\", {\n props: {\n maxQuantity:\n {\n type: Number,\n default: 10\n },\n imageUrlAccessor:\n {\n type: String,\n default: \"url\"\n },\n showThumbs:\n {\n type: Boolean,\n default: true\n },\n showDots:\n {\n type: Boolean,\n default: true\n },\n animationStyle:\n {\n type: String,\n default: \"standard\"\n },\n pluginPath:\n {\n type: String,\n default: \"\"\n }\n \n },\n\n inject: {\n itemId: {\n default: null\n }\n },\n\n data()\n {\n return {\n currentItem: 0,\n splideThumbs: null\n };\n },\n\n computed:\n {\n currentVariation()\n {\n return this.$store.getters[`${this.itemId}/currentItemVariation`];\n },\n\n carouselImages()\n {\n return this.orderByPosition(\n this.$options.filters.itemImages(\n this.currentVariation.images,\n \"urlPreview\"\n )\n ).slice(0, this.maxQuantity);\n },\n\n singleImages()\n {\n return this.orderByPosition(\n this.$options.filters.itemImages(\n this.currentVariation.images,\n this.imageUrlAccessor\n )\n ).slice(0, this.maxQuantity);\n }\n },\n\n watch: {\n currentVariation:\n {\n handler(val, oldVal)\n {\n if (val !== oldVal)\n {\n MagicZoom.stop('item-magiczoom')\n setTimeout(() =>\n {\n this.reInitialize();\n }, 1);\n }\n },\n deep: true\n }\n },\n\n mounted()\n {\n this.$nextTick(() =>\n {\n this.loadLightbox().then(() =>\n {\n \n //this.initCarousel();\n /* MagicZoom.registerCallback('onUpdate', function() {\n console.log(\"DRINNNE\")\n console.log(arguments[1]);\n if($(arguments[1]).attr('href').indexOf('-1.png') === -1){\n \n $('.item-img-gallery').addClass('full-size-image');\n }else{\n $('.item-img-gallery').removeClass('full-size-image');\n }\n });*/\n this.initThumbCarousel();\n }).catch(event =>\n {\n console.log(\"error while loading lightbox\", event);\n });\n });\n },\n\n methods:\n {\n getImageCount()\n {\n return this.carouselImages.length > this.maxQuantity ? this.maxQuantity : this.carouselImages.length;\n },\n\n reInitialize()\n {\n \n /*const $owl = $(this.$refs.single);\n\n $owl.trigger(\"destroy.owl.carousel\");\n $owl.html($owl.find(\".owl-stage-outer\").html()).removeClass(\"owl-loaded\");\n $owl.find(\".owl-item\").remove();\n\n const $thumbs = $(this.$refs.thumbs);\n\n $thumbs.trigger(\"destroy.owl.carousel\");\n $thumbs.html($thumbs.find(\".owl-stage-outer\").html()).removeClass(\"owl-loaded\");\n $thumbs.find(\".owl-item\").remove();*/\n $('.item-img-gallery').removeClass('full-size-image');\n this.splideThumbs.refresh();\n this.initCarousel();\n //this.initThumbCarousel();\n },\n\n initCarousel()\n {\n \n \n setTimeout(function(){\n \n MagicZoom.start('item-magiczoom');\n \n }, 100);\n \n },\n\n initThumbCarousel()\n {\n /*$(this.$refs.thumbs).owlCarousel({\n autoHeight : true,\n dots : false,\n items : 3,\n lazyLoad : true,\n loop : false,\n margin : 10,\n mouseDrag : false,\n center : false,\n nav : true,\n navClass : [\n \"owl-single-item-nav left carousel-control\",\n \"owl-single-item-nav right carousel-control\"\n ],\n navContainerClass: \"\",\n navText : [\n \"