\";\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","/**\n * Check if a given value equals to null\n *\n * @param {*} object\n *\n * @returns {boolean}\n */\nexport function isNull(object)\n{\n return object === null;\n}\n\n/**\n * Check if a given value is undefined\n *\n * @param {*} object\n *\n * @returns {boolean}\n */\nexport function isUndefined(object)\n{\n // eslint-disable-next-line\n return typeof object === typeof void 0;\n}\n\n/**\n * Check if a given value is null or undefined\n *\n * @param {*} object\n *\n * @returns {boolean}\n */\nexport function isNullOrUndefined(object)\n{\n return isNull(object) || isUndefined(object);\n}\n\n/**\n * Check if a given value is defined. This is a shorthand function for `!isNullOrUndefined(value)`\n * @param {*} object\n *\n * @returns {boolean}\n */\nexport function isDefined(object)\n{\n return !isNullOrUndefined(object);\n}\n\n/**\n * Check if a given value is defined. Otherwise return a default value\n *\n * @param {*} input\n * @param {*} defaultValue\n *\n * @returns {*}\n */\nexport function defaultValue(input, defaultValue)\n{\n if (isNullOrUndefined(input))\n {\n return defaultValue;\n }\n\n return input;\n}\n\nexport function orderArrayByKey(array, key, desc)\n{\n return array.sort((valueA, valueB) =>\n {\n if (valueA[key] > valueB[key])\n {\n return 1;\n }\n if (valueA[key] < valueB[key])\n {\n return -1;\n }\n\n return 0;\n });\n}\n/**\n * Traverse the DOM upward starting from the input element until a DOM node with a vue component is found.\n * Returns the vue component, if found, else returns null.\n *\n * @param {Element} element\n *\n * @returns {Vue}\n */\nexport function getContainingComponent(element)\n{\n let parentComponent = null;\n\n while (element)\n {\n if (element.__vue__)\n {\n parentComponent = element.__vue__;\n break;\n }\n element = element.parentElement;\n }\n\n return parentComponent;\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 \"