').parent();\n\n _.$list = _.$slideTrack.wrap(\n '
').parent();\n _.$slideTrack.css('opacity', 0);\n\n if (_.options.centerMode === true || _.options.swipeToSlide === true) {\n _.options.slidesToScroll = 1;\n }\n\n $('img[data-lazy]', _.$slider).not('[src]').addClass('slick-loading');\n\n _.setupInfinite();\n\n _.buildArrows();\n\n _.buildDots();\n\n _.updateDots();\n\n\n _.setSlideClasses(typeof _.currentSlide === 'number' ? _.currentSlide : 0);\n\n if (_.options.draggable === true) {\n _.$list.addClass('draggable');\n }\n\n };\n\n Slick.prototype.buildRows = function() {\n\n var _ = this, a, b, c, newSlides, numOfSlides, originalSlides,slidesPerSection;\n\n newSlides = document.createDocumentFragment();\n originalSlides = _.$slider.children();\n\n if(_.options.rows > 0) {\n\n slidesPerSection = _.options.slidesPerRow * _.options.rows;\n numOfSlides = Math.ceil(\n originalSlides.length / slidesPerSection\n );\n\n for(a = 0; a < numOfSlides; a++){\n var slide = document.createElement('div');\n for(b = 0; b < _.options.rows; b++) {\n var row = document.createElement('div');\n for(c = 0; c < _.options.slidesPerRow; c++) {\n var target = (a * slidesPerSection + ((b * _.options.slidesPerRow) + c));\n if (originalSlides.get(target)) {\n row.appendChild(originalSlides.get(target));\n }\n }\n slide.appendChild(row);\n }\n newSlides.appendChild(slide);\n }\n\n _.$slider.empty().append(newSlides);\n _.$slider.children().children().children()\n .css({\n 'width':(100 / _.options.slidesPerRow) + '%',\n 'display': 'inline-block'\n });\n\n }\n\n };\n\n Slick.prototype.checkResponsive = function(initial, forceUpdate) {\n\n var _ = this,\n breakpoint, targetBreakpoint, respondToWidth, triggerBreakpoint = false;\n var sliderWidth = _.$slider.width();\n var windowWidth = window.innerWidth || $(window).width();\n\n if (_.respondTo === 'window') {\n respondToWidth = windowWidth;\n } else if (_.respondTo === 'slider') {\n respondToWidth = sliderWidth;\n } else if (_.respondTo === 'min') {\n respondToWidth = Math.min(windowWidth, sliderWidth);\n }\n\n if ( _.options.responsive &&\n _.options.responsive.length &&\n _.options.responsive !== null) {\n\n targetBreakpoint = null;\n\n for (breakpoint in _.breakpoints) {\n if (_.breakpoints.hasOwnProperty(breakpoint)) {\n if (_.originalSettings.mobileFirst === false) {\n if (respondToWidth < _.breakpoints[breakpoint]) {\n targetBreakpoint = _.breakpoints[breakpoint];\n }\n } else {\n if (respondToWidth > _.breakpoints[breakpoint]) {\n targetBreakpoint = _.breakpoints[breakpoint];\n }\n }\n }\n }\n\n if (targetBreakpoint !== null) {\n if (_.activeBreakpoint !== null) {\n if (targetBreakpoint !== _.activeBreakpoint || forceUpdate) {\n _.activeBreakpoint =\n targetBreakpoint;\n if (_.breakpointSettings[targetBreakpoint] === 'unslick') {\n _.unslick(targetBreakpoint);\n } else {\n _.options = $.extend({}, _.originalSettings,\n _.breakpointSettings[\n targetBreakpoint]);\n if (initial === true) {\n _.currentSlide = _.options.initialSlide;\n }\n _.refresh(initial);\n }\n triggerBreakpoint = targetBreakpoint;\n }\n } else {\n _.activeBreakpoint = targetBreakpoint;\n if (_.breakpointSettings[targetBreakpoint] === 'unslick') {\n _.unslick(targetBreakpoint);\n } else {\n _.options = $.extend({}, _.originalSettings,\n _.breakpointSettings[\n targetBreakpoint]);\n if (initial === true) {\n _.currentSlide = _.options.initialSlide;\n }\n _.refresh(initial);\n }\n triggerBreakpoint = targetBreakpoint;\n }\n } else {\n if (_.activeBreakpoint !== null) {\n _.activeBreakpoint = null;\n _.options = _.originalSettings;\n if (initial === true) {\n _.currentSlide = _.options.initialSlide;\n }\n _.refresh(initial);\n triggerBreakpoint = targetBreakpoint;\n }\n }\n\n // only trigger breakpoints during an actual break. not on initialize.\n if( !initial && triggerBreakpoint !== false ) {\n _.$slider.trigger('breakpoint', [_, triggerBreakpoint]);\n }\n }\n\n };\n\n Slick.prototype.changeSlide = function(event, dontAnimate) {\n\n var _ = this,\n $target = $(event.currentTarget),\n indexOffset, slideOffset, unevenOffset;\n\n // If target is a link, prevent default action.\n if($target.is('a')) {\n event.preventDefault();\n }\n\n // If target is not the element (ie: a child), find the .\n if(!$target.is('li')) {\n $target = $target.closest('li');\n }\n\n unevenOffset = (_.slideCount % _.options.slidesToScroll !== 0);\n indexOffset = unevenOffset ? 0 : (_.slideCount - _.currentSlide) % _.options.slidesToScroll;\n\n switch (event.data.message) {\n\n case 'previous':\n slideOffset = indexOffset === 0 ? _.options.slidesToScroll : _.options.slidesToShow - indexOffset;\n if (_.slideCount > _.options.slidesToShow) {\n _.slideHandler(_.currentSlide - slideOffset, false, dontAnimate);\n }\n break;\n\n case 'next':\n slideOffset = indexOffset === 0 ? _.options.slidesToScroll : indexOffset;\n if (_.slideCount > _.options.slidesToShow) {\n _.slideHandler(_.currentSlide + slideOffset, false, dontAnimate);\n }\n break;\n\n case 'index':\n var index = event.data.index === 0 ? 0 :\n event.data.index || $target.index() * _.options.slidesToScroll;\n\n _.slideHandler(_.checkNavigable(index), false, dontAnimate);\n $target.children().trigger('focus');\n break;\n\n default:\n return;\n }\n\n };\n\n Slick.prototype.checkNavigable = function(index) {\n\n var _ = this,\n navigables, prevNavigable;\n\n navigables = _.getNavigableIndexes();\n prevNavigable = 0;\n if (index > navigables[navigables.length - 1]) {\n index = navigables[navigables.length - 1];\n } else {\n for (var n in navigables) {\n if (index < navigables[n]) {\n index = prevNavigable;\n break;\n }\n prevNavigable = navigables[n];\n }\n }\n\n return index;\n };\n\n Slick.prototype.cleanUpEvents = function() {\n\n var _ = this;\n\n if (_.options.dots && _.$dots !== null) {\n\n $('li', _.$dots)\n .off('click.slick', _.changeSlide)\n .off('mouseenter.slick', $.proxy(_.interrupt, _, true))\n .off('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n if (_.options.accessibility === true) {\n _.$dots.off('keydown.slick', _.keyHandler);\n }\n }\n\n _.$slider.off('focus.slick blur.slick');\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n _.$prevArrow && _.$prevArrow.off('click.slick', _.changeSlide);\n _.$nextArrow && _.$nextArrow.off('click.slick', _.changeSlide);\n\n if (_.options.accessibility === true) {\n _.$prevArrow && _.$prevArrow.off('keydown.slick', _.keyHandler);\n _.$nextArrow && _.$nextArrow.off('keydown.slick', _.keyHandler);\n }\n }\n\n _.$list.off('touchstart.slick mousedown.slick', _.swipeHandler);\n _.$list.off('touchmove.slick mousemove.slick', _.swipeHandler);\n _.$list.off('touchend.slick mouseup.slick', _.swipeHandler);\n _.$list.off('touchcancel.slick mouseleave.slick', _.swipeHandler);\n\n _.$list.off('click.slick', _.clickHandler);\n\n $(document).off(_.visibilityChange, _.visibility);\n\n _.cleanUpSlideEvents();\n\n if (_.options.accessibility === true) {\n _.$list.off('keydown.slick', _.keyHandler);\n }\n\n if (_.options.focusOnSelect === true) {\n $(_.$slideTrack).children().off('click.slick', _.selectHandler);\n }\n\n $(window).off('orientationchange.slick.slick-' + _.instanceUid, _.orientationChange);\n\n $(window).off('resize.slick.slick-' + _.instanceUid, _.resize);\n\n $('[draggable!=true]', _.$slideTrack).off('dragstart', _.preventDefault);\n\n $(window).off('load.slick.slick-' + _.instanceUid, _.setPosition);\n\n };\n\n Slick.prototype.cleanUpSlideEvents = function() {\n\n var _ = this;\n\n _.$list.off('mouseenter.slick', $.proxy(_.interrupt, _, true));\n _.$list.off('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n };\n\n Slick.prototype.cleanUpRows = function() {\n\n var _ = this, originalSlides;\n\n if(_.options.rows > 0) {\n originalSlides = _.$slides.children().children();\n originalSlides.removeAttr('style');\n _.$slider.empty().append(originalSlides);\n }\n\n };\n\n Slick.prototype.clickHandler = function(event) {\n\n var _ = this;\n\n if (_.shouldClick === false) {\n event.stopImmediatePropagation();\n event.stopPropagation();\n event.preventDefault();\n }\n\n };\n\n Slick.prototype.destroy = function(refresh) {\n\n var _ = this;\n\n _.autoPlayClear();\n\n _.touchObject = {};\n\n _.cleanUpEvents();\n\n $('.slick-cloned', _.$slider).detach();\n\n if (_.$dots) {\n _.$dots.remove();\n }\n\n if ( _.$prevArrow && _.$prevArrow.length ) {\n\n _.$prevArrow\n .removeClass('slick-disabled slick-arrow slick-hidden')\n .removeAttr('aria-hidden aria-disabled tabindex')\n .css('display','');\n\n if ( _.htmlExpr.test( _.options.prevArrow )) {\n _.$prevArrow.remove();\n }\n }\n\n if ( _.$nextArrow && _.$nextArrow.length ) {\n\n _.$nextArrow\n .removeClass('slick-disabled slick-arrow slick-hidden')\n .removeAttr('aria-hidden aria-disabled tabindex')\n .css('display','');\n\n if ( _.htmlExpr.test( _.options.nextArrow )) {\n _.$nextArrow.remove();\n }\n }\n\n\n if (_.$slides) {\n\n _.$slides\n .removeClass('slick-slide slick-active slick-center slick-visible slick-current')\n .removeAttr('aria-hidden')\n .removeAttr('data-slick-index')\n .each(function(){\n $(this).attr('style', $(this).data('originalStyling'));\n });\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slideTrack.detach();\n\n _.$list.detach();\n\n _.$slider.append(_.$slides);\n }\n\n _.cleanUpRows();\n\n _.$slider.removeClass('slick-slider');\n _.$slider.removeClass('slick-initialized');\n _.$slider.removeClass('slick-dotted');\n\n _.unslicked = true;\n\n if(!refresh) {\n _.$slider.trigger('destroy', [_]);\n }\n\n };\n\n Slick.prototype.disableTransition = function(slide) {\n\n var _ = this,\n transition = {};\n\n transition[_.transitionType] = '';\n\n if (_.options.fade === false) {\n _.$slideTrack.css(transition);\n } else {\n _.$slides.eq(slide).css(transition);\n }\n\n };\n\n Slick.prototype.fadeSlide = function(slideIndex, callback) {\n\n var _ = this;\n\n if (_.cssTransitions === false) {\n\n _.$slides.eq(slideIndex).css({\n zIndex: _.options.zIndex\n });\n\n _.$slides.eq(slideIndex).animate({\n opacity: 1\n }, _.options.speed, _.options.easing, callback);\n\n } else {\n\n _.applyTransition(slideIndex);\n\n _.$slides.eq(slideIndex).css({\n opacity: 1,\n zIndex: _.options.zIndex\n });\n\n if (callback) {\n setTimeout(function() {\n\n _.disableTransition(slideIndex);\n\n callback.call();\n }, _.options.speed);\n }\n\n }\n\n };\n\n Slick.prototype.fadeSlideOut = function(slideIndex) {\n\n var _ = this;\n\n if (_.cssTransitions === false) {\n\n _.$slides.eq(slideIndex).animate({\n opacity: 0,\n zIndex: _.options.zIndex - 2\n }, _.options.speed, _.options.easing);\n\n } else {\n\n _.applyTransition(slideIndex);\n\n _.$slides.eq(slideIndex).css({\n opacity: 0,\n zIndex: _.options.zIndex - 2\n });\n\n }\n\n };\n\n Slick.prototype.filterSlides = Slick.prototype.slickFilter = function(filter) {\n\n var _ = this;\n\n if (filter !== null) {\n\n _.$slidesCache = _.$slides;\n\n _.unload();\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slidesCache.filter(filter).appendTo(_.$slideTrack);\n\n _.reinit();\n\n }\n\n };\n\n Slick.prototype.focusHandler = function() {\n\n var _ = this;\n\n _.$slider\n .off('focus.slick blur.slick')\n .on('focus.slick blur.slick', '*', function(event) {\n\n event.stopImmediatePropagation();\n var $sf = $(this);\n\n setTimeout(function() {\n\n if( _.options.pauseOnFocus ) {\n _.focussed = $sf.is(':focus');\n _.autoPlay();\n }\n\n }, 0);\n\n });\n };\n\n Slick.prototype.getCurrent = Slick.prototype.slickCurrentSlide = function() {\n\n var _ = this;\n return _.currentSlide;\n\n };\n\n Slick.prototype.getDotCount = function() {\n\n var _ = this;\n\n var breakPoint = 0;\n var counter = 0;\n var pagerQty = 0;\n\n if (_.options.infinite === true) {\n if (_.slideCount <= _.options.slidesToShow) {\n ++pagerQty;\n } else {\n while (breakPoint < _.slideCount) {\n ++pagerQty;\n breakPoint = counter + _.options.slidesToScroll;\n counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;\n }\n }\n } else if (_.options.centerMode === true) {\n pagerQty = _.slideCount;\n } else if(!_.options.asNavFor) {\n pagerQty = 1 + Math.ceil((_.slideCount - _.options.slidesToShow) / _.options.slidesToScroll);\n }else {\n while (breakPoint < _.slideCount) {\n ++pagerQty;\n breakPoint = counter + _.options.slidesToScroll;\n counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;\n }\n }\n\n return pagerQty - 1;\n\n };\n\n Slick.prototype.getLeft = function(slideIndex) {\n\n var _ = this,\n targetLeft,\n verticalHeight,\n verticalOffset = 0,\n targetSlide,\n coef;\n\n _.slideOffset = 0;\n verticalHeight = _.$slides.first().outerHeight(true);\n\n if (_.options.infinite === true) {\n if (_.slideCount > _.options.slidesToShow) {\n _.slideOffset = (_.slideWidth * _.options.slidesToShow) * -1;\n coef = -1\n\n if (_.options.vertical === true && _.options.centerMode === true) {\n if (_.options.slidesToShow === 2) {\n coef = -1.5;\n } else if (_.options.slidesToShow === 1) {\n coef = -2\n }\n }\n verticalOffset = (verticalHeight * _.options.slidesToShow) * coef;\n }\n if (_.slideCount % _.options.slidesToScroll !== 0) {\n if (slideIndex + _.options.slidesToScroll > _.slideCount && _.slideCount > _.options.slidesToShow) {\n if (slideIndex > _.slideCount) {\n _.slideOffset = ((_.options.slidesToShow - (slideIndex - _.slideCount)) * _.slideWidth) * -1;\n verticalOffset = ((_.options.slidesToShow - (slideIndex - _.slideCount)) * verticalHeight) * -1;\n } else {\n _.slideOffset = ((_.slideCount % _.options.slidesToScroll) * _.slideWidth) * -1;\n verticalOffset = ((_.slideCount % _.options.slidesToScroll) * verticalHeight) * -1;\n }\n }\n }\n } else {\n if (slideIndex + _.options.slidesToShow > _.slideCount) {\n _.slideOffset = ((slideIndex + _.options.slidesToShow) - _.slideCount) * _.slideWidth;\n verticalOffset = ((slideIndex + _.options.slidesToShow) - _.slideCount) * verticalHeight;\n }\n }\n\n if (_.slideCount <= _.options.slidesToShow) {\n _.slideOffset = 0;\n verticalOffset = 0;\n }\n\n if (_.options.centerMode === true && _.slideCount <= _.options.slidesToShow) {\n _.slideOffset = ((_.slideWidth * Math.floor(_.options.slidesToShow)) / 2) - ((_.slideWidth * _.slideCount) / 2);\n } else if (_.options.centerMode === true && _.options.infinite === true) {\n _.slideOffset += _.slideWidth * Math.floor(_.options.slidesToShow / 2) - _.slideWidth;\n } else if (_.options.centerMode === true) {\n _.slideOffset = 0;\n _.slideOffset += _.slideWidth * Math.floor(_.options.slidesToShow / 2);\n }\n\n if (_.options.vertical === false) {\n targetLeft = ((slideIndex * _.slideWidth) * -1) + _.slideOffset;\n } else {\n targetLeft = ((slideIndex * verticalHeight) * -1) + verticalOffset;\n }\n\n if (_.options.variableWidth === true) {\n\n if (_.slideCount <= _.options.slidesToShow || _.options.infinite === false) {\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex);\n } else {\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex + _.options.slidesToShow);\n }\n\n if (_.options.rtl === true) {\n if (targetSlide[0]) {\n targetLeft = (_.$slideTrack.width() - targetSlide[0].offsetLeft - targetSlide.width()) * -1;\n } else {\n targetLeft = 0;\n }\n } else {\n targetLeft = targetSlide[0] ? targetSlide[0].offsetLeft * -1 : 0;\n }\n\n if (_.options.centerMode === true) {\n if (_.slideCount <= _.options.slidesToShow || _.options.infinite === false) {\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex);\n } else {\n targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex + _.options.slidesToShow + 1);\n }\n\n if (_.options.rtl === true) {\n if (targetSlide[0]) {\n targetLeft = (_.$slideTrack.width() - targetSlide[0].offsetLeft - targetSlide.width()) * -1;\n } else {\n targetLeft = 0;\n }\n } else {\n targetLeft = targetSlide[0] ? targetSlide[0].offsetLeft * -1 : 0;\n }\n\n targetLeft += (_.$list.width() - targetSlide.outerWidth()) / 2;\n }\n }\n\n return targetLeft;\n\n };\n\n Slick.prototype.getOption = Slick.prototype.slickGetOption = function(option) {\n\n var _ = this;\n\n return _.options[option];\n\n };\n\n Slick.prototype.getNavigableIndexes = function() {\n\n var _ = this,\n breakPoint = 0,\n counter = 0,\n indexes = [],\n max;\n\n if (_.options.infinite === false) {\n max = _.slideCount;\n } else {\n breakPoint = _.options.slidesToScroll * -1;\n counter = _.options.slidesToScroll * -1;\n max = _.slideCount * 2;\n }\n\n while (breakPoint < max) {\n indexes.push(breakPoint);\n breakPoint = counter + _.options.slidesToScroll;\n counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;\n }\n\n return indexes;\n\n };\n\n Slick.prototype.getSlick = function() {\n\n return this;\n\n };\n\n Slick.prototype.getSlideCount = function() {\n\n var _ = this,\n slidesTraversed, swipedSlide, centerOffset;\n\n centerOffset = _.options.centerMode === true ? _.slideWidth * Math.floor(_.options.slidesToShow / 2) : 0;\n\n if (_.options.swipeToSlide === true) {\n _.$slideTrack.find('.slick-slide').each(function(index, slide) {\n if (slide.offsetLeft - centerOffset + ($(slide).outerWidth() / 2) > (_.swipeLeft * -1)) {\n swipedSlide = slide;\n return false;\n }\n });\n\n slidesTraversed = Math.abs($(swipedSlide).attr('data-slick-index') - _.currentSlide) || 1;\n\n return slidesTraversed;\n\n } else {\n return _.options.slidesToScroll;\n }\n\n };\n\n Slick.prototype.goTo = Slick.prototype.slickGoTo = function(slide, dontAnimate) {\n\n var _ = this;\n\n _.changeSlide({\n data: {\n message: 'index',\n index: parseInt(slide)\n }\n }, dontAnimate);\n\n };\n\n Slick.prototype.init = function(creation) {\n\n var _ = this;\n\n if (!$(_.$slider).hasClass('slick-initialized')) {\n\n $(_.$slider).addClass('slick-initialized');\n\n _.buildRows();\n _.buildOut();\n _.setProps();\n _.startLoad();\n _.loadSlider();\n _.initializeEvents();\n _.updateArrows();\n _.updateDots();\n _.checkResponsive(true);\n _.focusHandler();\n\n }\n\n if (creation) {\n _.$slider.trigger('init', [_]);\n }\n\n if (_.options.accessibility === true) {\n _.initADA();\n }\n\n if ( _.options.autoplay ) {\n\n _.paused = false;\n _.autoPlay();\n\n }\n\n };\n\n Slick.prototype.initADA = function() {\n var _ = this,\n numDotGroups = Math.ceil(_.slideCount / _.options.slidesToShow),\n tabControlIndexes = _.getNavigableIndexes().filter(function(val) {\n return (val >= 0) && (val < _.slideCount);\n });\n\n _.$slides.add(_.$slideTrack.find('.slick-cloned')).attr({\n 'aria-hidden': 'true',\n 'tabindex': '-1'\n }).find('a, input, button, select').attr({\n 'tabindex': '-1'\n });\n\n if (_.$dots !== null) {\n _.$slides.not(_.$slideTrack.find('.slick-cloned')).each(function(i) {\n var slideControlIndex = tabControlIndexes.indexOf(i);\n\n $(this).attr({\n 'role': 'tabpanel',\n 'id': 'slick-slide' + _.instanceUid + i,\n 'tabindex': -1\n });\n\n if (slideControlIndex !== -1) {\n var ariaButtonControl = 'slick-slide-control' + _.instanceUid + slideControlIndex\n if ($('#' + ariaButtonControl).length) {\n $(this).attr({\n 'aria-describedby': ariaButtonControl\n });\n }\n }\n });\n\n _.$dots.attr('role', 'tablist').find('li').each(function(i) {\n var mappedSlideIndex = tabControlIndexes[i];\n\n $(this).attr({\n 'role': 'presentation'\n });\n\n $(this).find('button').first().attr({\n 'role': 'tab',\n 'id': 'slick-slide-control' + _.instanceUid + i,\n 'aria-controls': 'slick-slide' + _.instanceUid + mappedSlideIndex,\n 'aria-label': (i + 1) + ' of ' + numDotGroups,\n 'aria-selected': null,\n 'tabindex': '-1'\n });\n\n }).eq(_.currentSlide).find('button').attr({\n 'aria-selected': 'true',\n 'tabindex': '0'\n }).end();\n }\n\n for (var i=_.currentSlide, max=i+_.options.slidesToShow; i < max; i++) {\n if (_.options.focusOnChange) {\n _.$slides.eq(i).attr({'tabindex': '0'});\n } else {\n _.$slides.eq(i).removeAttr('tabindex');\n }\n }\n\n _.activateADA();\n\n };\n\n Slick.prototype.initArrowEvents = function() {\n\n var _ = this;\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n _.$prevArrow\n .off('click.slick')\n .on('click.slick', {\n message: 'previous'\n }, _.changeSlide);\n _.$nextArrow\n .off('click.slick')\n .on('click.slick', {\n message: 'next'\n }, _.changeSlide);\n\n if (_.options.accessibility === true) {\n _.$prevArrow.on('keydown.slick', _.keyHandler);\n _.$nextArrow.on('keydown.slick', _.keyHandler);\n }\n }\n\n };\n\n Slick.prototype.initDotEvents = function() {\n\n var _ = this;\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n $('li', _.$dots).on('click.slick', {\n message: 'index'\n }, _.changeSlide);\n\n if (_.options.accessibility === true) {\n _.$dots.on('keydown.slick', _.keyHandler);\n }\n }\n\n if (_.options.dots === true && _.options.pauseOnDotsHover === true && _.slideCount > _.options.slidesToShow) {\n\n $('li', _.$dots)\n .on('mouseenter.slick', $.proxy(_.interrupt, _, true))\n .on('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n }\n\n };\n\n Slick.prototype.initSlideEvents = function() {\n\n var _ = this;\n\n if ( _.options.pauseOnHover ) {\n\n _.$list.on('mouseenter.slick', $.proxy(_.interrupt, _, true));\n _.$list.on('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n }\n\n };\n\n Slick.prototype.initializeEvents = function() {\n\n var _ = this;\n\n _.initArrowEvents();\n\n _.initDotEvents();\n _.initSlideEvents();\n\n _.$list.on('touchstart.slick mousedown.slick', {\n action: 'start'\n }, _.swipeHandler);\n _.$list.on('touchmove.slick mousemove.slick', {\n action: 'move'\n }, _.swipeHandler);\n _.$list.on('touchend.slick mouseup.slick', {\n action: 'end'\n }, _.swipeHandler);\n _.$list.on('touchcancel.slick mouseleave.slick', {\n action: 'end'\n }, _.swipeHandler);\n\n _.$list.on('click.slick', _.clickHandler);\n\n $(document).on(_.visibilityChange, $.proxy(_.visibility, _));\n\n if (_.options.accessibility === true) {\n _.$list.on('keydown.slick', _.keyHandler);\n }\n\n if (_.options.focusOnSelect === true) {\n $(_.$slideTrack).children().on('click.slick', _.selectHandler);\n }\n\n $(window).on('orientationchange.slick.slick-' + _.instanceUid, $.proxy(_.orientationChange, _));\n\n $(window).on('resize.slick.slick-' + _.instanceUid, $.proxy(_.resize, _));\n\n $('[draggable!=true]', _.$slideTrack).on('dragstart', _.preventDefault);\n\n $(window).on('load.slick.slick-' + _.instanceUid, _.setPosition);\n $(_.setPosition);\n\n };\n\n Slick.prototype.initUI = function() {\n\n var _ = this;\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n\n _.$prevArrow.show();\n _.$nextArrow.show();\n\n }\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n\n _.$dots.show();\n\n }\n\n };\n\n Slick.prototype.keyHandler = function(event) {\n\n var _ = this;\n //Dont slide if the cursor is inside the form fields and arrow keys are pressed\n if(!event.target.tagName.match('TEXTAREA|INPUT|SELECT')) {\n if (event.keyCode === 37 && _.options.accessibility === true) {\n _.changeSlide({\n data: {\n message: _.options.rtl === true ? 'next' : 'previous'\n }\n });\n } else if (event.keyCode === 39 && _.options.accessibility === true) {\n _.changeSlide({\n data: {\n message: _.options.rtl === true ? 'previous' : 'next'\n }\n });\n }\n }\n\n };\n\n Slick.prototype.lazyLoad = function() {\n\n var _ = this,\n loadRange, cloneRange, rangeStart, rangeEnd;\n\n function loadImages(imagesScope) {\n\n $('img[data-lazy]', imagesScope).each(function() {\n\n var image = $(this),\n imageSource = $(this).attr('data-lazy'),\n imageSrcSet = $(this).attr('data-srcset'),\n imageSizes = $(this).attr('data-sizes') || _.$slider.attr('data-sizes'),\n imageToLoad = document.createElement('img');\n\n imageToLoad.onload = function() {\n\n image\n .animate({ opacity: 0 }, 100, function() {\n\n if (imageSrcSet) {\n image\n .attr('srcset', imageSrcSet );\n\n if (imageSizes) {\n image\n .attr('sizes', imageSizes );\n }\n }\n\n image\n .attr('src', imageSource)\n .animate({ opacity: 1 }, 200, function() {\n image\n .removeAttr('data-lazy data-srcset data-sizes')\n .removeClass('slick-loading');\n });\n _.$slider.trigger('lazyLoaded', [_, image, imageSource]);\n });\n\n };\n\n imageToLoad.onerror = function() {\n\n image\n .removeAttr( 'data-lazy' )\n .removeClass( 'slick-loading' )\n .addClass( 'slick-lazyload-error' );\n\n _.$slider.trigger('lazyLoadError', [ _, image, imageSource ]);\n\n };\n\n imageToLoad.src = imageSource;\n\n });\n\n }\n\n if (_.options.centerMode === true) {\n if (_.options.infinite === true) {\n rangeStart = _.currentSlide + (_.options.slidesToShow / 2 + 1);\n rangeEnd = rangeStart + _.options.slidesToShow + 2;\n } else {\n rangeStart = Math.max(0, _.currentSlide - (_.options.slidesToShow / 2 + 1));\n rangeEnd = 2 + (_.options.slidesToShow / 2 + 1) + _.currentSlide;\n }\n } else {\n rangeStart = _.options.infinite ? _.options.slidesToShow + _.currentSlide : _.currentSlide;\n rangeEnd = Math.ceil(rangeStart + _.options.slidesToShow);\n if (_.options.fade === true) {\n if (rangeStart > 0) rangeStart--;\n if (rangeEnd <= _.slideCount) rangeEnd++;\n }\n }\n\n loadRange = _.$slider.find('.slick-slide').slice(rangeStart, rangeEnd);\n\n if (_.options.lazyLoad === 'anticipated') {\n var prevSlide = rangeStart - 1,\n nextSlide = rangeEnd,\n $slides = _.$slider.find('.slick-slide');\n\n for (var i = 0; i < _.options.slidesToScroll; i++) {\n if (prevSlide < 0) prevSlide = _.slideCount - 1;\n loadRange = loadRange.add($slides.eq(prevSlide));\n loadRange = loadRange.add($slides.eq(nextSlide));\n prevSlide--;\n nextSlide++;\n }\n }\n\n loadImages(loadRange);\n\n if (_.slideCount <= _.options.slidesToShow) {\n cloneRange = _.$slider.find('.slick-slide');\n loadImages(cloneRange);\n } else\n if (_.currentSlide >= _.slideCount - _.options.slidesToShow) {\n cloneRange = _.$slider.find('.slick-cloned').slice(0, _.options.slidesToShow);\n loadImages(cloneRange);\n } else if (_.currentSlide === 0) {\n cloneRange = _.$slider.find('.slick-cloned').slice(_.options.slidesToShow * -1);\n loadImages(cloneRange);\n }\n\n };\n\n Slick.prototype.loadSlider = function() {\n\n var _ = this;\n\n _.setPosition();\n\n _.$slideTrack.css({\n opacity: 1\n });\n\n _.$slider.removeClass('slick-loading');\n\n _.initUI();\n\n if (_.options.lazyLoad === 'progressive') {\n _.progressiveLazyLoad();\n }\n\n };\n\n Slick.prototype.next = Slick.prototype.slickNext = function() {\n\n var _ = this;\n\n _.changeSlide({\n data: {\n message: 'next'\n }\n });\n\n };\n\n Slick.prototype.orientationChange = function() {\n\n var _ = this;\n\n _.checkResponsive();\n _.setPosition();\n\n };\n\n Slick.prototype.pause = Slick.prototype.slickPause = function() {\n\n var _ = this;\n\n _.autoPlayClear();\n _.paused = true;\n\n };\n\n Slick.prototype.play = Slick.prototype.slickPlay = function() {\n\n var _ = this;\n\n _.autoPlay();\n _.options.autoplay = true;\n _.paused = false;\n _.focussed = false;\n _.interrupted = false;\n\n };\n\n Slick.prototype.postSlide = function(index) {\n\n var _ = this;\n\n if( !_.unslicked ) {\n\n _.$slider.trigger('afterChange', [_, index]);\n\n _.animating = false;\n\n if (_.slideCount > _.options.slidesToShow) {\n _.setPosition();\n }\n\n _.swipeLeft = null;\n\n if ( _.options.autoplay ) {\n _.autoPlay();\n }\n\n if (_.options.accessibility === true) {\n _.initADA();\n\n if (_.options.focusOnChange) {\n var $currentSlide = $(_.$slides.get(_.currentSlide));\n $currentSlide.attr('tabindex', 0).focus();\n }\n }\n\n }\n\n };\n\n Slick.prototype.prev = Slick.prototype.slickPrev = function() {\n\n var _ = this;\n\n _.changeSlide({\n data: {\n message: 'previous'\n }\n });\n\n };\n\n Slick.prototype.preventDefault = function(event) {\n\n event.preventDefault();\n\n };\n\n Slick.prototype.progressiveLazyLoad = function( tryCount ) {\n\n tryCount = tryCount || 1;\n\n var _ = this,\n $imgsToLoad = $( 'img[data-lazy]', _.$slider ),\n image,\n imageSource,\n imageSrcSet,\n imageSizes,\n imageToLoad;\n\n if ( $imgsToLoad.length ) {\n\n image = $imgsToLoad.first();\n imageSource = image.attr('data-lazy');\n imageSrcSet = image.attr('data-srcset');\n imageSizes = image.attr('data-sizes') || _.$slider.attr('data-sizes');\n imageToLoad = document.createElement('img');\n\n imageToLoad.onload = function() {\n\n if (imageSrcSet) {\n image\n .attr('srcset', imageSrcSet );\n\n if (imageSizes) {\n image\n .attr('sizes', imageSizes );\n }\n }\n\n image\n .attr( 'src', imageSource )\n .removeAttr('data-lazy data-srcset data-sizes')\n .removeClass('slick-loading');\n\n if ( _.options.adaptiveHeight === true ) {\n _.setPosition();\n }\n\n _.$slider.trigger('lazyLoaded', [ _, image, imageSource ]);\n _.progressiveLazyLoad();\n\n };\n\n imageToLoad.onerror = function() {\n\n if ( tryCount < 3 ) {\n\n /**\n * try to load the image 3 times,\n * leave a slight delay so we don't get\n * servers blocking the request.\n */\n setTimeout( function() {\n _.progressiveLazyLoad( tryCount + 1 );\n }, 500 );\n\n } else {\n\n image\n .removeAttr( 'data-lazy' )\n .removeClass( 'slick-loading' )\n .addClass( 'slick-lazyload-error' );\n\n _.$slider.trigger('lazyLoadError', [ _, image, imageSource ]);\n\n _.progressiveLazyLoad();\n\n }\n\n };\n\n imageToLoad.src = imageSource;\n\n } else {\n\n _.$slider.trigger('allImagesLoaded', [ _ ]);\n\n }\n\n };\n\n Slick.prototype.refresh = function( initializing ) {\n\n var _ = this, currentSlide, lastVisibleIndex;\n\n lastVisibleIndex = _.slideCount - _.options.slidesToShow;\n\n // in non-infinite sliders, we don't want to go past the\n // last visible index.\n if( !_.options.infinite && ( _.currentSlide > lastVisibleIndex )) {\n _.currentSlide = lastVisibleIndex;\n }\n\n // if less slides than to show, go to start.\n if ( _.slideCount <= _.options.slidesToShow ) {\n _.currentSlide = 0;\n\n }\n\n currentSlide = _.currentSlide;\n\n _.destroy(true);\n\n $.extend(_, _.initials, { currentSlide: currentSlide });\n\n _.init();\n\n if( !initializing ) {\n\n _.changeSlide({\n data: {\n message: 'index',\n index: currentSlide\n }\n }, false);\n\n }\n\n };\n\n Slick.prototype.registerBreakpoints = function() {\n\n var _ = this, breakpoint, currentBreakpoint, l,\n responsiveSettings = _.options.responsive || null;\n\n if ( $.type(responsiveSettings) === 'array' && responsiveSettings.length ) {\n\n _.respondTo = _.options.respondTo || 'window';\n\n for ( breakpoint in responsiveSettings ) {\n\n l = _.breakpoints.length-1;\n\n if (responsiveSettings.hasOwnProperty(breakpoint)) {\n currentBreakpoint = responsiveSettings[breakpoint].breakpoint;\n\n // loop through the breakpoints and cut out any existing\n // ones with the same breakpoint number, we don't want dupes.\n while( l >= 0 ) {\n if( _.breakpoints[l] && _.breakpoints[l] === currentBreakpoint ) {\n _.breakpoints.splice(l,1);\n }\n l--;\n }\n\n _.breakpoints.push(currentBreakpoint);\n _.breakpointSettings[currentBreakpoint] = responsiveSettings[breakpoint].settings;\n\n }\n\n }\n\n _.breakpoints.sort(function(a, b) {\n return ( _.options.mobileFirst ) ? a-b : b-a;\n });\n\n }\n\n };\n\n Slick.prototype.reinit = function() {\n\n var _ = this;\n\n _.$slides =\n _.$slideTrack\n .children(_.options.slide)\n .addClass('slick-slide');\n\n _.slideCount = _.$slides.length;\n\n if (_.currentSlide >= _.slideCount && _.currentSlide !== 0) {\n _.currentSlide = _.currentSlide - _.options.slidesToScroll;\n }\n\n if (_.slideCount <= _.options.slidesToShow) {\n _.currentSlide = 0;\n }\n\n _.registerBreakpoints();\n\n _.setProps();\n _.setupInfinite();\n _.buildArrows();\n _.updateArrows();\n _.initArrowEvents();\n _.buildDots();\n _.updateDots();\n _.initDotEvents();\n _.cleanUpSlideEvents();\n _.initSlideEvents();\n\n _.checkResponsive(false, true);\n\n if (_.options.focusOnSelect === true) {\n $(_.$slideTrack).children().on('click.slick', _.selectHandler);\n }\n\n _.setSlideClasses(typeof _.currentSlide === 'number' ? _.currentSlide : 0);\n\n _.setPosition();\n _.focusHandler();\n\n _.paused = !_.options.autoplay;\n _.autoPlay();\n\n _.$slider.trigger('reInit', [_]);\n\n };\n\n Slick.prototype.resize = function() {\n\n var _ = this;\n\n if ($(window).width() !== _.windowWidth) {\n clearTimeout(_.windowDelay);\n _.windowDelay = window.setTimeout(function() {\n _.windowWidth = $(window).width();\n _.checkResponsive();\n if( !_.unslicked ) { _.setPosition(); }\n }, 50);\n }\n };\n\n Slick.prototype.removeSlide = Slick.prototype.slickRemove = function(index, removeBefore, removeAll) {\n\n var _ = this;\n\n if (typeof(index) === 'boolean') {\n removeBefore = index;\n index = removeBefore === true ? 0 : _.slideCount - 1;\n } else {\n index = removeBefore === true ? --index : index;\n }\n\n if (_.slideCount < 1 || index < 0 || index > _.slideCount - 1) {\n return false;\n }\n\n _.unload();\n\n if (removeAll === true) {\n _.$slideTrack.children().remove();\n } else {\n _.$slideTrack.children(this.options.slide).eq(index).remove();\n }\n\n _.$slides = _.$slideTrack.children(this.options.slide);\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slideTrack.append(_.$slides);\n\n _.$slidesCache = _.$slides;\n\n _.reinit();\n\n };\n\n Slick.prototype.setCSS = function(position) {\n\n var _ = this,\n positionProps = {},\n x, y;\n\n if (_.options.rtl === true) {\n position = -position;\n }\n x = _.positionProp == 'left' ? Math.ceil(position) + 'px' : '0px';\n y = _.positionProp == 'top' ? Math.ceil(position) + 'px' : '0px';\n\n positionProps[_.positionProp] = position;\n\n if (_.transformsEnabled === false) {\n _.$slideTrack.css(positionProps);\n } else {\n positionProps = {};\n if (_.cssTransitions === false) {\n positionProps[_.animType] = 'translate(' + x + ', ' + y + ')';\n _.$slideTrack.css(positionProps);\n } else {\n positionProps[_.animType] = 'translate3d(' + x + ', ' + y + ', 0px)';\n _.$slideTrack.css(positionProps);\n }\n }\n\n };\n\n Slick.prototype.setDimensions = function() {\n\n var _ = this;\n\n if (_.options.vertical === false) {\n if (_.options.centerMode === true) {\n _.$list.css({\n padding: ('0px ' + _.options.centerPadding)\n });\n }\n } else {\n _.$list.height(_.$slides.first().outerHeight(true) * _.options.slidesToShow);\n if (_.options.centerMode === true) {\n _.$list.css({\n padding: (_.options.centerPadding + ' 0px')\n });\n }\n }\n\n _.listWidth = _.$list.width();\n _.listHeight = _.$list.height();\n\n\n if (_.options.vertical === false && _.options.variableWidth === false) {\n _.slideWidth = Math.ceil(_.listWidth / _.options.slidesToShow);\n _.$slideTrack.width(Math.ceil((_.slideWidth * _.$slideTrack.children('.slick-slide').length)));\n\n } else if (_.options.variableWidth === true) {\n _.$slideTrack.width(5000 * _.slideCount);\n } else {\n _.slideWidth = Math.ceil(_.listWidth);\n _.$slideTrack.height(Math.ceil((_.$slides.first().outerHeight(true) * _.$slideTrack.children('.slick-slide').length)));\n }\n\n var offset = _.$slides.first().outerWidth(true) - _.$slides.first().width();\n if (_.options.variableWidth === false) _.$slideTrack.children('.slick-slide').width(_.slideWidth - offset);\n\n };\n\n Slick.prototype.setFade = function() {\n\n var _ = this,\n targetLeft;\n\n _.$slides.each(function(index, element) {\n targetLeft = (_.slideWidth * index) * -1;\n if (_.options.rtl === true) {\n $(element).css({\n position: 'relative',\n right: targetLeft,\n top: 0,\n zIndex: _.options.zIndex - 2,\n opacity: 0\n });\n } else {\n $(element).css({\n position: 'relative',\n left: targetLeft,\n top: 0,\n zIndex: _.options.zIndex - 2,\n opacity: 0\n });\n }\n });\n\n _.$slides.eq(_.currentSlide).css({\n zIndex: _.options.zIndex - 1,\n opacity: 1\n });\n\n };\n\n Slick.prototype.setHeight = function() {\n\n var _ = this;\n\n if (_.options.slidesToShow === 1 && _.options.adaptiveHeight === true && _.options.vertical === false) {\n var targetHeight = _.$slides.eq(_.currentSlide).outerHeight(true);\n _.$list.css('height', targetHeight);\n }\n\n };\n\n Slick.prototype.setOption =\n Slick.prototype.slickSetOption = function() {\n\n /**\n * accepts arguments in format of:\n *\n * - for changing a single option's value:\n * .slick(\"setOption\", option, value, refresh )\n *\n * - for changing a set of responsive options:\n * .slick(\"setOption\", 'responsive', [{}, ...], refresh )\n *\n * - for updating multiple values at once (not responsive)\n * .slick(\"setOption\", { 'option': value, ... }, refresh )\n */\n\n var _ = this, l, item, option, value, refresh = false, type;\n\n if( $.type( arguments[0] ) === 'object' ) {\n\n option = arguments[0];\n refresh = arguments[1];\n type = 'multiple';\n\n } else if ( $.type( arguments[0] ) === 'string' ) {\n\n option = arguments[0];\n value = arguments[1];\n refresh = arguments[2];\n\n if ( arguments[0] === 'responsive' && $.type( arguments[1] ) === 'array' ) {\n\n type = 'responsive';\n\n } else if ( typeof arguments[1] !== 'undefined' ) {\n\n type = 'single';\n\n }\n\n }\n\n if ( type === 'single' ) {\n\n _.options[option] = value;\n\n\n } else if ( type === 'multiple' ) {\n\n $.each( option , function( opt, val ) {\n\n _.options[opt] = val;\n\n });\n\n\n } else if ( type === 'responsive' ) {\n\n for ( item in value ) {\n\n if( $.type( _.options.responsive ) !== 'array' ) {\n\n _.options.responsive = [ value[item] ];\n\n } else {\n\n l = _.options.responsive.length-1;\n\n // loop through the responsive object and splice out duplicates.\n while( l >= 0 ) {\n\n if( _.options.responsive[l].breakpoint === value[item].breakpoint ) {\n\n _.options.responsive.splice(l,1);\n\n }\n\n l--;\n\n }\n\n _.options.responsive.push( value[item] );\n\n }\n\n }\n\n }\n\n if ( refresh ) {\n\n _.unload();\n _.reinit();\n\n }\n\n };\n\n Slick.prototype.setPosition = function() {\n\n var _ = this;\n\n _.setDimensions();\n\n _.setHeight();\n\n if (_.options.fade === false) {\n _.setCSS(_.getLeft(_.currentSlide));\n } else {\n _.setFade();\n }\n\n _.$slider.trigger('setPosition', [_]);\n\n };\n\n Slick.prototype.setProps = function() {\n\n var _ = this,\n bodyStyle = document.body.style;\n\n _.positionProp = _.options.vertical === true ? 'top' : 'left';\n\n if (_.positionProp === 'top') {\n _.$slider.addClass('slick-vertical');\n } else {\n _.$slider.removeClass('slick-vertical');\n }\n\n if (bodyStyle.WebkitTransition !== undefined ||\n bodyStyle.MozTransition !== undefined ||\n bodyStyle.msTransition !== undefined) {\n if (_.options.useCSS === true) {\n _.cssTransitions = true;\n }\n }\n\n if ( _.options.fade ) {\n if ( typeof _.options.zIndex === 'number' ) {\n if( _.options.zIndex < 3 ) {\n _.options.zIndex = 3;\n }\n } else {\n _.options.zIndex = _.defaults.zIndex;\n }\n }\n\n if (bodyStyle.OTransform !== undefined) {\n _.animType = 'OTransform';\n _.transformType = '-o-transform';\n _.transitionType = 'OTransition';\n if (bodyStyle.perspectiveProperty === undefined && bodyStyle.webkitPerspective === undefined) _.animType = false;\n }\n if (bodyStyle.MozTransform !== undefined) {\n _.animType = 'MozTransform';\n _.transformType = '-moz-transform';\n _.transitionType = 'MozTransition';\n if (bodyStyle.perspectiveProperty === undefined && bodyStyle.MozPerspective === undefined) _.animType = false;\n }\n if (bodyStyle.webkitTransform !== undefined) {\n _.animType = 'webkitTransform';\n _.transformType = '-webkit-transform';\n _.transitionType = 'webkitTransition';\n if (bodyStyle.perspectiveProperty === undefined && bodyStyle.webkitPerspective === undefined) _.animType = false;\n }\n if (bodyStyle.msTransform !== undefined) {\n _.animType = 'msTransform';\n _.transformType = '-ms-transform';\n _.transitionType = 'msTransition';\n if (bodyStyle.msTransform === undefined) _.animType = false;\n }\n if (bodyStyle.transform !== undefined && _.animType !== false) {\n _.animType = 'transform';\n _.transformType = 'transform';\n _.transitionType = 'transition';\n }\n _.transformsEnabled = _.options.useTransform && (_.animType !== null && _.animType !== false);\n };\n\n\n Slick.prototype.setSlideClasses = function(index) {\n\n var _ = this,\n centerOffset, allSlides, indexOffset, remainder;\n\n allSlides = _.$slider\n .find('.slick-slide')\n .removeClass('slick-active slick-center slick-current')\n .attr('aria-hidden', 'true');\n\n _.$slides\n .eq(index)\n .addClass('slick-current');\n\n if (_.options.centerMode === true) {\n\n var evenCoef = _.options.slidesToShow % 2 === 0 ? 1 : 0;\n\n centerOffset = Math.floor(_.options.slidesToShow / 2);\n\n if (_.options.infinite === true) {\n\n if (index >= centerOffset && index <= (_.slideCount - 1) - centerOffset) {\n _.$slides\n .slice(index - centerOffset + evenCoef, index + centerOffset + 1)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n } else {\n\n indexOffset = _.options.slidesToShow + index;\n allSlides\n .slice(indexOffset - centerOffset + 1 + evenCoef, indexOffset + centerOffset + 2)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n }\n\n if (index === 0) {\n\n allSlides\n .eq(allSlides.length - 1 - _.options.slidesToShow)\n .addClass('slick-center');\n\n } else if (index === _.slideCount - 1) {\n\n allSlides\n .eq(_.options.slidesToShow)\n .addClass('slick-center');\n\n }\n\n }\n\n _.$slides\n .eq(index)\n .addClass('slick-center');\n\n } else {\n\n if (index >= 0 && index <= (_.slideCount - _.options.slidesToShow)) {\n\n _.$slides\n .slice(index, index + _.options.slidesToShow)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n } else if (allSlides.length <= _.options.slidesToShow) {\n\n allSlides\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n } else {\n\n remainder = _.slideCount % _.options.slidesToShow;\n indexOffset = _.options.infinite === true ? _.options.slidesToShow + index : index;\n\n if (_.options.slidesToShow == _.options.slidesToScroll && (_.slideCount - index) < _.options.slidesToShow) {\n\n allSlides\n .slice(indexOffset - (_.options.slidesToShow - remainder), indexOffset + remainder)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n } else {\n\n allSlides\n .slice(indexOffset, indexOffset + _.options.slidesToShow)\n .addClass('slick-active')\n .attr('aria-hidden', 'false');\n\n }\n\n }\n\n }\n\n if (_.options.lazyLoad === 'ondemand' || _.options.lazyLoad === 'anticipated') {\n _.lazyLoad();\n }\n };\n\n Slick.prototype.setupInfinite = function() {\n\n var _ = this,\n i, slideIndex, infiniteCount;\n\n if (_.options.fade === true) {\n _.options.centerMode = false;\n }\n\n if (_.options.infinite === true && _.options.fade === false) {\n\n slideIndex = null;\n\n if (_.slideCount > _.options.slidesToShow) {\n\n if (_.options.centerMode === true) {\n infiniteCount = _.options.slidesToShow + 1;\n } else {\n infiniteCount = _.options.slidesToShow;\n }\n\n for (i = _.slideCount; i > (_.slideCount -\n infiniteCount); i -= 1) {\n slideIndex = i - 1;\n $(_.$slides[slideIndex]).clone(true).attr('id', '')\n .attr('data-slick-index', slideIndex - _.slideCount)\n .prependTo(_.$slideTrack).addClass('slick-cloned');\n }\n for (i = 0; i < infiniteCount + _.slideCount; i += 1) {\n slideIndex = i;\n $(_.$slides[slideIndex]).clone(true).attr('id', '')\n .attr('data-slick-index', slideIndex + _.slideCount)\n .appendTo(_.$slideTrack).addClass('slick-cloned');\n }\n _.$slideTrack.find('.slick-cloned').find('[id]').each(function() {\n $(this).attr('id', '');\n });\n\n }\n\n }\n\n };\n\n Slick.prototype.interrupt = function( toggle ) {\n\n var _ = this;\n\n if( !toggle ) {\n _.autoPlay();\n }\n _.interrupted = toggle;\n\n };\n\n Slick.prototype.selectHandler = function(event) {\n\n var _ = this;\n\n var targetElement =\n $(event.target).is('.slick-slide') ?\n $(event.target) :\n $(event.target).parents('.slick-slide');\n\n var index = parseInt(targetElement.attr('data-slick-index'));\n\n if (!index) index = 0;\n\n if (_.slideCount <= _.options.slidesToShow) {\n\n _.slideHandler(index, false, true);\n return;\n\n }\n\n _.slideHandler(index);\n\n };\n\n Slick.prototype.slideHandler = function(index, sync, dontAnimate) {\n\n var targetSlide, animSlide, oldSlide, slideLeft, targetLeft = null,\n _ = this, navTarget;\n\n sync = sync || false;\n\n if (_.animating === true && _.options.waitForAnimate === true) {\n return;\n }\n\n if (_.options.fade === true && _.currentSlide === index) {\n return;\n }\n\n if (sync === false) {\n _.asNavFor(index);\n }\n\n targetSlide = index;\n targetLeft = _.getLeft(targetSlide);\n slideLeft = _.getLeft(_.currentSlide);\n\n _.currentLeft = _.swipeLeft === null ? slideLeft : _.swipeLeft;\n\n if (_.options.infinite === false && _.options.centerMode === false && (index < 0 || index > _.getDotCount() * _.options.slidesToScroll)) {\n if (_.options.fade === false) {\n targetSlide = _.currentSlide;\n if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) {\n _.animateSlide(slideLeft, function() {\n _.postSlide(targetSlide);\n });\n } else {\n _.postSlide(targetSlide);\n }\n }\n return;\n } else if (_.options.infinite === false && _.options.centerMode === true && (index < 0 || index > (_.slideCount - _.options.slidesToScroll))) {\n if (_.options.fade === false) {\n targetSlide = _.currentSlide;\n if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) {\n _.animateSlide(slideLeft, function() {\n _.postSlide(targetSlide);\n });\n } else {\n _.postSlide(targetSlide);\n }\n }\n return;\n }\n\n if ( _.options.autoplay ) {\n clearInterval(_.autoPlayTimer);\n }\n\n if (targetSlide < 0) {\n if (_.slideCount % _.options.slidesToScroll !== 0) {\n animSlide = _.slideCount - (_.slideCount % _.options.slidesToScroll);\n } else {\n animSlide = _.slideCount + targetSlide;\n }\n } else if (targetSlide >= _.slideCount) {\n if (_.slideCount % _.options.slidesToScroll !== 0) {\n animSlide = 0;\n } else {\n animSlide = targetSlide - _.slideCount;\n }\n } else {\n animSlide = targetSlide;\n }\n\n _.animating = true;\n\n _.$slider.trigger('beforeChange', [_, _.currentSlide, animSlide]);\n\n oldSlide = _.currentSlide;\n _.currentSlide = animSlide;\n\n _.setSlideClasses(_.currentSlide);\n\n if ( _.options.asNavFor ) {\n\n navTarget = _.getNavTarget();\n navTarget = navTarget.slick('getSlick');\n\n if ( navTarget.slideCount <= navTarget.options.slidesToShow ) {\n navTarget.setSlideClasses(_.currentSlide);\n }\n\n }\n\n _.updateDots();\n _.updateArrows();\n\n if (_.options.fade === true) {\n if (dontAnimate !== true) {\n\n _.fadeSlideOut(oldSlide);\n\n _.fadeSlide(animSlide, function() {\n _.postSlide(animSlide);\n });\n\n } else {\n _.postSlide(animSlide);\n }\n _.animateHeight();\n return;\n }\n\n if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) {\n _.animateSlide(targetLeft, function() {\n _.postSlide(animSlide);\n });\n } else {\n _.postSlide(animSlide);\n }\n\n };\n\n Slick.prototype.startLoad = function() {\n\n var _ = this;\n\n if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n\n _.$prevArrow.hide();\n _.$nextArrow.hide();\n\n }\n\n if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n\n _.$dots.hide();\n\n }\n\n _.$slider.addClass('slick-loading');\n\n };\n\n Slick.prototype.swipeDirection = function() {\n\n var xDist, yDist, r, swipeAngle, _ = this;\n\n xDist = _.touchObject.startX - _.touchObject.curX;\n yDist = _.touchObject.startY - _.touchObject.curY;\n r = Math.atan2(yDist, xDist);\n\n swipeAngle = Math.round(r * 180 / Math.PI);\n if (swipeAngle < 0) {\n swipeAngle = 360 - Math.abs(swipeAngle);\n }\n\n if ((swipeAngle <= 45) && (swipeAngle >= 0)) {\n return (_.options.rtl === false ? 'left' : 'right');\n }\n if ((swipeAngle <= 360) && (swipeAngle >= 315)) {\n return (_.options.rtl === false ? 'left' : 'right');\n }\n if ((swipeAngle >= 135) && (swipeAngle <= 225)) {\n return (_.options.rtl === false ? 'right' : 'left');\n }\n if (_.options.verticalSwiping === true) {\n if ((swipeAngle >= 35) && (swipeAngle <= 135)) {\n return 'down';\n } else {\n return 'up';\n }\n }\n\n return 'vertical';\n\n };\n\n Slick.prototype.swipeEnd = function(event) {\n\n var _ = this,\n slideCount,\n direction;\n\n _.dragging = false;\n _.swiping = false;\n\n if (_.scrolling) {\n _.scrolling = false;\n return false;\n }\n\n _.interrupted = false;\n _.shouldClick = ( _.touchObject.swipeLength > 10 ) ? false : true;\n\n if ( _.touchObject.curX === undefined ) {\n return false;\n }\n\n if ( _.touchObject.edgeHit === true ) {\n _.$slider.trigger('edge', [_, _.swipeDirection() ]);\n }\n\n if ( _.touchObject.swipeLength >= _.touchObject.minSwipe ) {\n\n direction = _.swipeDirection();\n\n switch ( direction ) {\n\n case 'left':\n case 'down':\n\n slideCount =\n _.options.swipeToSlide ?\n _.checkNavigable( _.currentSlide + _.getSlideCount() ) :\n _.currentSlide + _.getSlideCount();\n\n _.currentDirection = 0;\n\n break;\n\n case 'right':\n case 'up':\n\n slideCount =\n _.options.swipeToSlide ?\n _.checkNavigable( _.currentSlide - _.getSlideCount() ) :\n _.currentSlide - _.getSlideCount();\n\n _.currentDirection = 1;\n\n break;\n\n default:\n\n\n }\n\n if( direction != 'vertical' ) {\n\n _.slideHandler( slideCount );\n _.touchObject = {};\n _.$slider.trigger('swipe', [_, direction ]);\n\n }\n\n } else {\n\n if ( _.touchObject.startX !== _.touchObject.curX ) {\n\n _.slideHandler( _.currentSlide );\n _.touchObject = {};\n\n }\n\n }\n\n };\n\n Slick.prototype.swipeHandler = function(event) {\n\n var _ = this;\n\n if ((_.options.swipe === false) || ('ontouchend' in document && _.options.swipe === false)) {\n return;\n } else if (_.options.draggable === false && event.type.indexOf('mouse') !== -1) {\n return;\n }\n\n _.touchObject.fingerCount = event.originalEvent && event.originalEvent.touches !== undefined ?\n event.originalEvent.touches.length : 1;\n\n _.touchObject.minSwipe = _.listWidth / _.options\n .touchThreshold;\n\n if (_.options.verticalSwiping === true) {\n _.touchObject.minSwipe = _.listHeight / _.options\n .touchThreshold;\n }\n\n switch (event.data.action) {\n\n case 'start':\n _.swipeStart(event);\n break;\n\n case 'move':\n _.swipeMove(event);\n break;\n\n case 'end':\n _.swipeEnd(event);\n break;\n\n }\n\n };\n\n Slick.prototype.swipeMove = function(event) {\n\n var _ = this,\n edgeWasHit = false,\n curLeft, swipeDirection, swipeLength, positionOffset, touches, verticalSwipeLength;\n\n touches = event.originalEvent !== undefined ? event.originalEvent.touches : null;\n\n if (!_.dragging || _.scrolling || touches && touches.length !== 1) {\n return false;\n }\n\n curLeft = _.getLeft(_.currentSlide);\n\n _.touchObject.curX = touches !== undefined ? touches[0].pageX : event.clientX;\n _.touchObject.curY = touches !== undefined ? touches[0].pageY : event.clientY;\n\n _.touchObject.swipeLength = Math.round(Math.sqrt(\n Math.pow(_.touchObject.curX - _.touchObject.startX, 2)));\n\n verticalSwipeLength = Math.round(Math.sqrt(\n Math.pow(_.touchObject.curY - _.touchObject.startY, 2)));\n\n if (!_.options.verticalSwiping && !_.swiping && verticalSwipeLength > 4) {\n _.scrolling = true;\n return false;\n }\n\n if (_.options.verticalSwiping === true) {\n _.touchObject.swipeLength = verticalSwipeLength;\n }\n\n swipeDirection = _.swipeDirection();\n\n if (event.originalEvent !== undefined && _.touchObject.swipeLength > 4) {\n _.swiping = true;\n event.preventDefault();\n }\n\n positionOffset = (_.options.rtl === false ? 1 : -1) * (_.touchObject.curX > _.touchObject.startX ? 1 : -1);\n if (_.options.verticalSwiping === true) {\n positionOffset = _.touchObject.curY > _.touchObject.startY ? 1 : -1;\n }\n\n\n swipeLength = _.touchObject.swipeLength;\n\n _.touchObject.edgeHit = false;\n\n if (_.options.infinite === false) {\n if ((_.currentSlide === 0 && swipeDirection === 'right') || (_.currentSlide >= _.getDotCount() && swipeDirection === 'left')) {\n swipeLength = _.touchObject.swipeLength * _.options.edgeFriction;\n _.touchObject.edgeHit = true;\n }\n }\n\n if (_.options.vertical === false) {\n _.swipeLeft = curLeft + swipeLength * positionOffset;\n } else {\n _.swipeLeft = curLeft + (swipeLength * (_.$list.height() / _.listWidth)) * positionOffset;\n }\n if (_.options.verticalSwiping === true) {\n _.swipeLeft = curLeft + swipeLength * positionOffset;\n }\n\n if (_.options.fade === true || _.options.touchMove === false) {\n return false;\n }\n\n if (_.animating === true) {\n _.swipeLeft = null;\n return false;\n }\n\n _.setCSS(_.swipeLeft);\n\n };\n\n Slick.prototype.swipeStart = function(event) {\n\n var _ = this,\n touches;\n\n _.interrupted = true;\n\n if (_.touchObject.fingerCount !== 1 || _.slideCount <= _.options.slidesToShow) {\n _.touchObject = {};\n return false;\n }\n\n if (event.originalEvent !== undefined && event.originalEvent.touches !== undefined) {\n touches = event.originalEvent.touches[0];\n }\n\n _.touchObject.startX = _.touchObject.curX = touches !== undefined ? touches.pageX : event.clientX;\n _.touchObject.startY = _.touchObject.curY = touches !== undefined ? touches.pageY : event.clientY;\n\n _.dragging = true;\n\n };\n\n Slick.prototype.unfilterSlides = Slick.prototype.slickUnfilter = function() {\n\n var _ = this;\n\n if (_.$slidesCache !== null) {\n\n _.unload();\n\n _.$slideTrack.children(this.options.slide).detach();\n\n _.$slidesCache.appendTo(_.$slideTrack);\n\n _.reinit();\n\n }\n\n };\n\n Slick.prototype.unload = function() {\n\n var _ = this;\n\n $('.slick-cloned', _.$slider).remove();\n\n if (_.$dots) {\n _.$dots.remove();\n }\n\n if (_.$prevArrow && _.htmlExpr.test(_.options.prevArrow)) {\n _.$prevArrow.remove();\n }\n\n if (_.$nextArrow && _.htmlExpr.test(_.options.nextArrow)) {\n _.$nextArrow.remove();\n }\n\n _.$slides\n .removeClass('slick-slide slick-active slick-visible slick-current')\n .attr('aria-hidden', 'true')\n .css('width', '');\n\n };\n\n Slick.prototype.unslick = function(fromBreakpoint) {\n\n var _ = this;\n _.$slider.trigger('unslick', [_, fromBreakpoint]);\n _.destroy();\n\n };\n\n Slick.prototype.updateArrows = function() {\n\n var _ = this,\n centerOffset;\n\n centerOffset = Math.floor(_.options.slidesToShow / 2);\n\n if ( _.options.arrows === true &&\n _.slideCount > _.options.slidesToShow &&\n !_.options.infinite ) {\n\n _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n _.$nextArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n if (_.currentSlide === 0) {\n\n _.$prevArrow.addClass('slick-disabled').attr('aria-disabled', 'true');\n _.$nextArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n } else if (_.currentSlide >= _.slideCount - _.options.slidesToShow && _.options.centerMode === false) {\n\n _.$nextArrow.addClass('slick-disabled').attr('aria-disabled', 'true');\n _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n } else if (_.currentSlide >= _.slideCount - 1 && _.options.centerMode === true) {\n\n _.$nextArrow.addClass('slick-disabled').attr('aria-disabled', 'true');\n _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n }\n\n }\n\n };\n\n Slick.prototype.updateDots = function() {\n\n var _ = this;\n\n if (_.$dots !== null) {\n\n _.$dots\n .find('li')\n .removeClass('slick-active')\n .end();\n\n _.$dots\n .find('li')\n .eq(Math.floor(_.currentSlide / _.options.slidesToScroll))\n .addClass('slick-active');\n\n }\n\n };\n\n Slick.prototype.visibility = function() {\n\n var _ = this;\n\n if ( _.options.autoplay ) {\n\n if ( document[_.hidden] ) {\n\n _.interrupted = true;\n\n } else {\n\n _.interrupted = false;\n\n }\n\n }\n\n };\n\n $.fn.slick = function() {\n var _ = this,\n opt = arguments[0],\n args = Array.prototype.slice.call(arguments, 1),\n l = _.length,\n i,\n ret;\n for (i = 0; i < l; i++) {\n if (typeof opt == 'object' || typeof opt == 'undefined')\n _[i].slick = new Slick(_[i], opt);\n else\n ret = _[i].slick[opt].apply(_[i].slick, args);\n if (typeof ret != 'undefined') return ret;\n }\n return _;\n };\n\n}));\n","/**\r\n * 유틸\r\n * @category common\r\n * @example\r\n * import Utils from '../common/Utils';\r\n * Utils.namespace('nc.community.home');\r\n */\r\nclass Utils {\r\n\tconstructor() {}\r\n\r\n\t/**\r\n\t * namespace 를 확인후 해당 네임스페이스가 없을 경우 만들어서 리턴\r\n\t * @param {} _namespace='window.console'\r\n\t * @param {} _parent=window\r\n\t * @returns {Object}\r\n\t * @example\r\n\t * Utils.namespace('nc.community.home');\r\n\t * var ncCommunityHome = new nc.community.home();\r\n\t */\r\n\tstatic namespace(_namespace = 'window.console', _parent = window) {\r\n\t\tif (typeof _namespace === 'string' && _namespace) {\r\n\t\t\tlet parts = _namespace.split('.');\r\n\t\t\tfor (let i = 0, max = parts.length; i < max; i++) {\r\n\t\t\t\tif (!_parent[parts[i]]) _parent[parts[i]] = {};\r\n\t\t\t\t_parent = _parent[parts[i]];\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn _parent;\r\n\t}\r\n\r\n\t/**\r\n\t * 객체가 유효한지 확인\r\n\t * @param {Object} obj={} 탐색 대상 오브젝트\r\n\t * @param {Array} keys=[] 키네임\r\n\t * @returns {Boolean}\r\n\t * @example\r\n\t * // window.Twitch.Player 객체가 유효한지 확인하는 샘플\r\n\t * Utils.objHasKeys( window, ['Twitch', 'Player'] )\r\n\t */\r\n\tstatic objHasKeys(obj = {}, keys = []) {\r\n\t\tlet next = keys.shift();\r\n\t\treturn obj[next] && (!keys.length || this.objHasKeys(obj[next], keys));\r\n\t}\r\n\r\n\t/**\r\n\t * 쿠키 세팅\r\n\t * @param {String} name 쿠키이름\r\n\t * @param {String} value 쿠키값\r\n\t * @param {Number} expiredays 만료날짜\r\n\t *\r\n\t * @example\r\n\t * Utils.setCookie('topBanner', 'show', 1);\r\n\t */\r\n\tstatic setCookie(name = '', value = '', expiredays = 1) {\r\n\t\tlet todayDate = new Date();\r\n\t\ttodayDate.setDate(todayDate.getDate() + expiredays);\r\n\t\tdocument.cookie = name + \"=\" + escape(value) + \"; path=/; domain=.plaync.com;expires=\" + todayDate.toGMTString() + \"\";\r\n\t}\r\n\r\n\t/**\r\n\t * 쿠키 확인\r\n\t * @param {String} name 쿠키이름\r\n\t * @returns {String}\r\n\t * @example\r\n\t * Utils.getCookie('topBanner') == 'show' // true : 쿠키가 입력 되어 있는 상태\r\n\t */\r\n\tstatic getCookie(name = '') {\r\n\t\tlet cookies = document.cookie;\r\n\t\tif (cookies.indexOf(name) == -1) return false;\r\n\t\tlet cookie = cookies.substr(cookies.indexOf(name));\r\n\t\tcookie = cookie.split(';')[0];\r\n\t\tcookie = cookie.substr(cookie.indexOf('=') + 1);\r\n\t\treturn cookie;\r\n\t}\r\n\r\n\t/**\r\n\t * 숫자 앞에 0 붙여주기 ex) '01', '001'\r\n\t * @param {Number} n\r\n\t * @param {Number} digits\r\n\t * @returns {String}\r\n\t * @example\r\n\t * Utils.leadingZeros( 3, 2 ) // return '03'\r\n\t */\r\n\tstatic leadingZeros(n, digits) {\r\n\t\tlet zero = '';\r\n\t\tconst len = n.toString().length;\r\n\t\tlet i = 0;\r\n\t\tif (len < digits) {\r\n\t\t\tfor (; i < digits - len; i += 1) {\r\n\t\t\t\tzero += '0';\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn zero + n;\r\n\t}\r\n\r\n\t/**\r\n\t * URL 파라미터 키네임으로 값 가져오기\r\n\t * @param {String} name 키네임\r\n\t * @param {String} url 필수아님\r\n\t * @returns {String}\r\n\t * @example\r\n\t * Utils.getParamByName('query'); // return '검색어'\r\n\t * Utils.getParamByName('query', 'https://lineage.plaync.com/search/index?query=test'); // return 'test'\r\n\t */\r\n\tstatic getParamByName(name, url) {\r\n\t\tif (!url) url = window.location.href;\r\n\t\tname = name.replace(/[\\[\\]]/g, \"\\\\$&\");\r\n\t\tlet regex = new RegExp(\"[?&]\" + name + \"(=([^&#]*)|&|#|$)\"),\r\n\t\t\tresults = regex.exec(url);\r\n\t\tif (!results) return null;\r\n\t\tif (!results[2]) return '';\r\n\t\treturn decodeURIComponent(results[2].replace(/\\+/g, \" \"));\r\n\t}\r\n\r\n\t/**\r\n\t * URL에 파라미터 추가하기\r\n\t * @param {String} _key\r\n\t * @param {String} _val\r\n\t * @param {String} _url\r\n\t * @returns {String}\r\n\t * @example\r\n\t * Utils.addParam( 'page_no', '43' ),\r\n\t */\r\n\tstatic addParam(_key = 'key', _val = 0, _url = window.location.href) {\r\n\t\tif (window.location.search) { //?파람이 있는 경우\r\n\r\n\t\t\tif (Utils.getParamByName(_key)) { // 해당 키값이 이미 존개하는경우\r\n\r\n\t\t\t\tlet regex = new RegExp(_key + \"(=([^&#]*)|&|#|$)\");\r\n\t\t\t\t_url = _url.replace(regex, `${_key}=${_val}`);\r\n\t\t\t} else { //해당 키값이 없는경우\r\n\t\t\t\t_url += `&${_key}=${_val}`;\r\n\t\t\t}\r\n\t\t} else { //?파람이 없는 경우\r\n\t\t\t_url += `?${_key}=${_val}`;\r\n\t\t}\r\n\t\treturn _url;\r\n\t}\r\n\r\n\t/**\r\n\t * DateFormat\r\n\t * @param {String} _date\r\n\t * @returns {String}\r\n\t * @example\r\n\t * Utils.getDate(_d.date);\r\n\t */\r\n\r\n\tstatic getDate(_date = '') {\r\n\t\treturn new Date(_date).toISOString().split('T')[0].replace(/\\-/gi, '.') + '.';\r\n\t}\r\n\r\n\t/**\r\n\t * DateFormat\r\n\t * @param {String} _getTime\r\n\t * @returns {String}\r\n\t * @example\r\n\t * Utils.getTime(_d.time);\r\n\t */\r\n\tstatic getTime (sec = 0) {\r\n\t\tsec = parseInt(sec, 10);\r\n\t\tlet hours = Math.floor(sec / 3600);\r\n\t\tlet minutes = Math.floor((sec - (hours * 3600)) / 60);\r\n\t\tlet seconds = sec - (hours * 3600) - (minutes * 60);\r\n\r\n\t\tif(hours !== 0 && hours < 10) {\r\n\t\t\thours = '0' + hours;\r\n\t\t}\r\n\t\tif(minutes < 10){\r\n\t\t\tminutes = '0' + minutes;\r\n\t\t}\r\n\t\tif(seconds < 10) {\r\n\t\t\tseconds = '0' + seconds;\r\n\t\t}\r\n\r\n\t\treturn (hours ? (hours + ':') : '') + minutes + ':' + seconds;\r\n\t}\r\n\r\n\t/**\r\n\t * DateFormat\r\n\t * @param {String} _getTime\r\n\t * @returns {String}\r\n\t * @example\r\n\t * Utils.getTime(_d.time);\r\n\t */\r\n\tstatic getTime2 (sec = 0) {\r\n\t\tsec = parseInt(sec, 10);\r\n\t\tlet hours = Math.floor(sec / 3600);\r\n\t\tlet minutes = Math.floor((sec - (hours * 3600)) / 60);\r\n\t\tlet seconds = sec - (hours * 3600) - (minutes * 60);\r\n\r\n\t\tif(hours !== 0 && hours < 10) {\r\n\t\t\thours = hours;\r\n\t\t}\r\n\t\tif(minutes < 10){\r\n\t\t\tminutes = '0' + minutes;\r\n\t\t}\r\n\r\n\t\treturn (hours ? (hours + '시간 ') : '') + minutes + '분';\r\n\t}\r\n\r\n\t/**\r\n\t * URL에 파라미터 삭제하기\r\n\t * @param {String} _key\r\n\t * @param {String} _url\r\n\t * @returns {String}\r\n\t * @example\r\n\t * Utils.removeParam( 'page_no'),\r\n\t */\r\n\tstatic removeParam(_key = 'key', _val = '', _url = window.location.href) {\r\n\t\tconst param = Utils.getParamByName(_key);\r\n\r\n\t\tif (param) { //?파람이 있는 경우\r\n\t\t\tconst values = param.split(',');\r\n\t\t\tif (values.length > 1) { // 값이 2개 이상일 경우 해당 값만 삭제\r\n\t\t\t\t_url = _url.replace(param, values.filter(val => val !== _val).join(''))\r\n\t\t\t} else { // 값이 하나일 경우 key도 삭제\r\n\t\t\t\t_url = _url.split(`&${_key}=${_val}`).join('');\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn _url;\r\n\t}\r\n\r\n\t/**\r\n\t * URL에 HashParams 가져오기\r\n\t * @returns {Object}\r\n\t * @example\r\n\t * Utils.addHash( '', '{key:value}' ),\r\n\t */\r\n\tstatic getHashParams(_uri, _params) {\r\n\t\tconst str = window.location.hash;\r\n\t\tif (str.length < 1) return null;\r\n\r\n\t\tconst tmpArr = str.split('#');\r\n\t\tif (tmpArr.length < 2) return null;\r\n\r\n\t\tconst paramStr = tmpArr[1],\r\n\t\t\tparams = paramStr.split('&');\r\n\r\n\t\tlet keyValueArr;\r\n\t\tconst obj = {};\r\n\t\tfor (let i = 0, max = params.length; i < max; ++i) {\r\n\t\t\tkeyValueArr = params[i].split('=');\r\n\t\t\tif (keyValueArr.length <= 1) return null;\r\n\r\n\t\t\tobj[keyValueArr[0]] = decodeURIComponent(keyValueArr[1]);\r\n\r\n\t\t}\r\n\t\treturn obj;\r\n\t}\r\n\r\n\t/**\r\n\t * URL에 HashParams 추가하기\r\n\t * @param {String} _uri\r\n\t * @param {Object} _params\r\n\t * @returns {Object}\r\n\t * @example\r\n\t * Utils.addHash( '', '{key:value}' ),\r\n\t */\r\n\tstatic addHashParams(_uri, _params) {\r\n\t\tif (!_params) return _uri;\r\n\r\n\t\tlet str = '';\r\n\t\tfor (const key in _params) {\r\n\t\t\tif (_params.hasOwnProperty(key)) {\r\n\t\t\t\tstr += '&' + key + '=' + encodeURIComponent(_params[key]);\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (str === '') return _uri;\r\n\r\n\t\t_uri = _uri.indexOf('#') >= 0 ? _uri + str : _uri + '#' + str.substr(1);\r\n\t\treturn _uri;\r\n\t}\r\n\r\n\tstatic arrayFindPolyfill() {\r\n\t\tif (!Array.prototype.find) {\r\n\t\t\tObject.defineProperty(Array.prototype, 'find', {\r\n\t\t\t\tvalue: function (predicate) {\r\n\t\t\t\t\tif (this == null) {\r\n\t\t\t\t\t\tthrow new TypeError('\"this\" is null or not defined');\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tvar o = Object(this);\r\n\t\t\t\t\tvar len = o.length >>> 0;\r\n\t\t\t\t\tif (typeof predicate !== 'function') {\r\n\t\t\t\t\t\tthrow new TypeError('predicate must be a function');\r\n\t\t\t\t\t}\r\n\t\t\t\t\tvar thisArg = arguments[1];\r\n\t\t\t\t\tvar k = 0;\r\n\t\t\t\t\twhile (k < len) {\r\n\t\t\t\t\t\tvar kValue = o[k];\r\n\t\t\t\t\t\tif (predicate.call(thisArg, kValue, k, o)) {\r\n\t\t\t\t\t\t\treturn kValue;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tk++;\r\n\t\t\t\t\t}\r\n\t\t\t\t\treturn undefined;\r\n\t\t\t\t},\r\n\t\t\t\tconfigurable: true,\r\n\t\t\t\twritable: true\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\r\n\t/**\r\n\t * 1000 단위 콤마\r\n\t * import Utils from '../common/Utils';\r\n\t * Utils.addThousandSeparatorCommas( 1000000 )\r\n\t */\r\n\tstatic addThousandSeparatorCommas(_num) {\r\n\t\treturn (''+_num).replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');\r\n\t}\r\n\r\n\r\n\r\n\tstatic makeTime( _time=+new Date(), _now=+new Date() ) {\r\n\t\t/*\r\n\t\t - 0~60초\t\t: 지금 막\r\n\t\t - 1~60분\t\t: n분 전\r\n\t\t - 1시간~24시간\t: n시간 전\r\n\t\t - 1일이상\t\t: 2011.05.23.\r\n\r\n\t\t - 60000 = 60초\r\n\t\t - 3600000 = 60분\r\n\t\t - 86400000 = 24시간\r\n\t\t */\r\n\t\tconst diff = ( _now - _time ) / 1000,\r\n\t\t\tpast = new Date( _time );\r\n\r\n\t\tif ( diff < 60 ) {\r\n\t\t\t_time = '지금 막';\r\n\t\t} else if ( diff >= 60 && diff < 3600 ) {\r\n\t\t\t_time = parseInt( diff / 60 ) + '분 전';\r\n\t\t} else if ( diff >= 3600 && diff < 86400 ) {\r\n\t\t\t_time = parseInt( diff / ( 60 * 60 ) ) + '시간 전';\r\n\t\t} else if ( diff >= 86400 ) {\r\n\t\t\tlet MM = Utils.leadingZeros( past.getMonth()+1, 2 );\r\n\t\t\tlet DD = Utils.leadingZeros( past.getDate(), 2 );\r\n\t\t\t_time = `${past.getFullYear()}.${MM}.${DD}.`;\r\n\t\t}\r\n\r\n\t\treturn _time;\r\n\t}\r\n\r\n\r\n\t/**\r\n\t * * $.isEmptyObject\r\n\t**/\r\n\tstatic isEmptyObject(value) {\r\n\t\treturn Object.keys(value).length === 0 && value.constructor === Object;\r\n\t}\r\n\r\n\r\n\t// 퍼플 앱에서 아웃 링크 대응\r\n\tstatic isPurpleApp = () => {\r\n\t\tconst bodyClassList = document.body.className.split(' ');\r\n\t\treturn bodyClassList.includes('ncMob') && bodyClassList.includes('ncPurple');\r\n\t}\r\n\r\n\tstatic schemeList = {\r\n\t\texternal: ['https://apps.apple.com/', 'https://play.google.com/store/apps/', 'https://onesto.re/', 'https://galaxystore.samsung.com/'],\r\n\t\tinappBrowser: ['https://puzzupamitoi.plaync.com'],\r\n\t};\r\n\r\n\tstatic getMatchedLinkOnPurpleApp(url) {\r\n\t\tif (!url) {\r\n\t\t\treturn '#';\r\n\t\t}\r\n\t\tif (!Utils.isPurpleApp()) {\r\n\t\t\treturn url;\r\n\t\t}\r\n\t\tfor (const [scheme, links] of Object.entries(Utils.schemeList)) {\r\n\t\t\tfor (const link of links) {\r\n\t\t\t\tif (new RegExp(`^${link}`).test(url)) {\r\n\t\t\t\t\tconsole.log('check!!');\r\n\t\t\t\t\treturn `ncmtalk://${scheme}?url=${encodeURIComponent(url)}`;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn url;\r\n\t}\r\n\r\n\r\n\r\n} // end of class\r\nexport default Utils;","/**\n * SSR Window 4.0.2\n * Better handling for window object in SSR environment\n * https://github.com/nolimits4web/ssr-window\n *\n * Copyright 2021, Vladimir Kharlampidi\n *\n * Licensed under MIT\n *\n * Released on: December 13, 2021\n */\n/* eslint-disable no-param-reassign */\nfunction isObject(obj) {\n return obj !== null && typeof obj === 'object' && 'constructor' in obj && obj.constructor === Object;\n}\nfunction extend(target, src) {\n if (target === void 0) {\n target = {};\n }\n if (src === void 0) {\n src = {};\n }\n Object.keys(src).forEach(key => {\n if (typeof target[key] === 'undefined') target[key] = src[key];else if (isObject(src[key]) && isObject(target[key]) && Object.keys(src[key]).length > 0) {\n extend(target[key], src[key]);\n }\n });\n}\nconst ssrDocument = {\n body: {},\n addEventListener() {},\n removeEventListener() {},\n activeElement: {\n blur() {},\n nodeName: ''\n },\n querySelector() {\n return null;\n },\n querySelectorAll() {\n return [];\n },\n getElementById() {\n return null;\n },\n createEvent() {\n return {\n initEvent() {}\n };\n },\n createElement() {\n return {\n children: [],\n childNodes: [],\n style: {},\n setAttribute() {},\n getElementsByTagName() {\n return [];\n }\n };\n },\n createElementNS() {\n return {};\n },\n importNode() {\n return null;\n },\n location: {\n hash: '',\n host: '',\n hostname: '',\n href: '',\n origin: '',\n pathname: '',\n protocol: '',\n search: ''\n }\n};\nfunction getDocument() {\n const doc = typeof document !== 'undefined' ? document : {};\n extend(doc, ssrDocument);\n return doc;\n}\nconst ssrWindow = {\n document: ssrDocument,\n navigator: {\n userAgent: ''\n },\n location: {\n hash: '',\n host: '',\n hostname: '',\n href: '',\n origin: '',\n pathname: '',\n protocol: '',\n search: ''\n },\n history: {\n replaceState() {},\n pushState() {},\n go() {},\n back() {}\n },\n CustomEvent: function CustomEvent() {\n return this;\n },\n addEventListener() {},\n removeEventListener() {},\n getComputedStyle() {\n return {\n getPropertyValue() {\n return '';\n }\n };\n },\n Image() {},\n Date() {},\n screen: {},\n setTimeout() {},\n clearTimeout() {},\n matchMedia() {\n return {};\n },\n requestAnimationFrame(callback) {\n if (typeof setTimeout === 'undefined') {\n callback();\n return null;\n }\n return setTimeout(callback, 0);\n },\n cancelAnimationFrame(id) {\n if (typeof setTimeout === 'undefined') {\n return;\n }\n clearTimeout(id);\n }\n};\nfunction getWindow() {\n const win = typeof window !== 'undefined' ? window : {};\n extend(win, ssrWindow);\n return win;\n}\n\nexport { getWindow as a, getDocument as g };\n","import { a as getWindow, g as getDocument } from './ssr-window.esm.mjs';\n\nfunction deleteProps(obj) {\n const object = obj;\n Object.keys(object).forEach(key => {\n try {\n object[key] = null;\n } catch (e) {\n // no getter for object\n }\n try {\n delete object[key];\n } catch (e) {\n // something got wrong\n }\n });\n}\nfunction nextTick(callback, delay) {\n if (delay === void 0) {\n delay = 0;\n }\n return setTimeout(callback, delay);\n}\nfunction now() {\n return Date.now();\n}\nfunction getComputedStyle(el) {\n const window = getWindow();\n let style;\n if (window.getComputedStyle) {\n style = window.getComputedStyle(el, null);\n }\n if (!style && el.currentStyle) {\n style = el.currentStyle;\n }\n if (!style) {\n style = el.style;\n }\n return style;\n}\nfunction getTranslate(el, axis) {\n if (axis === void 0) {\n axis = 'x';\n }\n const window = getWindow();\n let matrix;\n let curTransform;\n let transformMatrix;\n const curStyle = getComputedStyle(el);\n if (window.WebKitCSSMatrix) {\n curTransform = curStyle.transform || curStyle.webkitTransform;\n if (curTransform.split(',').length > 6) {\n curTransform = curTransform.split(', ').map(a => a.replace(',', '.')).join(', ');\n }\n // Some old versions of Webkit choke when 'none' is passed; pass\n // empty string instead in this case\n transformMatrix = new window.WebKitCSSMatrix(curTransform === 'none' ? '' : curTransform);\n } else {\n transformMatrix = curStyle.MozTransform || curStyle.OTransform || curStyle.MsTransform || curStyle.msTransform || curStyle.transform || curStyle.getPropertyValue('transform').replace('translate(', 'matrix(1, 0, 0, 1,');\n matrix = transformMatrix.toString().split(',');\n }\n if (axis === 'x') {\n // Latest Chrome and webkits Fix\n if (window.WebKitCSSMatrix) curTransform = transformMatrix.m41;\n // Crazy IE10 Matrix\n else if (matrix.length === 16) curTransform = parseFloat(matrix[12]);\n // Normal Browsers\n else curTransform = parseFloat(matrix[4]);\n }\n if (axis === 'y') {\n // Latest Chrome and webkits Fix\n if (window.WebKitCSSMatrix) curTransform = transformMatrix.m42;\n // Crazy IE10 Matrix\n else if (matrix.length === 16) curTransform = parseFloat(matrix[13]);\n // Normal Browsers\n else curTransform = parseFloat(matrix[5]);\n }\n return curTransform || 0;\n}\nfunction isObject(o) {\n return typeof o === 'object' && o !== null && o.constructor && Object.prototype.toString.call(o).slice(8, -1) === 'Object';\n}\nfunction isNode(node) {\n // eslint-disable-next-line\n if (typeof window !== 'undefined' && typeof window.HTMLElement !== 'undefined') {\n return node instanceof HTMLElement;\n }\n return node && (node.nodeType === 1 || node.nodeType === 11);\n}\nfunction extend() {\n const to = Object(arguments.length <= 0 ? undefined : arguments[0]);\n const noExtend = ['__proto__', 'constructor', 'prototype'];\n for (let i = 1; i < arguments.length; i += 1) {\n const nextSource = i < 0 || arguments.length <= i ? undefined : arguments[i];\n if (nextSource !== undefined && nextSource !== null && !isNode(nextSource)) {\n const keysArray = Object.keys(Object(nextSource)).filter(key => noExtend.indexOf(key) < 0);\n for (let nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex += 1) {\n const nextKey = keysArray[nextIndex];\n const desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);\n if (desc !== undefined && desc.enumerable) {\n if (isObject(to[nextKey]) && isObject(nextSource[nextKey])) {\n if (nextSource[nextKey].__swiper__) {\n to[nextKey] = nextSource[nextKey];\n } else {\n extend(to[nextKey], nextSource[nextKey]);\n }\n } else if (!isObject(to[nextKey]) && isObject(nextSource[nextKey])) {\n to[nextKey] = {};\n if (nextSource[nextKey].__swiper__) {\n to[nextKey] = nextSource[nextKey];\n } else {\n extend(to[nextKey], nextSource[nextKey]);\n }\n } else {\n to[nextKey] = nextSource[nextKey];\n }\n }\n }\n }\n }\n return to;\n}\nfunction setCSSProperty(el, varName, varValue) {\n el.style.setProperty(varName, varValue);\n}\nfunction animateCSSModeScroll(_ref) {\n let {\n swiper,\n targetPosition,\n side\n } = _ref;\n const window = getWindow();\n const startPosition = -swiper.translate;\n let startTime = null;\n let time;\n const duration = swiper.params.speed;\n swiper.wrapperEl.style.scrollSnapType = 'none';\n window.cancelAnimationFrame(swiper.cssModeFrameID);\n const dir = targetPosition > startPosition ? 'next' : 'prev';\n const isOutOfBound = (current, target) => {\n return dir === 'next' && current >= target || dir === 'prev' && current <= target;\n };\n const animate = () => {\n time = new Date().getTime();\n if (startTime === null) {\n startTime = time;\n }\n const progress = Math.max(Math.min((time - startTime) / duration, 1), 0);\n const easeProgress = 0.5 - Math.cos(progress * Math.PI) / 2;\n let currentPosition = startPosition + easeProgress * (targetPosition - startPosition);\n if (isOutOfBound(currentPosition, targetPosition)) {\n currentPosition = targetPosition;\n }\n swiper.wrapperEl.scrollTo({\n [side]: currentPosition\n });\n if (isOutOfBound(currentPosition, targetPosition)) {\n swiper.wrapperEl.style.overflow = 'hidden';\n swiper.wrapperEl.style.scrollSnapType = '';\n setTimeout(() => {\n swiper.wrapperEl.style.overflow = '';\n swiper.wrapperEl.scrollTo({\n [side]: currentPosition\n });\n });\n window.cancelAnimationFrame(swiper.cssModeFrameID);\n return;\n }\n swiper.cssModeFrameID = window.requestAnimationFrame(animate);\n };\n animate();\n}\nfunction getSlideTransformEl(slideEl) {\n return slideEl.querySelector('.swiper-slide-transform') || slideEl.shadowRoot && slideEl.shadowRoot.querySelector('.swiper-slide-transform') || slideEl;\n}\nfunction elementChildren(element, selector) {\n if (selector === void 0) {\n selector = '';\n }\n return [...element.children].filter(el => el.matches(selector));\n}\nfunction createElement(tag, classes) {\n if (classes === void 0) {\n classes = [];\n }\n const el = document.createElement(tag);\n el.classList.add(...(Array.isArray(classes) ? classes : [classes]));\n return el;\n}\nfunction elementOffset(el) {\n const window = getWindow();\n const document = getDocument();\n const box = el.getBoundingClientRect();\n const body = document.body;\n const clientTop = el.clientTop || body.clientTop || 0;\n const clientLeft = el.clientLeft || body.clientLeft || 0;\n const scrollTop = el === window ? window.scrollY : el.scrollTop;\n const scrollLeft = el === window ? window.scrollX : el.scrollLeft;\n return {\n top: box.top + scrollTop - clientTop,\n left: box.left + scrollLeft - clientLeft\n };\n}\nfunction elementPrevAll(el, selector) {\n const prevEls = [];\n while (el.previousElementSibling) {\n const prev = el.previousElementSibling; // eslint-disable-line\n if (selector) {\n if (prev.matches(selector)) prevEls.push(prev);\n } else prevEls.push(prev);\n el = prev;\n }\n return prevEls;\n}\nfunction elementNextAll(el, selector) {\n const nextEls = [];\n while (el.nextElementSibling) {\n const next = el.nextElementSibling; // eslint-disable-line\n if (selector) {\n if (next.matches(selector)) nextEls.push(next);\n } else nextEls.push(next);\n el = next;\n }\n return nextEls;\n}\nfunction elementStyle(el, prop) {\n const window = getWindow();\n return window.getComputedStyle(el, null).getPropertyValue(prop);\n}\nfunction elementIndex(el) {\n let child = el;\n let i;\n if (child) {\n i = 0;\n // eslint-disable-next-line\n while ((child = child.previousSibling) !== null) {\n if (child.nodeType === 1) i += 1;\n }\n return i;\n }\n return undefined;\n}\nfunction elementParents(el, selector) {\n const parents = []; // eslint-disable-line\n let parent = el.parentElement; // eslint-disable-line\n while (parent) {\n if (selector) {\n if (parent.matches(selector)) parents.push(parent);\n } else {\n parents.push(parent);\n }\n parent = parent.parentElement;\n }\n return parents;\n}\nfunction elementTransitionEnd(el, callback) {\n function fireCallBack(e) {\n if (e.target !== el) return;\n callback.call(el, e);\n el.removeEventListener('transitionend', fireCallBack);\n }\n if (callback) {\n el.addEventListener('transitionend', fireCallBack);\n }\n}\nfunction elementOuterSize(el, size, includeMargins) {\n const window = getWindow();\n if (includeMargins) {\n return el[size === 'width' ? 'offsetWidth' : 'offsetHeight'] + parseFloat(window.getComputedStyle(el, null).getPropertyValue(size === 'width' ? 'margin-right' : 'margin-top')) + parseFloat(window.getComputedStyle(el, null).getPropertyValue(size === 'width' ? 'margin-left' : 'margin-bottom'));\n }\n return el.offsetWidth;\n}\n\nexport { elementParents as a, elementOffset as b, createElement as c, now as d, elementChildren as e, elementOuterSize as f, elementIndex as g, getTranslate as h, elementTransitionEnd as i, isObject as j, getSlideTransformEl as k, elementStyle as l, elementNextAll as m, nextTick as n, elementPrevAll as o, animateCSSModeScroll as p, extend as q, deleteProps as r, setCSSProperty as s };\n","import { a as getWindow, g as getDocument } from './ssr-window.esm.mjs';\nimport { a as elementParents, l as elementStyle, e as elementChildren, s as setCSSProperty, f as elementOuterSize, m as elementNextAll, o as elementPrevAll, h as getTranslate, p as animateCSSModeScroll, n as nextTick, d as now, q as extend, g as elementIndex, c as createElement, r as deleteProps } from './utils.mjs';\n\nlet support;\nfunction calcSupport() {\n const window = getWindow();\n const document = getDocument();\n return {\n smoothScroll: document.documentElement && document.documentElement.style && 'scrollBehavior' in document.documentElement.style,\n touch: !!('ontouchstart' in window || window.DocumentTouch && document instanceof window.DocumentTouch)\n };\n}\nfunction getSupport() {\n if (!support) {\n support = calcSupport();\n }\n return support;\n}\n\nlet deviceCached;\nfunction calcDevice(_temp) {\n let {\n userAgent\n } = _temp === void 0 ? {} : _temp;\n const support = getSupport();\n const window = getWindow();\n const platform = window.navigator.platform;\n const ua = userAgent || window.navigator.userAgent;\n const device = {\n ios: false,\n android: false\n };\n const screenWidth = window.screen.width;\n const screenHeight = window.screen.height;\n const android = ua.match(/(Android);?[\\s\\/]+([\\d.]+)?/); // eslint-disable-line\n let ipad = ua.match(/(iPad).*OS\\s([\\d_]+)/);\n const ipod = ua.match(/(iPod)(.*OS\\s([\\d_]+))?/);\n const iphone = !ipad && ua.match(/(iPhone\\sOS|iOS)\\s([\\d_]+)/);\n const windows = platform === 'Win32';\n let macos = platform === 'MacIntel';\n\n // iPadOs 13 fix\n const iPadScreens = ['1024x1366', '1366x1024', '834x1194', '1194x834', '834x1112', '1112x834', '768x1024', '1024x768', '820x1180', '1180x820', '810x1080', '1080x810'];\n if (!ipad && macos && support.touch && iPadScreens.indexOf(`${screenWidth}x${screenHeight}`) >= 0) {\n ipad = ua.match(/(Version)\\/([\\d.]+)/);\n if (!ipad) ipad = [0, 1, '13_0_0'];\n macos = false;\n }\n\n // Android\n if (android && !windows) {\n device.os = 'android';\n device.android = true;\n }\n if (ipad || iphone || ipod) {\n device.os = 'ios';\n device.ios = true;\n }\n\n // Export object\n return device;\n}\nfunction getDevice(overrides) {\n if (overrides === void 0) {\n overrides = {};\n }\n if (!deviceCached) {\n deviceCached = calcDevice(overrides);\n }\n return deviceCached;\n}\n\nlet browser;\nfunction calcBrowser() {\n const window = getWindow();\n let needPerspectiveFix = false;\n function isSafari() {\n const ua = window.navigator.userAgent.toLowerCase();\n return ua.indexOf('safari') >= 0 && ua.indexOf('chrome') < 0 && ua.indexOf('android') < 0;\n }\n if (isSafari()) {\n const ua = String(window.navigator.userAgent);\n if (ua.includes('Version/')) {\n const [major, minor] = ua.split('Version/')[1].split(' ')[0].split('.').map(num => Number(num));\n needPerspectiveFix = major < 16 || major === 16 && minor < 2;\n }\n }\n return {\n isSafari: needPerspectiveFix || isSafari(),\n needPerspectiveFix,\n isWebView: /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(window.navigator.userAgent)\n };\n}\nfunction getBrowser() {\n if (!browser) {\n browser = calcBrowser();\n }\n return browser;\n}\n\nfunction Resize(_ref) {\n let {\n swiper,\n on,\n emit\n } = _ref;\n const window = getWindow();\n let observer = null;\n let animationFrame = null;\n const resizeHandler = () => {\n if (!swiper || swiper.destroyed || !swiper.initialized) return;\n emit('beforeResize');\n emit('resize');\n };\n const createObserver = () => {\n if (!swiper || swiper.destroyed || !swiper.initialized) return;\n observer = new ResizeObserver(entries => {\n animationFrame = window.requestAnimationFrame(() => {\n const {\n width,\n height\n } = swiper;\n let newWidth = width;\n let newHeight = height;\n entries.forEach(_ref2 => {\n let {\n contentBoxSize,\n contentRect,\n target\n } = _ref2;\n if (target && target !== swiper.el) return;\n newWidth = contentRect ? contentRect.width : (contentBoxSize[0] || contentBoxSize).inlineSize;\n newHeight = contentRect ? contentRect.height : (contentBoxSize[0] || contentBoxSize).blockSize;\n });\n if (newWidth !== width || newHeight !== height) {\n resizeHandler();\n }\n });\n });\n observer.observe(swiper.el);\n };\n const removeObserver = () => {\n if (animationFrame) {\n window.cancelAnimationFrame(animationFrame);\n }\n if (observer && observer.unobserve && swiper.el) {\n observer.unobserve(swiper.el);\n observer = null;\n }\n };\n const orientationChangeHandler = () => {\n if (!swiper || swiper.destroyed || !swiper.initialized) return;\n emit('orientationchange');\n };\n on('init', () => {\n if (swiper.params.resizeObserver && typeof window.ResizeObserver !== 'undefined') {\n createObserver();\n return;\n }\n window.addEventListener('resize', resizeHandler);\n window.addEventListener('orientationchange', orientationChangeHandler);\n });\n on('destroy', () => {\n removeObserver();\n window.removeEventListener('resize', resizeHandler);\n window.removeEventListener('orientationchange', orientationChangeHandler);\n });\n}\n\nfunction Observer(_ref) {\n let {\n swiper,\n extendParams,\n on,\n emit\n } = _ref;\n const observers = [];\n const window = getWindow();\n const attach = function (target, options) {\n if (options === void 0) {\n options = {};\n }\n const ObserverFunc = window.MutationObserver || window.WebkitMutationObserver;\n const observer = new ObserverFunc(mutations => {\n // The observerUpdate event should only be triggered\n // once despite the number of mutations. Additional\n // triggers are redundant and are very costly\n if (swiper.__preventObserver__) return;\n if (mutations.length === 1) {\n emit('observerUpdate', mutations[0]);\n return;\n }\n const observerUpdate = function observerUpdate() {\n emit('observerUpdate', mutations[0]);\n };\n if (window.requestAnimationFrame) {\n window.requestAnimationFrame(observerUpdate);\n } else {\n window.setTimeout(observerUpdate, 0);\n }\n });\n observer.observe(target, {\n attributes: typeof options.attributes === 'undefined' ? true : options.attributes,\n childList: typeof options.childList === 'undefined' ? true : options.childList,\n characterData: typeof options.characterData === 'undefined' ? true : options.characterData\n });\n observers.push(observer);\n };\n const init = () => {\n if (!swiper.params.observer) return;\n if (swiper.params.observeParents) {\n const containerParents = elementParents(swiper.hostEl);\n for (let i = 0; i < containerParents.length; i += 1) {\n attach(containerParents[i]);\n }\n }\n // Observe container\n attach(swiper.hostEl, {\n childList: swiper.params.observeSlideChildren\n });\n\n // Observe wrapper\n attach(swiper.wrapperEl, {\n attributes: false\n });\n };\n const destroy = () => {\n observers.forEach(observer => {\n observer.disconnect();\n });\n observers.splice(0, observers.length);\n };\n extendParams({\n observer: false,\n observeParents: false,\n observeSlideChildren: false\n });\n on('init', init);\n on('destroy', destroy);\n}\n\n/* eslint-disable no-underscore-dangle */\n\nvar eventsEmitter = {\n on(events, handler, priority) {\n const self = this;\n if (!self.eventsListeners || self.destroyed) return self;\n if (typeof handler !== 'function') return self;\n const method = priority ? 'unshift' : 'push';\n events.split(' ').forEach(event => {\n if (!self.eventsListeners[event]) self.eventsListeners[event] = [];\n self.eventsListeners[event][method](handler);\n });\n return self;\n },\n once(events, handler, priority) {\n const self = this;\n if (!self.eventsListeners || self.destroyed) return self;\n if (typeof handler !== 'function') return self;\n function onceHandler() {\n self.off(events, onceHandler);\n if (onceHandler.__emitterProxy) {\n delete onceHandler.__emitterProxy;\n }\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n handler.apply(self, args);\n }\n onceHandler.__emitterProxy = handler;\n return self.on(events, onceHandler, priority);\n },\n onAny(handler, priority) {\n const self = this;\n if (!self.eventsListeners || self.destroyed) return self;\n if (typeof handler !== 'function') return self;\n const method = priority ? 'unshift' : 'push';\n if (self.eventsAnyListeners.indexOf(handler) < 0) {\n self.eventsAnyListeners[method](handler);\n }\n return self;\n },\n offAny(handler) {\n const self = this;\n if (!self.eventsListeners || self.destroyed) return self;\n if (!self.eventsAnyListeners) return self;\n const index = self.eventsAnyListeners.indexOf(handler);\n if (index >= 0) {\n self.eventsAnyListeners.splice(index, 1);\n }\n return self;\n },\n off(events, handler) {\n const self = this;\n if (!self.eventsListeners || self.destroyed) return self;\n if (!self.eventsListeners) return self;\n events.split(' ').forEach(event => {\n if (typeof handler === 'undefined') {\n self.eventsListeners[event] = [];\n } else if (self.eventsListeners[event]) {\n self.eventsListeners[event].forEach((eventHandler, index) => {\n if (eventHandler === handler || eventHandler.__emitterProxy && eventHandler.__emitterProxy === handler) {\n self.eventsListeners[event].splice(index, 1);\n }\n });\n }\n });\n return self;\n },\n emit() {\n const self = this;\n if (!self.eventsListeners || self.destroyed) return self;\n if (!self.eventsListeners) return self;\n let events;\n let data;\n let context;\n for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n if (typeof args[0] === 'string' || Array.isArray(args[0])) {\n events = args[0];\n data = args.slice(1, args.length);\n context = self;\n } else {\n events = args[0].events;\n data = args[0].data;\n context = args[0].context || self;\n }\n data.unshift(context);\n const eventsArray = Array.isArray(events) ? events : events.split(' ');\n eventsArray.forEach(event => {\n if (self.eventsAnyListeners && self.eventsAnyListeners.length) {\n self.eventsAnyListeners.forEach(eventHandler => {\n eventHandler.apply(context, [event, ...data]);\n });\n }\n if (self.eventsListeners && self.eventsListeners[event]) {\n self.eventsListeners[event].forEach(eventHandler => {\n eventHandler.apply(context, data);\n });\n }\n });\n return self;\n }\n};\n\nfunction updateSize() {\n const swiper = this;\n let width;\n let height;\n const el = swiper.el;\n if (typeof swiper.params.width !== 'undefined' && swiper.params.width !== null) {\n width = swiper.params.width;\n } else {\n width = el.clientWidth;\n }\n if (typeof swiper.params.height !== 'undefined' && swiper.params.height !== null) {\n height = swiper.params.height;\n } else {\n height = el.clientHeight;\n }\n if (width === 0 && swiper.isHorizontal() || height === 0 && swiper.isVertical()) {\n return;\n }\n\n // Subtract paddings\n width = width - parseInt(elementStyle(el, 'padding-left') || 0, 10) - parseInt(elementStyle(el, 'padding-right') || 0, 10);\n height = height - parseInt(elementStyle(el, 'padding-top') || 0, 10) - parseInt(elementStyle(el, 'padding-bottom') || 0, 10);\n if (Number.isNaN(width)) width = 0;\n if (Number.isNaN(height)) height = 0;\n Object.assign(swiper, {\n width,\n height,\n size: swiper.isHorizontal() ? width : height\n });\n}\n\nfunction updateSlides() {\n const swiper = this;\n function getDirectionLabel(property) {\n if (swiper.isHorizontal()) {\n return property;\n }\n // prettier-ignore\n return {\n 'width': 'height',\n 'margin-top': 'margin-left',\n 'margin-bottom ': 'margin-right',\n 'margin-left': 'margin-top',\n 'margin-right': 'margin-bottom',\n 'padding-left': 'padding-top',\n 'padding-right': 'padding-bottom',\n 'marginRight': 'marginBottom'\n }[property];\n }\n function getDirectionPropertyValue(node, label) {\n return parseFloat(node.getPropertyValue(getDirectionLabel(label)) || 0);\n }\n const params = swiper.params;\n const {\n wrapperEl,\n slidesEl,\n size: swiperSize,\n rtlTranslate: rtl,\n wrongRTL\n } = swiper;\n const isVirtual = swiper.virtual && params.virtual.enabled;\n const previousSlidesLength = isVirtual ? swiper.virtual.slides.length : swiper.slides.length;\n const slides = elementChildren(slidesEl, `.${swiper.params.slideClass}, swiper-slide`);\n const slidesLength = isVirtual ? swiper.virtual.slides.length : slides.length;\n let snapGrid = [];\n const slidesGrid = [];\n const slidesSizesGrid = [];\n let offsetBefore = params.slidesOffsetBefore;\n if (typeof offsetBefore === 'function') {\n offsetBefore = params.slidesOffsetBefore.call(swiper);\n }\n let offsetAfter = params.slidesOffsetAfter;\n if (typeof offsetAfter === 'function') {\n offsetAfter = params.slidesOffsetAfter.call(swiper);\n }\n const previousSnapGridLength = swiper.snapGrid.length;\n const previousSlidesGridLength = swiper.slidesGrid.length;\n let spaceBetween = params.spaceBetween;\n let slidePosition = -offsetBefore;\n let prevSlideSize = 0;\n let index = 0;\n if (typeof swiperSize === 'undefined') {\n return;\n }\n if (typeof spaceBetween === 'string' && spaceBetween.indexOf('%') >= 0) {\n spaceBetween = parseFloat(spaceBetween.replace('%', '')) / 100 * swiperSize;\n } else if (typeof spaceBetween === 'string') {\n spaceBetween = parseFloat(spaceBetween);\n }\n swiper.virtualSize = -spaceBetween;\n\n // reset margins\n slides.forEach(slideEl => {\n if (rtl) {\n slideEl.style.marginLeft = '';\n } else {\n slideEl.style.marginRight = '';\n }\n slideEl.style.marginBottom = '';\n slideEl.style.marginTop = '';\n });\n\n // reset cssMode offsets\n if (params.centeredSlides && params.cssMode) {\n setCSSProperty(wrapperEl, '--swiper-centered-offset-before', '');\n setCSSProperty(wrapperEl, '--swiper-centered-offset-after', '');\n }\n const gridEnabled = params.grid && params.grid.rows > 1 && swiper.grid;\n if (gridEnabled) {\n swiper.grid.initSlides(slidesLength);\n }\n\n // Calc slides\n let slideSize;\n const shouldResetSlideSize = params.slidesPerView === 'auto' && params.breakpoints && Object.keys(params.breakpoints).filter(key => {\n return typeof params.breakpoints[key].slidesPerView !== 'undefined';\n }).length > 0;\n for (let i = 0; i < slidesLength; i += 1) {\n slideSize = 0;\n let slide;\n if (slides[i]) slide = slides[i];\n if (gridEnabled) {\n swiper.grid.updateSlide(i, slide, slidesLength, getDirectionLabel);\n }\n if (slides[i] && elementStyle(slide, 'display') === 'none') continue; // eslint-disable-line\n\n if (params.slidesPerView === 'auto') {\n if (shouldResetSlideSize) {\n slides[i].style[getDirectionLabel('width')] = ``;\n }\n const slideStyles = getComputedStyle(slide);\n const currentTransform = slide.style.transform;\n const currentWebKitTransform = slide.style.webkitTransform;\n if (currentTransform) {\n slide.style.transform = 'none';\n }\n if (currentWebKitTransform) {\n slide.style.webkitTransform = 'none';\n }\n if (params.roundLengths) {\n slideSize = swiper.isHorizontal() ? elementOuterSize(slide, 'width', true) : elementOuterSize(slide, 'height', true);\n } else {\n // eslint-disable-next-line\n const width = getDirectionPropertyValue(slideStyles, 'width');\n const paddingLeft = getDirectionPropertyValue(slideStyles, 'padding-left');\n const paddingRight = getDirectionPropertyValue(slideStyles, 'padding-right');\n const marginLeft = getDirectionPropertyValue(slideStyles, 'margin-left');\n const marginRight = getDirectionPropertyValue(slideStyles, 'margin-right');\n const boxSizing = slideStyles.getPropertyValue('box-sizing');\n if (boxSizing && boxSizing === 'border-box') {\n slideSize = width + marginLeft + marginRight;\n } else {\n const {\n clientWidth,\n offsetWidth\n } = slide;\n slideSize = width + paddingLeft + paddingRight + marginLeft + marginRight + (offsetWidth - clientWidth);\n }\n }\n if (currentTransform) {\n slide.style.transform = currentTransform;\n }\n if (currentWebKitTransform) {\n slide.style.webkitTransform = currentWebKitTransform;\n }\n if (params.roundLengths) slideSize = Math.floor(slideSize);\n } else {\n slideSize = (swiperSize - (params.slidesPerView - 1) * spaceBetween) / params.slidesPerView;\n if (params.roundLengths) slideSize = Math.floor(slideSize);\n if (slides[i]) {\n slides[i].style[getDirectionLabel('width')] = `${slideSize}px`;\n }\n }\n if (slides[i]) {\n slides[i].swiperSlideSize = slideSize;\n }\n slidesSizesGrid.push(slideSize);\n if (params.centeredSlides) {\n slidePosition = slidePosition + slideSize / 2 + prevSlideSize / 2 + spaceBetween;\n if (prevSlideSize === 0 && i !== 0) slidePosition = slidePosition - swiperSize / 2 - spaceBetween;\n if (i === 0) slidePosition = slidePosition - swiperSize / 2 - spaceBetween;\n if (Math.abs(slidePosition) < 1 / 1000) slidePosition = 0;\n if (params.roundLengths) slidePosition = Math.floor(slidePosition);\n if (index % params.slidesPerGroup === 0) snapGrid.push(slidePosition);\n slidesGrid.push(slidePosition);\n } else {\n if (params.roundLengths) slidePosition = Math.floor(slidePosition);\n if ((index - Math.min(swiper.params.slidesPerGroupSkip, index)) % swiper.params.slidesPerGroup === 0) snapGrid.push(slidePosition);\n slidesGrid.push(slidePosition);\n slidePosition = slidePosition + slideSize + spaceBetween;\n }\n swiper.virtualSize += slideSize + spaceBetween;\n prevSlideSize = slideSize;\n index += 1;\n }\n swiper.virtualSize = Math.max(swiper.virtualSize, swiperSize) + offsetAfter;\n if (rtl && wrongRTL && (params.effect === 'slide' || params.effect === 'coverflow')) {\n wrapperEl.style.width = `${swiper.virtualSize + spaceBetween}px`;\n }\n if (params.setWrapperSize) {\n wrapperEl.style[getDirectionLabel('width')] = `${swiper.virtualSize + spaceBetween}px`;\n }\n if (gridEnabled) {\n swiper.grid.updateWrapperSize(slideSize, snapGrid, getDirectionLabel);\n }\n\n // Remove last grid elements depending on width\n if (!params.centeredSlides) {\n const newSlidesGrid = [];\n for (let i = 0; i < snapGrid.length; i += 1) {\n let slidesGridItem = snapGrid[i];\n if (params.roundLengths) slidesGridItem = Math.floor(slidesGridItem);\n if (snapGrid[i] <= swiper.virtualSize - swiperSize) {\n newSlidesGrid.push(slidesGridItem);\n }\n }\n snapGrid = newSlidesGrid;\n if (Math.floor(swiper.virtualSize - swiperSize) - Math.floor(snapGrid[snapGrid.length - 1]) > 1) {\n snapGrid.push(swiper.virtualSize - swiperSize);\n }\n }\n if (isVirtual && params.loop) {\n const size = slidesSizesGrid[0] + spaceBetween;\n if (params.slidesPerGroup > 1) {\n const groups = Math.ceil((swiper.virtual.slidesBefore + swiper.virtual.slidesAfter) / params.slidesPerGroup);\n const groupSize = size * params.slidesPerGroup;\n for (let i = 0; i < groups; i += 1) {\n snapGrid.push(snapGrid[snapGrid.length - 1] + groupSize);\n }\n }\n for (let i = 0; i < swiper.virtual.slidesBefore + swiper.virtual.slidesAfter; i += 1) {\n if (params.slidesPerGroup === 1) {\n snapGrid.push(snapGrid[snapGrid.length - 1] + size);\n }\n slidesGrid.push(slidesGrid[slidesGrid.length - 1] + size);\n swiper.virtualSize += size;\n }\n }\n if (snapGrid.length === 0) snapGrid = [0];\n if (spaceBetween !== 0) {\n const key = swiper.isHorizontal() && rtl ? 'marginLeft' : getDirectionLabel('marginRight');\n slides.filter((_, slideIndex) => {\n if (!params.cssMode || params.loop) return true;\n if (slideIndex === slides.length - 1) {\n return false;\n }\n return true;\n }).forEach(slideEl => {\n slideEl.style[key] = `${spaceBetween}px`;\n });\n }\n if (params.centeredSlides && params.centeredSlidesBounds) {\n let allSlidesSize = 0;\n slidesSizesGrid.forEach(slideSizeValue => {\n allSlidesSize += slideSizeValue + (spaceBetween || 0);\n });\n allSlidesSize -= spaceBetween;\n const maxSnap = allSlidesSize - swiperSize;\n snapGrid = snapGrid.map(snap => {\n if (snap <= 0) return -offsetBefore;\n if (snap > maxSnap) return maxSnap + offsetAfter;\n return snap;\n });\n }\n if (params.centerInsufficientSlides) {\n let allSlidesSize = 0;\n slidesSizesGrid.forEach(slideSizeValue => {\n allSlidesSize += slideSizeValue + (spaceBetween || 0);\n });\n allSlidesSize -= spaceBetween;\n if (allSlidesSize < swiperSize) {\n const allSlidesOffset = (swiperSize - allSlidesSize) / 2;\n snapGrid.forEach((snap, snapIndex) => {\n snapGrid[snapIndex] = snap - allSlidesOffset;\n });\n slidesGrid.forEach((snap, snapIndex) => {\n slidesGrid[snapIndex] = snap + allSlidesOffset;\n });\n }\n }\n Object.assign(swiper, {\n slides,\n snapGrid,\n slidesGrid,\n slidesSizesGrid\n });\n if (params.centeredSlides && params.cssMode && !params.centeredSlidesBounds) {\n setCSSProperty(wrapperEl, '--swiper-centered-offset-before', `${-snapGrid[0]}px`);\n setCSSProperty(wrapperEl, '--swiper-centered-offset-after', `${swiper.size / 2 - slidesSizesGrid[slidesSizesGrid.length - 1] / 2}px`);\n const addToSnapGrid = -swiper.snapGrid[0];\n const addToSlidesGrid = -swiper.slidesGrid[0];\n swiper.snapGrid = swiper.snapGrid.map(v => v + addToSnapGrid);\n swiper.slidesGrid = swiper.slidesGrid.map(v => v + addToSlidesGrid);\n }\n if (slidesLength !== previousSlidesLength) {\n swiper.emit('slidesLengthChange');\n }\n if (snapGrid.length !== previousSnapGridLength) {\n if (swiper.params.watchOverflow) swiper.checkOverflow();\n swiper.emit('snapGridLengthChange');\n }\n if (slidesGrid.length !== previousSlidesGridLength) {\n swiper.emit('slidesGridLengthChange');\n }\n if (params.watchSlidesProgress) {\n swiper.updateSlidesOffset();\n }\n if (!isVirtual && !params.cssMode && (params.effect === 'slide' || params.effect === 'fade')) {\n const backFaceHiddenClass = `${params.containerModifierClass}backface-hidden`;\n const hasClassBackfaceClassAdded = swiper.el.classList.contains(backFaceHiddenClass);\n if (slidesLength <= params.maxBackfaceHiddenSlides) {\n if (!hasClassBackfaceClassAdded) swiper.el.classList.add(backFaceHiddenClass);\n } else if (hasClassBackfaceClassAdded) {\n swiper.el.classList.remove(backFaceHiddenClass);\n }\n }\n}\n\nfunction updateAutoHeight(speed) {\n const swiper = this;\n const activeSlides = [];\n const isVirtual = swiper.virtual && swiper.params.virtual.enabled;\n let newHeight = 0;\n let i;\n if (typeof speed === 'number') {\n swiper.setTransition(speed);\n } else if (speed === true) {\n swiper.setTransition(swiper.params.speed);\n }\n const getSlideByIndex = index => {\n if (isVirtual) {\n return swiper.slides[swiper.getSlideIndexByData(index)];\n }\n return swiper.slides[index];\n };\n // Find slides currently in view\n if (swiper.params.slidesPerView !== 'auto' && swiper.params.slidesPerView > 1) {\n if (swiper.params.centeredSlides) {\n (swiper.visibleSlides || []).forEach(slide => {\n activeSlides.push(slide);\n });\n } else {\n for (i = 0; i < Math.ceil(swiper.params.slidesPerView); i += 1) {\n const index = swiper.activeIndex + i;\n if (index > swiper.slides.length && !isVirtual) break;\n activeSlides.push(getSlideByIndex(index));\n }\n }\n } else {\n activeSlides.push(getSlideByIndex(swiper.activeIndex));\n }\n\n // Find new height from highest slide in view\n for (i = 0; i < activeSlides.length; i += 1) {\n if (typeof activeSlides[i] !== 'undefined') {\n const height = activeSlides[i].offsetHeight;\n newHeight = height > newHeight ? height : newHeight;\n }\n }\n\n // Update Height\n if (newHeight || newHeight === 0) swiper.wrapperEl.style.height = `${newHeight}px`;\n}\n\nfunction updateSlidesOffset() {\n const swiper = this;\n const slides = swiper.slides;\n // eslint-disable-next-line\n const minusOffset = swiper.isElement ? swiper.isHorizontal() ? swiper.wrapperEl.offsetLeft : swiper.wrapperEl.offsetTop : 0;\n for (let i = 0; i < slides.length; i += 1) {\n slides[i].swiperSlideOffset = (swiper.isHorizontal() ? slides[i].offsetLeft : slides[i].offsetTop) - minusOffset - swiper.cssOverflowAdjustment();\n }\n}\n\nfunction updateSlidesProgress(translate) {\n if (translate === void 0) {\n translate = this && this.translate || 0;\n }\n const swiper = this;\n const params = swiper.params;\n const {\n slides,\n rtlTranslate: rtl,\n snapGrid\n } = swiper;\n if (slides.length === 0) return;\n if (typeof slides[0].swiperSlideOffset === 'undefined') swiper.updateSlidesOffset();\n let offsetCenter = -translate;\n if (rtl) offsetCenter = translate;\n\n // Visible Slides\n slides.forEach(slideEl => {\n slideEl.classList.remove(params.slideVisibleClass);\n });\n swiper.visibleSlidesIndexes = [];\n swiper.visibleSlides = [];\n let spaceBetween = params.spaceBetween;\n if (typeof spaceBetween === 'string' && spaceBetween.indexOf('%') >= 0) {\n spaceBetween = parseFloat(spaceBetween.replace('%', '')) / 100 * swiper.size;\n } else if (typeof spaceBetween === 'string') {\n spaceBetween = parseFloat(spaceBetween);\n }\n for (let i = 0; i < slides.length; i += 1) {\n const slide = slides[i];\n let slideOffset = slide.swiperSlideOffset;\n if (params.cssMode && params.centeredSlides) {\n slideOffset -= slides[0].swiperSlideOffset;\n }\n const slideProgress = (offsetCenter + (params.centeredSlides ? swiper.minTranslate() : 0) - slideOffset) / (slide.swiperSlideSize + spaceBetween);\n const originalSlideProgress = (offsetCenter - snapGrid[0] + (params.centeredSlides ? swiper.minTranslate() : 0) - slideOffset) / (slide.swiperSlideSize + spaceBetween);\n const slideBefore = -(offsetCenter - slideOffset);\n const slideAfter = slideBefore + swiper.slidesSizesGrid[i];\n const isVisible = slideBefore >= 0 && slideBefore < swiper.size - 1 || slideAfter > 1 && slideAfter <= swiper.size || slideBefore <= 0 && slideAfter >= swiper.size;\n if (isVisible) {\n swiper.visibleSlides.push(slide);\n swiper.visibleSlidesIndexes.push(i);\n slides[i].classList.add(params.slideVisibleClass);\n }\n slide.progress = rtl ? -slideProgress : slideProgress;\n slide.originalProgress = rtl ? -originalSlideProgress : originalSlideProgress;\n }\n}\n\nfunction updateProgress(translate) {\n const swiper = this;\n if (typeof translate === 'undefined') {\n const multiplier = swiper.rtlTranslate ? -1 : 1;\n // eslint-disable-next-line\n translate = swiper && swiper.translate && swiper.translate * multiplier || 0;\n }\n const params = swiper.params;\n const translatesDiff = swiper.maxTranslate() - swiper.minTranslate();\n let {\n progress,\n isBeginning,\n isEnd,\n progressLoop\n } = swiper;\n const wasBeginning = isBeginning;\n const wasEnd = isEnd;\n if (translatesDiff === 0) {\n progress = 0;\n isBeginning = true;\n isEnd = true;\n } else {\n progress = (translate - swiper.minTranslate()) / translatesDiff;\n const isBeginningRounded = Math.abs(translate - swiper.minTranslate()) < 1;\n const isEndRounded = Math.abs(translate - swiper.maxTranslate()) < 1;\n isBeginning = isBeginningRounded || progress <= 0;\n isEnd = isEndRounded || progress >= 1;\n if (isBeginningRounded) progress = 0;\n if (isEndRounded) progress = 1;\n }\n if (params.loop) {\n const firstSlideIndex = swiper.getSlideIndexByData(0);\n const lastSlideIndex = swiper.getSlideIndexByData(swiper.slides.length - 1);\n const firstSlideTranslate = swiper.slidesGrid[firstSlideIndex];\n const lastSlideTranslate = swiper.slidesGrid[lastSlideIndex];\n const translateMax = swiper.slidesGrid[swiper.slidesGrid.length - 1];\n const translateAbs = Math.abs(translate);\n if (translateAbs >= firstSlideTranslate) {\n progressLoop = (translateAbs - firstSlideTranslate) / translateMax;\n } else {\n progressLoop = (translateAbs + translateMax - lastSlideTranslate) / translateMax;\n }\n if (progressLoop > 1) progressLoop -= 1;\n }\n Object.assign(swiper, {\n progress,\n progressLoop,\n isBeginning,\n isEnd\n });\n if (params.watchSlidesProgress || params.centeredSlides && params.autoHeight) swiper.updateSlidesProgress(translate);\n if (isBeginning && !wasBeginning) {\n swiper.emit('reachBeginning toEdge');\n }\n if (isEnd && !wasEnd) {\n swiper.emit('reachEnd toEdge');\n }\n if (wasBeginning && !isBeginning || wasEnd && !isEnd) {\n swiper.emit('fromEdge');\n }\n swiper.emit('progress', progress);\n}\n\nfunction updateSlidesClasses() {\n const swiper = this;\n const {\n slides,\n params,\n slidesEl,\n activeIndex\n } = swiper;\n const isVirtual = swiper.virtual && params.virtual.enabled;\n const getFilteredSlide = selector => {\n return elementChildren(slidesEl, `.${params.slideClass}${selector}, swiper-slide${selector}`)[0];\n };\n slides.forEach(slideEl => {\n slideEl.classList.remove(params.slideActiveClass, params.slideNextClass, params.slidePrevClass);\n });\n let activeSlide;\n if (isVirtual) {\n if (params.loop) {\n let slideIndex = activeIndex - swiper.virtual.slidesBefore;\n if (slideIndex < 0) slideIndex = swiper.virtual.slides.length + slideIndex;\n if (slideIndex >= swiper.virtual.slides.length) slideIndex -= swiper.virtual.slides.length;\n activeSlide = getFilteredSlide(`[data-swiper-slide-index=\"${slideIndex}\"]`);\n } else {\n activeSlide = getFilteredSlide(`[data-swiper-slide-index=\"${activeIndex}\"]`);\n }\n } else {\n activeSlide = slides[activeIndex];\n }\n if (activeSlide) {\n // Active classes\n activeSlide.classList.add(params.slideActiveClass);\n\n // Next Slide\n let nextSlide = elementNextAll(activeSlide, `.${params.slideClass}, swiper-slide`)[0];\n if (params.loop && !nextSlide) {\n nextSlide = slides[0];\n }\n if (nextSlide) {\n nextSlide.classList.add(params.slideNextClass);\n }\n // Prev Slide\n let prevSlide = elementPrevAll(activeSlide, `.${params.slideClass}, swiper-slide`)[0];\n if (params.loop && !prevSlide === 0) {\n prevSlide = slides[slides.length - 1];\n }\n if (prevSlide) {\n prevSlide.classList.add(params.slidePrevClass);\n }\n }\n swiper.emitSlidesClasses();\n}\n\nconst processLazyPreloader = (swiper, imageEl) => {\n if (!swiper || swiper.destroyed || !swiper.params) return;\n const slideSelector = () => swiper.isElement ? `swiper-slide` : `.${swiper.params.slideClass}`;\n const slideEl = imageEl.closest(slideSelector());\n if (slideEl) {\n let lazyEl = slideEl.querySelector(`.${swiper.params.lazyPreloaderClass}`);\n if (!lazyEl && swiper.isElement) {\n lazyEl = slideEl.shadowRoot.querySelector(`.${swiper.params.lazyPreloaderClass}`);\n }\n if (lazyEl) lazyEl.remove();\n }\n};\nconst unlazy = (swiper, index) => {\n if (!swiper.slides[index]) return;\n const imageEl = swiper.slides[index].querySelector('[loading=\"lazy\"]');\n if (imageEl) imageEl.removeAttribute('loading');\n};\nconst preload = swiper => {\n if (!swiper || swiper.destroyed || !swiper.params) return;\n let amount = swiper.params.lazyPreloadPrevNext;\n const len = swiper.slides.length;\n if (!len || !amount || amount < 0) return;\n amount = Math.min(amount, len);\n const slidesPerView = swiper.params.slidesPerView === 'auto' ? swiper.slidesPerViewDynamic() : Math.ceil(swiper.params.slidesPerView);\n const activeIndex = swiper.activeIndex;\n if (swiper.params.grid && swiper.params.grid.rows > 1) {\n const activeColumn = activeIndex;\n const preloadColumns = [activeColumn - amount];\n preloadColumns.push(...Array.from({\n length: amount\n }).map((_, i) => {\n return activeColumn + slidesPerView + i;\n }));\n swiper.slides.forEach((slideEl, i) => {\n if (preloadColumns.includes(slideEl.column)) unlazy(swiper, i);\n });\n return;\n }\n const slideIndexLastInView = activeIndex + slidesPerView - 1;\n if (swiper.params.rewind || swiper.params.loop) {\n for (let i = activeIndex - amount; i <= slideIndexLastInView + amount; i += 1) {\n const realIndex = (i % len + len) % len;\n if (realIndex < activeIndex || realIndex > slideIndexLastInView) unlazy(swiper, realIndex);\n }\n } else {\n for (let i = Math.max(activeIndex - amount, 0); i <= Math.min(slideIndexLastInView + amount, len - 1); i += 1) {\n if (i !== activeIndex && (i > slideIndexLastInView || i < activeIndex)) {\n unlazy(swiper, i);\n }\n }\n }\n};\n\nfunction getActiveIndexByTranslate(swiper) {\n const {\n slidesGrid,\n params\n } = swiper;\n const translate = swiper.rtlTranslate ? swiper.translate : -swiper.translate;\n let activeIndex;\n for (let i = 0; i < slidesGrid.length; i += 1) {\n if (typeof slidesGrid[i + 1] !== 'undefined') {\n if (translate >= slidesGrid[i] && translate < slidesGrid[i + 1] - (slidesGrid[i + 1] - slidesGrid[i]) / 2) {\n activeIndex = i;\n } else if (translate >= slidesGrid[i] && translate < slidesGrid[i + 1]) {\n activeIndex = i + 1;\n }\n } else if (translate >= slidesGrid[i]) {\n activeIndex = i;\n }\n }\n // Normalize slideIndex\n if (params.normalizeSlideIndex) {\n if (activeIndex < 0 || typeof activeIndex === 'undefined') activeIndex = 0;\n }\n return activeIndex;\n}\nfunction updateActiveIndex(newActiveIndex) {\n const swiper = this;\n const translate = swiper.rtlTranslate ? swiper.translate : -swiper.translate;\n const {\n snapGrid,\n params,\n activeIndex: previousIndex,\n realIndex: previousRealIndex,\n snapIndex: previousSnapIndex\n } = swiper;\n let activeIndex = newActiveIndex;\n let snapIndex;\n const getVirtualRealIndex = aIndex => {\n let realIndex = aIndex - swiper.virtual.slidesBefore;\n if (realIndex < 0) {\n realIndex = swiper.virtual.slides.length + realIndex;\n }\n if (realIndex >= swiper.virtual.slides.length) {\n realIndex -= swiper.virtual.slides.length;\n }\n return realIndex;\n };\n if (typeof activeIndex === 'undefined') {\n activeIndex = getActiveIndexByTranslate(swiper);\n }\n if (snapGrid.indexOf(translate) >= 0) {\n snapIndex = snapGrid.indexOf(translate);\n } else {\n const skip = Math.min(params.slidesPerGroupSkip, activeIndex);\n snapIndex = skip + Math.floor((activeIndex - skip) / params.slidesPerGroup);\n }\n if (snapIndex >= snapGrid.length) snapIndex = snapGrid.length - 1;\n if (activeIndex === previousIndex) {\n if (snapIndex !== previousSnapIndex) {\n swiper.snapIndex = snapIndex;\n swiper.emit('snapIndexChange');\n }\n if (swiper.params.loop && swiper.virtual && swiper.params.virtual.enabled) {\n swiper.realIndex = getVirtualRealIndex(activeIndex);\n }\n return;\n }\n // Get real index\n let realIndex;\n if (swiper.virtual && params.virtual.enabled && params.loop) {\n realIndex = getVirtualRealIndex(activeIndex);\n } else if (swiper.slides[activeIndex]) {\n realIndex = parseInt(swiper.slides[activeIndex].getAttribute('data-swiper-slide-index') || activeIndex, 10);\n } else {\n realIndex = activeIndex;\n }\n Object.assign(swiper, {\n previousSnapIndex,\n snapIndex,\n previousRealIndex,\n realIndex,\n previousIndex,\n activeIndex\n });\n if (swiper.initialized) {\n preload(swiper);\n }\n swiper.emit('activeIndexChange');\n swiper.emit('snapIndexChange');\n if (previousRealIndex !== realIndex) {\n swiper.emit('realIndexChange');\n }\n if (swiper.initialized || swiper.params.runCallbacksOnInit) {\n swiper.emit('slideChange');\n }\n}\n\nfunction updateClickedSlide(e) {\n const swiper = this;\n const params = swiper.params;\n const slide = e.closest(`.${params.slideClass}, swiper-slide`);\n let slideFound = false;\n let slideIndex;\n if (slide) {\n for (let i = 0; i < swiper.slides.length; i += 1) {\n if (swiper.slides[i] === slide) {\n slideFound = true;\n slideIndex = i;\n break;\n }\n }\n }\n if (slide && slideFound) {\n swiper.clickedSlide = slide;\n if (swiper.virtual && swiper.params.virtual.enabled) {\n swiper.clickedIndex = parseInt(slide.getAttribute('data-swiper-slide-index'), 10);\n } else {\n swiper.clickedIndex = slideIndex;\n }\n } else {\n swiper.clickedSlide = undefined;\n swiper.clickedIndex = undefined;\n return;\n }\n if (params.slideToClickedSlide && swiper.clickedIndex !== undefined && swiper.clickedIndex !== swiper.activeIndex) {\n swiper.slideToClickedSlide();\n }\n}\n\nvar update = {\n updateSize,\n updateSlides,\n updateAutoHeight,\n updateSlidesOffset,\n updateSlidesProgress,\n updateProgress,\n updateSlidesClasses,\n updateActiveIndex,\n updateClickedSlide\n};\n\nfunction getSwiperTranslate(axis) {\n if (axis === void 0) {\n axis = this.isHorizontal() ? 'x' : 'y';\n }\n const swiper = this;\n const {\n params,\n rtlTranslate: rtl,\n translate,\n wrapperEl\n } = swiper;\n if (params.virtualTranslate) {\n return rtl ? -translate : translate;\n }\n if (params.cssMode) {\n return translate;\n }\n let currentTranslate = getTranslate(wrapperEl, axis);\n currentTranslate += swiper.cssOverflowAdjustment();\n if (rtl) currentTranslate = -currentTranslate;\n return currentTranslate || 0;\n}\n\nfunction setTranslate(translate, byController) {\n const swiper = this;\n const {\n rtlTranslate: rtl,\n params,\n wrapperEl,\n progress\n } = swiper;\n let x = 0;\n let y = 0;\n const z = 0;\n if (swiper.isHorizontal()) {\n x = rtl ? -translate : translate;\n } else {\n y = translate;\n }\n if (params.roundLengths) {\n x = Math.floor(x);\n y = Math.floor(y);\n }\n swiper.previousTranslate = swiper.translate;\n swiper.translate = swiper.isHorizontal() ? x : y;\n if (params.cssMode) {\n wrapperEl[swiper.isHorizontal() ? 'scrollLeft' : 'scrollTop'] = swiper.isHorizontal() ? -x : -y;\n } else if (!params.virtualTranslate) {\n if (swiper.isHorizontal()) {\n x -= swiper.cssOverflowAdjustment();\n } else {\n y -= swiper.cssOverflowAdjustment();\n }\n wrapperEl.style.transform = `translate3d(${x}px, ${y}px, ${z}px)`;\n }\n\n // Check if we need to update progress\n let newProgress;\n const translatesDiff = swiper.maxTranslate() - swiper.minTranslate();\n if (translatesDiff === 0) {\n newProgress = 0;\n } else {\n newProgress = (translate - swiper.minTranslate()) / translatesDiff;\n }\n if (newProgress !== progress) {\n swiper.updateProgress(translate);\n }\n swiper.emit('setTranslate', swiper.translate, byController);\n}\n\nfunction minTranslate() {\n return -this.snapGrid[0];\n}\n\nfunction maxTranslate() {\n return -this.snapGrid[this.snapGrid.length - 1];\n}\n\nfunction translateTo(translate, speed, runCallbacks, translateBounds, internal) {\n if (translate === void 0) {\n translate = 0;\n }\n if (speed === void 0) {\n speed = this.params.speed;\n }\n if (runCallbacks === void 0) {\n runCallbacks = true;\n }\n if (translateBounds === void 0) {\n translateBounds = true;\n }\n const swiper = this;\n const {\n params,\n wrapperEl\n } = swiper;\n if (swiper.animating && params.preventInteractionOnTransition) {\n return false;\n }\n const minTranslate = swiper.minTranslate();\n const maxTranslate = swiper.maxTranslate();\n let newTranslate;\n if (translateBounds && translate > minTranslate) newTranslate = minTranslate;else if (translateBounds && translate < maxTranslate) newTranslate = maxTranslate;else newTranslate = translate;\n\n // Update progress\n swiper.updateProgress(newTranslate);\n if (params.cssMode) {\n const isH = swiper.isHorizontal();\n if (speed === 0) {\n wrapperEl[isH ? 'scrollLeft' : 'scrollTop'] = -newTranslate;\n } else {\n if (!swiper.support.smoothScroll) {\n animateCSSModeScroll({\n swiper,\n targetPosition: -newTranslate,\n side: isH ? 'left' : 'top'\n });\n return true;\n }\n wrapperEl.scrollTo({\n [isH ? 'left' : 'top']: -newTranslate,\n behavior: 'smooth'\n });\n }\n return true;\n }\n if (speed === 0) {\n swiper.setTransition(0);\n swiper.setTranslate(newTranslate);\n if (runCallbacks) {\n swiper.emit('beforeTransitionStart', speed, internal);\n swiper.emit('transitionEnd');\n }\n } else {\n swiper.setTransition(speed);\n swiper.setTranslate(newTranslate);\n if (runCallbacks) {\n swiper.emit('beforeTransitionStart', speed, internal);\n swiper.emit('transitionStart');\n }\n if (!swiper.animating) {\n swiper.animating = true;\n if (!swiper.onTranslateToWrapperTransitionEnd) {\n swiper.onTranslateToWrapperTransitionEnd = function transitionEnd(e) {\n if (!swiper || swiper.destroyed) return;\n if (e.target !== this) return;\n swiper.wrapperEl.removeEventListener('transitionend', swiper.onTranslateToWrapperTransitionEnd);\n swiper.onTranslateToWrapperTransitionEnd = null;\n delete swiper.onTranslateToWrapperTransitionEnd;\n if (runCallbacks) {\n swiper.emit('transitionEnd');\n }\n };\n }\n swiper.wrapperEl.addEventListener('transitionend', swiper.onTranslateToWrapperTransitionEnd);\n }\n }\n return true;\n}\n\nvar translate = {\n getTranslate: getSwiperTranslate,\n setTranslate,\n minTranslate,\n maxTranslate,\n translateTo\n};\n\nfunction setTransition(duration, byController) {\n const swiper = this;\n if (!swiper.params.cssMode) {\n swiper.wrapperEl.style.transitionDuration = `${duration}ms`;\n swiper.wrapperEl.style.transitionDelay = duration === 0 ? `0ms` : '';\n }\n swiper.emit('setTransition', duration, byController);\n}\n\nfunction transitionEmit(_ref) {\n let {\n swiper,\n runCallbacks,\n direction,\n step\n } = _ref;\n const {\n activeIndex,\n previousIndex\n } = swiper;\n let dir = direction;\n if (!dir) {\n if (activeIndex > previousIndex) dir = 'next';else if (activeIndex < previousIndex) dir = 'prev';else dir = 'reset';\n }\n swiper.emit(`transition${step}`);\n if (runCallbacks && activeIndex !== previousIndex) {\n if (dir === 'reset') {\n swiper.emit(`slideResetTransition${step}`);\n return;\n }\n swiper.emit(`slideChangeTransition${step}`);\n if (dir === 'next') {\n swiper.emit(`slideNextTransition${step}`);\n } else {\n swiper.emit(`slidePrevTransition${step}`);\n }\n }\n}\n\nfunction transitionStart(runCallbacks, direction) {\n if (runCallbacks === void 0) {\n runCallbacks = true;\n }\n const swiper = this;\n const {\n params\n } = swiper;\n if (params.cssMode) return;\n if (params.autoHeight) {\n swiper.updateAutoHeight();\n }\n transitionEmit({\n swiper,\n runCallbacks,\n direction,\n step: 'Start'\n });\n}\n\nfunction transitionEnd(runCallbacks, direction) {\n if (runCallbacks === void 0) {\n runCallbacks = true;\n }\n const swiper = this;\n const {\n params\n } = swiper;\n swiper.animating = false;\n if (params.cssMode) return;\n swiper.setTransition(0);\n transitionEmit({\n swiper,\n runCallbacks,\n direction,\n step: 'End'\n });\n}\n\nvar transition = {\n setTransition,\n transitionStart,\n transitionEnd\n};\n\nfunction slideTo(index, speed, runCallbacks, internal, initial) {\n if (index === void 0) {\n index = 0;\n }\n if (speed === void 0) {\n speed = this.params.speed;\n }\n if (runCallbacks === void 0) {\n runCallbacks = true;\n }\n if (typeof index === 'string') {\n index = parseInt(index, 10);\n }\n const swiper = this;\n let slideIndex = index;\n if (slideIndex < 0) slideIndex = 0;\n const {\n params,\n snapGrid,\n slidesGrid,\n previousIndex,\n activeIndex,\n rtlTranslate: rtl,\n wrapperEl,\n enabled\n } = swiper;\n if (swiper.animating && params.preventInteractionOnTransition || !enabled && !internal && !initial) {\n return false;\n }\n const skip = Math.min(swiper.params.slidesPerGroupSkip, slideIndex);\n let snapIndex = skip + Math.floor((slideIndex - skip) / swiper.params.slidesPerGroup);\n if (snapIndex >= snapGrid.length) snapIndex = snapGrid.length - 1;\n const translate = -snapGrid[snapIndex];\n // Normalize slideIndex\n if (params.normalizeSlideIndex) {\n for (let i = 0; i < slidesGrid.length; i += 1) {\n const normalizedTranslate = -Math.floor(translate * 100);\n const normalizedGrid = Math.floor(slidesGrid[i] * 100);\n const normalizedGridNext = Math.floor(slidesGrid[i + 1] * 100);\n if (typeof slidesGrid[i + 1] !== 'undefined') {\n if (normalizedTranslate >= normalizedGrid && normalizedTranslate < normalizedGridNext - (normalizedGridNext - normalizedGrid) / 2) {\n slideIndex = i;\n } else if (normalizedTranslate >= normalizedGrid && normalizedTranslate < normalizedGridNext) {\n slideIndex = i + 1;\n }\n } else if (normalizedTranslate >= normalizedGrid) {\n slideIndex = i;\n }\n }\n }\n // Directions locks\n if (swiper.initialized && slideIndex !== activeIndex) {\n if (!swiper.allowSlideNext && (rtl ? translate > swiper.translate && translate > swiper.minTranslate() : translate < swiper.translate && translate < swiper.minTranslate())) {\n return false;\n }\n if (!swiper.allowSlidePrev && translate > swiper.translate && translate > swiper.maxTranslate()) {\n if ((activeIndex || 0) !== slideIndex) {\n return false;\n }\n }\n }\n if (slideIndex !== (previousIndex || 0) && runCallbacks) {\n swiper.emit('beforeSlideChangeStart');\n }\n\n // Update progress\n swiper.updateProgress(translate);\n let direction;\n if (slideIndex > activeIndex) direction = 'next';else if (slideIndex < activeIndex) direction = 'prev';else direction = 'reset';\n\n // Update Index\n if (rtl && -translate === swiper.translate || !rtl && translate === swiper.translate) {\n swiper.updateActiveIndex(slideIndex);\n // Update Height\n if (params.autoHeight) {\n swiper.updateAutoHeight();\n }\n swiper.updateSlidesClasses();\n if (params.effect !== 'slide') {\n swiper.setTranslate(translate);\n }\n if (direction !== 'reset') {\n swiper.transitionStart(runCallbacks, direction);\n swiper.transitionEnd(runCallbacks, direction);\n }\n return false;\n }\n if (params.cssMode) {\n const isH = swiper.isHorizontal();\n const t = rtl ? translate : -translate;\n if (speed === 0) {\n const isVirtual = swiper.virtual && swiper.params.virtual.enabled;\n if (isVirtual) {\n swiper.wrapperEl.style.scrollSnapType = 'none';\n swiper._immediateVirtual = true;\n }\n if (isVirtual && !swiper._cssModeVirtualInitialSet && swiper.params.initialSlide > 0) {\n swiper._cssModeVirtualInitialSet = true;\n requestAnimationFrame(() => {\n wrapperEl[isH ? 'scrollLeft' : 'scrollTop'] = t;\n });\n } else {\n wrapperEl[isH ? 'scrollLeft' : 'scrollTop'] = t;\n }\n if (isVirtual) {\n requestAnimationFrame(() => {\n swiper.wrapperEl.style.scrollSnapType = '';\n swiper._immediateVirtual = false;\n });\n }\n } else {\n if (!swiper.support.smoothScroll) {\n animateCSSModeScroll({\n swiper,\n targetPosition: t,\n side: isH ? 'left' : 'top'\n });\n return true;\n }\n wrapperEl.scrollTo({\n [isH ? 'left' : 'top']: t,\n behavior: 'smooth'\n });\n }\n return true;\n }\n swiper.setTransition(speed);\n swiper.setTranslate(translate);\n swiper.updateActiveIndex(slideIndex);\n swiper.updateSlidesClasses();\n swiper.emit('beforeTransitionStart', speed, internal);\n swiper.transitionStart(runCallbacks, direction);\n if (speed === 0) {\n swiper.transitionEnd(runCallbacks, direction);\n } else if (!swiper.animating) {\n swiper.animating = true;\n if (!swiper.onSlideToWrapperTransitionEnd) {\n swiper.onSlideToWrapperTransitionEnd = function transitionEnd(e) {\n if (!swiper || swiper.destroyed) return;\n if (e.target !== this) return;\n swiper.wrapperEl.removeEventListener('transitionend', swiper.onSlideToWrapperTransitionEnd);\n swiper.onSlideToWrapperTransitionEnd = null;\n delete swiper.onSlideToWrapperTransitionEnd;\n swiper.transitionEnd(runCallbacks, direction);\n };\n }\n swiper.wrapperEl.addEventListener('transitionend', swiper.onSlideToWrapperTransitionEnd);\n }\n return true;\n}\n\nfunction slideToLoop(index, speed, runCallbacks, internal) {\n if (index === void 0) {\n index = 0;\n }\n if (speed === void 0) {\n speed = this.params.speed;\n }\n if (runCallbacks === void 0) {\n runCallbacks = true;\n }\n if (typeof index === 'string') {\n const indexAsNumber = parseInt(index, 10);\n index = indexAsNumber;\n }\n const swiper = this;\n let newIndex = index;\n if (swiper.params.loop) {\n if (swiper.virtual && swiper.params.virtual.enabled) {\n // eslint-disable-next-line\n newIndex = newIndex + swiper.virtual.slidesBefore;\n } else {\n newIndex = swiper.getSlideIndexByData(newIndex);\n }\n }\n return swiper.slideTo(newIndex, speed, runCallbacks, internal);\n}\n\n/* eslint no-unused-vars: \"off\" */\nfunction slideNext(speed, runCallbacks, internal) {\n if (speed === void 0) {\n speed = this.params.speed;\n }\n if (runCallbacks === void 0) {\n runCallbacks = true;\n }\n const swiper = this;\n const {\n enabled,\n params,\n animating\n } = swiper;\n if (!enabled) return swiper;\n let perGroup = params.slidesPerGroup;\n if (params.slidesPerView === 'auto' && params.slidesPerGroup === 1 && params.slidesPerGroupAuto) {\n perGroup = Math.max(swiper.slidesPerViewDynamic('current', true), 1);\n }\n const increment = swiper.activeIndex < params.slidesPerGroupSkip ? 1 : perGroup;\n const isVirtual = swiper.virtual && params.virtual.enabled;\n if (params.loop) {\n if (animating && !isVirtual && params.loopPreventsSliding) return false;\n swiper.loopFix({\n direction: 'next'\n });\n // eslint-disable-next-line\n swiper._clientLeft = swiper.wrapperEl.clientLeft;\n }\n if (params.rewind && swiper.isEnd) {\n return swiper.slideTo(0, speed, runCallbacks, internal);\n }\n return swiper.slideTo(swiper.activeIndex + increment, speed, runCallbacks, internal);\n}\n\n/* eslint no-unused-vars: \"off\" */\nfunction slidePrev(speed, runCallbacks, internal) {\n if (speed === void 0) {\n speed = this.params.speed;\n }\n if (runCallbacks === void 0) {\n runCallbacks = true;\n }\n const swiper = this;\n const {\n params,\n snapGrid,\n slidesGrid,\n rtlTranslate,\n enabled,\n animating\n } = swiper;\n if (!enabled) return swiper;\n const isVirtual = swiper.virtual && params.virtual.enabled;\n if (params.loop) {\n if (animating && !isVirtual && params.loopPreventsSliding) return false;\n swiper.loopFix({\n direction: 'prev'\n });\n // eslint-disable-next-line\n swiper._clientLeft = swiper.wrapperEl.clientLeft;\n }\n const translate = rtlTranslate ? swiper.translate : -swiper.translate;\n function normalize(val) {\n if (val < 0) return -Math.floor(Math.abs(val));\n return Math.floor(val);\n }\n const normalizedTranslate = normalize(translate);\n const normalizedSnapGrid = snapGrid.map(val => normalize(val));\n let prevSnap = snapGrid[normalizedSnapGrid.indexOf(normalizedTranslate) - 1];\n if (typeof prevSnap === 'undefined' && params.cssMode) {\n let prevSnapIndex;\n snapGrid.forEach((snap, snapIndex) => {\n if (normalizedTranslate >= snap) {\n // prevSnap = snap;\n prevSnapIndex = snapIndex;\n }\n });\n if (typeof prevSnapIndex !== 'undefined') {\n prevSnap = snapGrid[prevSnapIndex > 0 ? prevSnapIndex - 1 : prevSnapIndex];\n }\n }\n let prevIndex = 0;\n if (typeof prevSnap !== 'undefined') {\n prevIndex = slidesGrid.indexOf(prevSnap);\n if (prevIndex < 0) prevIndex = swiper.activeIndex - 1;\n if (params.slidesPerView === 'auto' && params.slidesPerGroup === 1 && params.slidesPerGroupAuto) {\n prevIndex = prevIndex - swiper.slidesPerViewDynamic('previous', true) + 1;\n prevIndex = Math.max(prevIndex, 0);\n }\n }\n if (params.rewind && swiper.isBeginning) {\n const lastIndex = swiper.params.virtual && swiper.params.virtual.enabled && swiper.virtual ? swiper.virtual.slides.length - 1 : swiper.slides.length - 1;\n return swiper.slideTo(lastIndex, speed, runCallbacks, internal);\n }\n return swiper.slideTo(prevIndex, speed, runCallbacks, internal);\n}\n\n/* eslint no-unused-vars: \"off\" */\nfunction slideReset(speed, runCallbacks, internal) {\n if (speed === void 0) {\n speed = this.params.speed;\n }\n if (runCallbacks === void 0) {\n runCallbacks = true;\n }\n const swiper = this;\n return swiper.slideTo(swiper.activeIndex, speed, runCallbacks, internal);\n}\n\n/* eslint no-unused-vars: \"off\" */\nfunction slideToClosest(speed, runCallbacks, internal, threshold) {\n if (speed === void 0) {\n speed = this.params.speed;\n }\n if (runCallbacks === void 0) {\n runCallbacks = true;\n }\n if (threshold === void 0) {\n threshold = 0.5;\n }\n const swiper = this;\n let index = swiper.activeIndex;\n const skip = Math.min(swiper.params.slidesPerGroupSkip, index);\n const snapIndex = skip + Math.floor((index - skip) / swiper.params.slidesPerGroup);\n const translate = swiper.rtlTranslate ? swiper.translate : -swiper.translate;\n if (translate >= swiper.snapGrid[snapIndex]) {\n // The current translate is on or after the current snap index, so the choice\n // is between the current index and the one after it.\n const currentSnap = swiper.snapGrid[snapIndex];\n const nextSnap = swiper.snapGrid[snapIndex + 1];\n if (translate - currentSnap > (nextSnap - currentSnap) * threshold) {\n index += swiper.params.slidesPerGroup;\n }\n } else {\n // The current translate is before the current snap index, so the choice\n // is between the current index and the one before it.\n const prevSnap = swiper.snapGrid[snapIndex - 1];\n const currentSnap = swiper.snapGrid[snapIndex];\n if (translate - prevSnap <= (currentSnap - prevSnap) * threshold) {\n index -= swiper.params.slidesPerGroup;\n }\n }\n index = Math.max(index, 0);\n index = Math.min(index, swiper.slidesGrid.length - 1);\n return swiper.slideTo(index, speed, runCallbacks, internal);\n}\n\nfunction slideToClickedSlide() {\n const swiper = this;\n const {\n params,\n slidesEl\n } = swiper;\n const slidesPerView = params.slidesPerView === 'auto' ? swiper.slidesPerViewDynamic() : params.slidesPerView;\n let slideToIndex = swiper.clickedIndex;\n let realIndex;\n const slideSelector = swiper.isElement ? `swiper-slide` : `.${params.slideClass}`;\n if (params.loop) {\n if (swiper.animating) return;\n realIndex = parseInt(swiper.clickedSlide.getAttribute('data-swiper-slide-index'), 10);\n if (params.centeredSlides) {\n if (slideToIndex < swiper.loopedSlides - slidesPerView / 2 || slideToIndex > swiper.slides.length - swiper.loopedSlides + slidesPerView / 2) {\n swiper.loopFix();\n slideToIndex = swiper.getSlideIndex(elementChildren(slidesEl, `${slideSelector}[data-swiper-slide-index=\"${realIndex}\"]`)[0]);\n nextTick(() => {\n swiper.slideTo(slideToIndex);\n });\n } else {\n swiper.slideTo(slideToIndex);\n }\n } else if (slideToIndex > swiper.slides.length - slidesPerView) {\n swiper.loopFix();\n slideToIndex = swiper.getSlideIndex(elementChildren(slidesEl, `${slideSelector}[data-swiper-slide-index=\"${realIndex}\"]`)[0]);\n nextTick(() => {\n swiper.slideTo(slideToIndex);\n });\n } else {\n swiper.slideTo(slideToIndex);\n }\n } else {\n swiper.slideTo(slideToIndex);\n }\n}\n\nvar slide = {\n slideTo,\n slideToLoop,\n slideNext,\n slidePrev,\n slideReset,\n slideToClosest,\n slideToClickedSlide\n};\n\nfunction loopCreate(slideRealIndex) {\n const swiper = this;\n const {\n params,\n slidesEl\n } = swiper;\n if (!params.loop || swiper.virtual && swiper.params.virtual.enabled) return;\n const slides = elementChildren(slidesEl, `.${params.slideClass}, swiper-slide`);\n slides.forEach((el, index) => {\n el.setAttribute('data-swiper-slide-index', index);\n });\n swiper.loopFix({\n slideRealIndex,\n direction: params.centeredSlides ? undefined : 'next'\n });\n}\n\nfunction loopFix(_temp) {\n let {\n slideRealIndex,\n slideTo = true,\n direction,\n setTranslate,\n activeSlideIndex,\n byController,\n byMousewheel\n } = _temp === void 0 ? {} : _temp;\n const swiper = this;\n if (!swiper.params.loop) return;\n swiper.emit('beforeLoopFix');\n const {\n slides,\n allowSlidePrev,\n allowSlideNext,\n slidesEl,\n params\n } = swiper;\n swiper.allowSlidePrev = true;\n swiper.allowSlideNext = true;\n if (swiper.virtual && params.virtual.enabled) {\n if (slideTo) {\n if (!params.centeredSlides && swiper.snapIndex === 0) {\n swiper.slideTo(swiper.virtual.slides.length, 0, false, true);\n } else if (params.centeredSlides && swiper.snapIndex < params.slidesPerView) {\n swiper.slideTo(swiper.virtual.slides.length + swiper.snapIndex, 0, false, true);\n } else if (swiper.snapIndex === swiper.snapGrid.length - 1) {\n swiper.slideTo(swiper.virtual.slidesBefore, 0, false, true);\n }\n }\n swiper.allowSlidePrev = allowSlidePrev;\n swiper.allowSlideNext = allowSlideNext;\n swiper.emit('loopFix');\n return;\n }\n const slidesPerView = params.slidesPerView === 'auto' ? swiper.slidesPerViewDynamic() : Math.ceil(parseFloat(params.slidesPerView, 10));\n let loopedSlides = params.loopedSlides || slidesPerView;\n if (loopedSlides % params.slidesPerGroup !== 0) {\n loopedSlides += params.slidesPerGroup - loopedSlides % params.slidesPerGroup;\n }\n swiper.loopedSlides = loopedSlides;\n const prependSlidesIndexes = [];\n const appendSlidesIndexes = [];\n let activeIndex = swiper.activeIndex;\n if (typeof activeSlideIndex === 'undefined') {\n activeSlideIndex = swiper.getSlideIndex(swiper.slides.filter(el => el.classList.contains(params.slideActiveClass))[0]);\n } else {\n activeIndex = activeSlideIndex;\n }\n const isNext = direction === 'next' || !direction;\n const isPrev = direction === 'prev' || !direction;\n let slidesPrepended = 0;\n let slidesAppended = 0;\n // prepend last slides before start\n if (activeSlideIndex < loopedSlides) {\n slidesPrepended = Math.max(loopedSlides - activeSlideIndex, params.slidesPerGroup);\n for (let i = 0; i < loopedSlides - activeSlideIndex; i += 1) {\n const index = i - Math.floor(i / slides.length) * slides.length;\n prependSlidesIndexes.push(slides.length - index - 1);\n }\n } else if (activeSlideIndex /* + slidesPerView */ > swiper.slides.length - loopedSlides * 2) {\n slidesAppended = Math.max(activeSlideIndex - (swiper.slides.length - loopedSlides * 2), params.slidesPerGroup);\n for (let i = 0; i < slidesAppended; i += 1) {\n const index = i - Math.floor(i / slides.length) * slides.length;\n appendSlidesIndexes.push(index);\n }\n }\n if (isPrev) {\n prependSlidesIndexes.forEach(index => {\n swiper.slides[index].swiperLoopMoveDOM = true;\n slidesEl.prepend(swiper.slides[index]);\n swiper.slides[index].swiperLoopMoveDOM = false;\n });\n }\n if (isNext) {\n appendSlidesIndexes.forEach(index => {\n swiper.slides[index].swiperLoopMoveDOM = true;\n slidesEl.append(swiper.slides[index]);\n swiper.slides[index].swiperLoopMoveDOM = false;\n });\n }\n swiper.recalcSlides();\n if (params.slidesPerView === 'auto') {\n swiper.updateSlides();\n }\n if (params.watchSlidesProgress) {\n swiper.updateSlidesOffset();\n }\n if (slideTo) {\n if (prependSlidesIndexes.length > 0 && isPrev) {\n if (typeof slideRealIndex === 'undefined') {\n const currentSlideTranslate = swiper.slidesGrid[activeIndex];\n const newSlideTranslate = swiper.slidesGrid[activeIndex + slidesPrepended];\n const diff = newSlideTranslate - currentSlideTranslate;\n if (byMousewheel) {\n swiper.setTranslate(swiper.translate - diff);\n } else {\n swiper.slideTo(activeIndex + slidesPrepended, 0, false, true);\n if (setTranslate) {\n swiper.touches[swiper.isHorizontal() ? 'startX' : 'startY'] += diff;\n swiper.touchEventsData.currentTranslate = swiper.translate;\n }\n }\n } else {\n if (setTranslate) {\n swiper.slideToLoop(slideRealIndex, 0, false, true);\n swiper.touchEventsData.currentTranslate = swiper.translate;\n }\n }\n } else if (appendSlidesIndexes.length > 0 && isNext) {\n if (typeof slideRealIndex === 'undefined') {\n const currentSlideTranslate = swiper.slidesGrid[activeIndex];\n const newSlideTranslate = swiper.slidesGrid[activeIndex - slidesAppended];\n const diff = newSlideTranslate - currentSlideTranslate;\n if (byMousewheel) {\n swiper.setTranslate(swiper.translate - diff);\n } else {\n swiper.slideTo(activeIndex - slidesAppended, 0, false, true);\n if (setTranslate) {\n swiper.touches[swiper.isHorizontal() ? 'startX' : 'startY'] += diff;\n swiper.touchEventsData.currentTranslate = swiper.translate;\n }\n }\n } else {\n swiper.slideToLoop(slideRealIndex, 0, false, true);\n }\n }\n }\n swiper.allowSlidePrev = allowSlidePrev;\n swiper.allowSlideNext = allowSlideNext;\n if (swiper.controller && swiper.controller.control && !byController) {\n const loopParams = {\n slideRealIndex,\n direction,\n setTranslate,\n activeSlideIndex,\n byController: true\n };\n if (Array.isArray(swiper.controller.control)) {\n swiper.controller.control.forEach(c => {\n if (!c.destroyed && c.params.loop) c.loopFix({\n ...loopParams,\n slideTo: c.params.slidesPerView === params.slidesPerView ? slideTo : false\n });\n });\n } else if (swiper.controller.control instanceof swiper.constructor && swiper.controller.control.params.loop) {\n swiper.controller.control.loopFix({\n ...loopParams,\n slideTo: swiper.controller.control.params.slidesPerView === params.slidesPerView ? slideTo : false\n });\n }\n }\n swiper.emit('loopFix');\n}\n\nfunction loopDestroy() {\n const swiper = this;\n const {\n params,\n slidesEl\n } = swiper;\n if (!params.loop || swiper.virtual && swiper.params.virtual.enabled) return;\n swiper.recalcSlides();\n const newSlidesOrder = [];\n swiper.slides.forEach(slideEl => {\n const index = typeof slideEl.swiperSlideIndex === 'undefined' ? slideEl.getAttribute('data-swiper-slide-index') * 1 : slideEl.swiperSlideIndex;\n newSlidesOrder[index] = slideEl;\n });\n swiper.slides.forEach(slideEl => {\n slideEl.removeAttribute('data-swiper-slide-index');\n });\n newSlidesOrder.forEach(slideEl => {\n slidesEl.append(slideEl);\n });\n swiper.recalcSlides();\n swiper.slideTo(swiper.realIndex, 0);\n}\n\nvar loop = {\n loopCreate,\n loopFix,\n loopDestroy\n};\n\nfunction setGrabCursor(moving) {\n const swiper = this;\n if (!swiper.params.simulateTouch || swiper.params.watchOverflow && swiper.isLocked || swiper.params.cssMode) return;\n const el = swiper.params.touchEventsTarget === 'container' ? swiper.el : swiper.wrapperEl;\n if (swiper.isElement) {\n swiper.__preventObserver__ = true;\n }\n el.style.cursor = 'move';\n el.style.cursor = moving ? 'grabbing' : 'grab';\n if (swiper.isElement) {\n requestAnimationFrame(() => {\n swiper.__preventObserver__ = false;\n });\n }\n}\n\nfunction unsetGrabCursor() {\n const swiper = this;\n if (swiper.params.watchOverflow && swiper.isLocked || swiper.params.cssMode) {\n return;\n }\n if (swiper.isElement) {\n swiper.__preventObserver__ = true;\n }\n swiper[swiper.params.touchEventsTarget === 'container' ? 'el' : 'wrapperEl'].style.cursor = '';\n if (swiper.isElement) {\n requestAnimationFrame(() => {\n swiper.__preventObserver__ = false;\n });\n }\n}\n\nvar grabCursor = {\n setGrabCursor,\n unsetGrabCursor\n};\n\n// Modified from https://stackoverflow.com/questions/54520554/custom-element-getrootnode-closest-function-crossing-multiple-parent-shadowd\nfunction closestElement(selector, base) {\n if (base === void 0) {\n base = this;\n }\n function __closestFrom(el) {\n if (!el || el === getDocument() || el === getWindow()) return null;\n if (el.assignedSlot) el = el.assignedSlot;\n const found = el.closest(selector);\n if (!found && !el.getRootNode) {\n return null;\n }\n return found || __closestFrom(el.getRootNode().host);\n }\n return __closestFrom(base);\n}\nfunction onTouchStart(event) {\n const swiper = this;\n const document = getDocument();\n const window = getWindow();\n const data = swiper.touchEventsData;\n data.evCache.push(event);\n const {\n params,\n touches,\n enabled\n } = swiper;\n if (!enabled) return;\n if (!params.simulateTouch && event.pointerType === 'mouse') return;\n if (swiper.animating && params.preventInteractionOnTransition) {\n return;\n }\n if (!swiper.animating && params.cssMode && params.loop) {\n swiper.loopFix();\n }\n let e = event;\n if (e.originalEvent) e = e.originalEvent;\n let targetEl = e.target;\n if (params.touchEventsTarget === 'wrapper') {\n if (!swiper.wrapperEl.contains(targetEl)) return;\n }\n if ('which' in e && e.which === 3) return;\n if ('button' in e && e.button > 0) return;\n if (data.isTouched && data.isMoved) return;\n\n // change target el for shadow root component\n const swipingClassHasValue = !!params.noSwipingClass && params.noSwipingClass !== '';\n // eslint-disable-next-line\n const eventPath = event.composedPath ? event.composedPath() : event.path;\n if (swipingClassHasValue && e.target && e.target.shadowRoot && eventPath) {\n targetEl = eventPath[0];\n }\n const noSwipingSelector = params.noSwipingSelector ? params.noSwipingSelector : `.${params.noSwipingClass}`;\n const isTargetShadow = !!(e.target && e.target.shadowRoot);\n\n // use closestElement for shadow root element to get the actual closest for nested shadow root element\n if (params.noSwiping && (isTargetShadow ? closestElement(noSwipingSelector, targetEl) : targetEl.closest(noSwipingSelector))) {\n swiper.allowClick = true;\n return;\n }\n if (params.swipeHandler) {\n if (!targetEl.closest(params.swipeHandler)) return;\n }\n touches.currentX = e.pageX;\n touches.currentY = e.pageY;\n const startX = touches.currentX;\n const startY = touches.currentY;\n\n // Do NOT start if iOS edge swipe is detected. Otherwise iOS app cannot swipe-to-go-back anymore\n\n const edgeSwipeDetection = params.edgeSwipeDetection || params.iOSEdgeSwipeDetection;\n const edgeSwipeThreshold = params.edgeSwipeThreshold || params.iOSEdgeSwipeThreshold;\n if (edgeSwipeDetection && (startX <= edgeSwipeThreshold || startX >= window.innerWidth - edgeSwipeThreshold)) {\n if (edgeSwipeDetection === 'prevent') {\n event.preventDefault();\n } else {\n return;\n }\n }\n Object.assign(data, {\n isTouched: true,\n isMoved: false,\n allowTouchCallbacks: true,\n isScrolling: undefined,\n startMoving: undefined\n });\n touches.startX = startX;\n touches.startY = startY;\n data.touchStartTime = now();\n swiper.allowClick = true;\n swiper.updateSize();\n swiper.swipeDirection = undefined;\n if (params.threshold > 0) data.allowThresholdMove = false;\n let preventDefault = true;\n if (targetEl.matches(data.focusableElements)) {\n preventDefault = false;\n if (targetEl.nodeName === 'SELECT') {\n data.isTouched = false;\n }\n }\n if (document.activeElement && document.activeElement.matches(data.focusableElements) && document.activeElement !== targetEl) {\n document.activeElement.blur();\n }\n const shouldPreventDefault = preventDefault && swiper.allowTouchMove && params.touchStartPreventDefault;\n if ((params.touchStartForcePreventDefault || shouldPreventDefault) && !targetEl.isContentEditable) {\n e.preventDefault();\n }\n if (params.freeMode && params.freeMode.enabled && swiper.freeMode && swiper.animating && !params.cssMode) {\n swiper.freeMode.onTouchStart();\n }\n swiper.emit('touchStart', e);\n}\n\nfunction onTouchMove(event) {\n const document = getDocument();\n const swiper = this;\n const data = swiper.touchEventsData;\n const {\n params,\n touches,\n rtlTranslate: rtl,\n enabled\n } = swiper;\n if (!enabled) return;\n if (!params.simulateTouch && event.pointerType === 'mouse') return;\n let e = event;\n if (e.originalEvent) e = e.originalEvent;\n if (!data.isTouched) {\n if (data.startMoving && data.isScrolling) {\n swiper.emit('touchMoveOpposite', e);\n }\n return;\n }\n const pointerIndex = data.evCache.findIndex(cachedEv => cachedEv.pointerId === e.pointerId);\n if (pointerIndex >= 0) data.evCache[pointerIndex] = e;\n const targetTouch = data.evCache.length > 1 ? data.evCache[0] : e;\n const pageX = targetTouch.pageX;\n const pageY = targetTouch.pageY;\n if (e.preventedByNestedSwiper) {\n touches.startX = pageX;\n touches.startY = pageY;\n return;\n }\n if (!swiper.allowTouchMove) {\n if (!e.target.matches(data.focusableElements)) {\n swiper.allowClick = false;\n }\n if (data.isTouched) {\n Object.assign(touches, {\n startX: pageX,\n startY: pageY,\n prevX: swiper.touches.currentX,\n prevY: swiper.touches.currentY,\n currentX: pageX,\n currentY: pageY\n });\n data.touchStartTime = now();\n }\n return;\n }\n if (params.touchReleaseOnEdges && !params.loop) {\n if (swiper.isVertical()) {\n // Vertical\n if (pageY < touches.startY && swiper.translate <= swiper.maxTranslate() || pageY > touches.startY && swiper.translate >= swiper.minTranslate()) {\n data.isTouched = false;\n data.isMoved = false;\n return;\n }\n } else if (pageX < touches.startX && swiper.translate <= swiper.maxTranslate() || pageX > touches.startX && swiper.translate >= swiper.minTranslate()) {\n return;\n }\n }\n if (document.activeElement) {\n if (e.target === document.activeElement && e.target.matches(data.focusableElements)) {\n data.isMoved = true;\n swiper.allowClick = false;\n return;\n }\n }\n if (data.allowTouchCallbacks) {\n swiper.emit('touchMove', e);\n }\n if (e.targetTouches && e.targetTouches.length > 1) return;\n touches.currentX = pageX;\n touches.currentY = pageY;\n const diffX = touches.currentX - touches.startX;\n const diffY = touches.currentY - touches.startY;\n if (swiper.params.threshold && Math.sqrt(diffX ** 2 + diffY ** 2) < swiper.params.threshold) return;\n if (typeof data.isScrolling === 'undefined') {\n let touchAngle;\n if (swiper.isHorizontal() && touches.currentY === touches.startY || swiper.isVertical() && touches.currentX === touches.startX) {\n data.isScrolling = false;\n } else {\n // eslint-disable-next-line\n if (diffX * diffX + diffY * diffY >= 25) {\n touchAngle = Math.atan2(Math.abs(diffY), Math.abs(diffX)) * 180 / Math.PI;\n data.isScrolling = swiper.isHorizontal() ? touchAngle > params.touchAngle : 90 - touchAngle > params.touchAngle;\n }\n }\n }\n if (data.isScrolling) {\n swiper.emit('touchMoveOpposite', e);\n }\n if (typeof data.startMoving === 'undefined') {\n if (touches.currentX !== touches.startX || touches.currentY !== touches.startY) {\n data.startMoving = true;\n }\n }\n if (data.isScrolling || swiper.zoom && swiper.params.zoom && swiper.params.zoom.enabled && data.evCache.length > 1) {\n data.isTouched = false;\n return;\n }\n if (!data.startMoving) {\n return;\n }\n swiper.allowClick = false;\n if (!params.cssMode && e.cancelable) {\n e.preventDefault();\n }\n if (params.touchMoveStopPropagation && !params.nested) {\n e.stopPropagation();\n }\n let diff = swiper.isHorizontal() ? diffX : diffY;\n let touchesDiff = swiper.isHorizontal() ? touches.currentX - touches.previousX : touches.currentY - touches.previousY;\n if (params.oneWayMovement) {\n diff = Math.abs(diff) * (rtl ? 1 : -1);\n touchesDiff = Math.abs(touchesDiff) * (rtl ? 1 : -1);\n }\n touches.diff = diff;\n diff *= params.touchRatio;\n if (rtl) {\n diff = -diff;\n touchesDiff = -touchesDiff;\n }\n const prevTouchesDirection = swiper.touchesDirection;\n swiper.swipeDirection = diff > 0 ? 'prev' : 'next';\n swiper.touchesDirection = touchesDiff > 0 ? 'prev' : 'next';\n const isLoop = swiper.params.loop && !params.cssMode;\n if (!data.isMoved) {\n if (isLoop) {\n swiper.loopFix({\n direction: swiper.swipeDirection\n });\n }\n data.startTranslate = swiper.getTranslate();\n swiper.setTransition(0);\n if (swiper.animating) {\n const evt = new window.CustomEvent('transitionend', {\n bubbles: true,\n cancelable: true\n });\n swiper.wrapperEl.dispatchEvent(evt);\n }\n data.allowMomentumBounce = false;\n // Grab Cursor\n if (params.grabCursor && (swiper.allowSlideNext === true || swiper.allowSlidePrev === true)) {\n swiper.setGrabCursor(true);\n }\n swiper.emit('sliderFirstMove', e);\n }\n let loopFixed;\n if (data.isMoved && prevTouchesDirection !== swiper.touchesDirection && isLoop && Math.abs(diff) >= 1) {\n // need another loop fix\n swiper.loopFix({\n direction: swiper.swipeDirection,\n setTranslate: true\n });\n loopFixed = true;\n }\n swiper.emit('sliderMove', e);\n data.isMoved = true;\n data.currentTranslate = diff + data.startTranslate;\n let disableParentSwiper = true;\n let resistanceRatio = params.resistanceRatio;\n if (params.touchReleaseOnEdges) {\n resistanceRatio = 0;\n }\n if (diff > 0) {\n if (isLoop && !loopFixed && data.currentTranslate > (params.centeredSlides ? swiper.minTranslate() - swiper.size / 2 : swiper.minTranslate())) {\n swiper.loopFix({\n direction: 'prev',\n setTranslate: true,\n activeSlideIndex: 0\n });\n }\n if (data.currentTranslate > swiper.minTranslate()) {\n disableParentSwiper = false;\n if (params.resistance) {\n data.currentTranslate = swiper.minTranslate() - 1 + (-swiper.minTranslate() + data.startTranslate + diff) ** resistanceRatio;\n }\n }\n } else if (diff < 0) {\n if (isLoop && !loopFixed && data.currentTranslate < (params.centeredSlides ? swiper.maxTranslate() + swiper.size / 2 : swiper.maxTranslate())) {\n swiper.loopFix({\n direction: 'next',\n setTranslate: true,\n activeSlideIndex: swiper.slides.length - (params.slidesPerView === 'auto' ? swiper.slidesPerViewDynamic() : Math.ceil(parseFloat(params.slidesPerView, 10)))\n });\n }\n if (data.currentTranslate < swiper.maxTranslate()) {\n disableParentSwiper = false;\n if (params.resistance) {\n data.currentTranslate = swiper.maxTranslate() + 1 - (swiper.maxTranslate() - data.startTranslate - diff) ** resistanceRatio;\n }\n }\n }\n if (disableParentSwiper) {\n e.preventedByNestedSwiper = true;\n }\n\n // Directions locks\n if (!swiper.allowSlideNext && swiper.swipeDirection === 'next' && data.currentTranslate < data.startTranslate) {\n data.currentTranslate = data.startTranslate;\n }\n if (!swiper.allowSlidePrev && swiper.swipeDirection === 'prev' && data.currentTranslate > data.startTranslate) {\n data.currentTranslate = data.startTranslate;\n }\n if (!swiper.allowSlidePrev && !swiper.allowSlideNext) {\n data.currentTranslate = data.startTranslate;\n }\n\n // Threshold\n if (params.threshold > 0) {\n if (Math.abs(diff) > params.threshold || data.allowThresholdMove) {\n if (!data.allowThresholdMove) {\n data.allowThresholdMove = true;\n touches.startX = touches.currentX;\n touches.startY = touches.currentY;\n data.currentTranslate = data.startTranslate;\n touches.diff = swiper.isHorizontal() ? touches.currentX - touches.startX : touches.currentY - touches.startY;\n return;\n }\n } else {\n data.currentTranslate = data.startTranslate;\n return;\n }\n }\n if (!params.followFinger || params.cssMode) return;\n\n // Update active index in free mode\n if (params.freeMode && params.freeMode.enabled && swiper.freeMode || params.watchSlidesProgress) {\n swiper.updateActiveIndex();\n swiper.updateSlidesClasses();\n }\n if (params.freeMode && params.freeMode.enabled && swiper.freeMode) {\n swiper.freeMode.onTouchMove();\n }\n // Update progress\n swiper.updateProgress(data.currentTranslate);\n // Update translate\n swiper.setTranslate(data.currentTranslate);\n}\n\nfunction onTouchEnd(event) {\n const swiper = this;\n const data = swiper.touchEventsData;\n const pointerIndex = data.evCache.findIndex(cachedEv => cachedEv.pointerId === event.pointerId);\n if (pointerIndex >= 0) {\n data.evCache.splice(pointerIndex, 1);\n }\n if (['pointercancel', 'pointerout', 'pointerleave', 'contextmenu'].includes(event.type)) {\n const proceed = ['pointercancel', 'contextmenu'].includes(event.type) && (swiper.browser.isSafari || swiper.browser.isWebView);\n if (!proceed) {\n return;\n }\n }\n const {\n params,\n touches,\n rtlTranslate: rtl,\n slidesGrid,\n enabled\n } = swiper;\n if (!enabled) return;\n if (!params.simulateTouch && event.pointerType === 'mouse') return;\n let e = event;\n if (e.originalEvent) e = e.originalEvent;\n if (data.allowTouchCallbacks) {\n swiper.emit('touchEnd', e);\n }\n data.allowTouchCallbacks = false;\n if (!data.isTouched) {\n if (data.isMoved && params.grabCursor) {\n swiper.setGrabCursor(false);\n }\n data.isMoved = false;\n data.startMoving = false;\n return;\n }\n // Return Grab Cursor\n if (params.grabCursor && data.isMoved && data.isTouched && (swiper.allowSlideNext === true || swiper.allowSlidePrev === true)) {\n swiper.setGrabCursor(false);\n }\n\n // Time diff\n const touchEndTime = now();\n const timeDiff = touchEndTime - data.touchStartTime;\n\n // Tap, doubleTap, Click\n if (swiper.allowClick) {\n const pathTree = e.path || e.composedPath && e.composedPath();\n swiper.updateClickedSlide(pathTree && pathTree[0] || e.target);\n swiper.emit('tap click', e);\n if (timeDiff < 300 && touchEndTime - data.lastClickTime < 300) {\n swiper.emit('doubleTap doubleClick', e);\n }\n }\n data.lastClickTime = now();\n nextTick(() => {\n if (!swiper.destroyed) swiper.allowClick = true;\n });\n if (!data.isTouched || !data.isMoved || !swiper.swipeDirection || touches.diff === 0 || data.currentTranslate === data.startTranslate) {\n data.isTouched = false;\n data.isMoved = false;\n data.startMoving = false;\n return;\n }\n data.isTouched = false;\n data.isMoved = false;\n data.startMoving = false;\n let currentPos;\n if (params.followFinger) {\n currentPos = rtl ? swiper.translate : -swiper.translate;\n } else {\n currentPos = -data.currentTranslate;\n }\n if (params.cssMode) {\n return;\n }\n if (params.freeMode && params.freeMode.enabled) {\n swiper.freeMode.onTouchEnd({\n currentPos\n });\n return;\n }\n\n // Find current slide\n let stopIndex = 0;\n let groupSize = swiper.slidesSizesGrid[0];\n for (let i = 0; i < slidesGrid.length; i += i < params.slidesPerGroupSkip ? 1 : params.slidesPerGroup) {\n const increment = i < params.slidesPerGroupSkip - 1 ? 1 : params.slidesPerGroup;\n if (typeof slidesGrid[i + increment] !== 'undefined') {\n if (currentPos >= slidesGrid[i] && currentPos < slidesGrid[i + increment]) {\n stopIndex = i;\n groupSize = slidesGrid[i + increment] - slidesGrid[i];\n }\n } else if (currentPos >= slidesGrid[i]) {\n stopIndex = i;\n groupSize = slidesGrid[slidesGrid.length - 1] - slidesGrid[slidesGrid.length - 2];\n }\n }\n let rewindFirstIndex = null;\n let rewindLastIndex = null;\n if (params.rewind) {\n if (swiper.isBeginning) {\n rewindLastIndex = params.virtual && params.virtual.enabled && swiper.virtual ? swiper.virtual.slides.length - 1 : swiper.slides.length - 1;\n } else if (swiper.isEnd) {\n rewindFirstIndex = 0;\n }\n }\n // Find current slide size\n const ratio = (currentPos - slidesGrid[stopIndex]) / groupSize;\n const increment = stopIndex < params.slidesPerGroupSkip - 1 ? 1 : params.slidesPerGroup;\n if (timeDiff > params.longSwipesMs) {\n // Long touches\n if (!params.longSwipes) {\n swiper.slideTo(swiper.activeIndex);\n return;\n }\n if (swiper.swipeDirection === 'next') {\n if (ratio >= params.longSwipesRatio) swiper.slideTo(params.rewind && swiper.isEnd ? rewindFirstIndex : stopIndex + increment);else swiper.slideTo(stopIndex);\n }\n if (swiper.swipeDirection === 'prev') {\n if (ratio > 1 - params.longSwipesRatio) {\n swiper.slideTo(stopIndex + increment);\n } else if (rewindLastIndex !== null && ratio < 0 && Math.abs(ratio) > params.longSwipesRatio) {\n swiper.slideTo(rewindLastIndex);\n } else {\n swiper.slideTo(stopIndex);\n }\n }\n } else {\n // Short swipes\n if (!params.shortSwipes) {\n swiper.slideTo(swiper.activeIndex);\n return;\n }\n const isNavButtonTarget = swiper.navigation && (e.target === swiper.navigation.nextEl || e.target === swiper.navigation.prevEl);\n if (!isNavButtonTarget) {\n if (swiper.swipeDirection === 'next') {\n swiper.slideTo(rewindFirstIndex !== null ? rewindFirstIndex : stopIndex + increment);\n }\n if (swiper.swipeDirection === 'prev') {\n swiper.slideTo(rewindLastIndex !== null ? rewindLastIndex : stopIndex);\n }\n } else if (e.target === swiper.navigation.nextEl) {\n swiper.slideTo(stopIndex + increment);\n } else {\n swiper.slideTo(stopIndex);\n }\n }\n}\n\nfunction onResize() {\n const swiper = this;\n const {\n params,\n el\n } = swiper;\n if (el && el.offsetWidth === 0) return;\n\n // Breakpoints\n if (params.breakpoints) {\n swiper.setBreakpoint();\n }\n\n // Save locks\n const {\n allowSlideNext,\n allowSlidePrev,\n snapGrid\n } = swiper;\n const isVirtual = swiper.virtual && swiper.params.virtual.enabled;\n\n // Disable locks on resize\n swiper.allowSlideNext = true;\n swiper.allowSlidePrev = true;\n swiper.updateSize();\n swiper.updateSlides();\n swiper.updateSlidesClasses();\n const isVirtualLoop = isVirtual && params.loop;\n if ((params.slidesPerView === 'auto' || params.slidesPerView > 1) && swiper.isEnd && !swiper.isBeginning && !swiper.params.centeredSlides && !isVirtualLoop) {\n swiper.slideTo(swiper.slides.length - 1, 0, false, true);\n } else {\n if (swiper.params.loop && !isVirtual) {\n swiper.slideToLoop(swiper.realIndex, 0, false, true);\n } else {\n swiper.slideTo(swiper.activeIndex, 0, false, true);\n }\n }\n if (swiper.autoplay && swiper.autoplay.running && swiper.autoplay.paused) {\n clearTimeout(swiper.autoplay.resizeTimeout);\n swiper.autoplay.resizeTimeout = setTimeout(() => {\n if (swiper.autoplay && swiper.autoplay.running && swiper.autoplay.paused) {\n swiper.autoplay.resume();\n }\n }, 500);\n }\n // Return locks after resize\n swiper.allowSlidePrev = allowSlidePrev;\n swiper.allowSlideNext = allowSlideNext;\n if (swiper.params.watchOverflow && snapGrid !== swiper.snapGrid) {\n swiper.checkOverflow();\n }\n}\n\nfunction onClick(e) {\n const swiper = this;\n if (!swiper.enabled) return;\n if (!swiper.allowClick) {\n if (swiper.params.preventClicks) e.preventDefault();\n if (swiper.params.preventClicksPropagation && swiper.animating) {\n e.stopPropagation();\n e.stopImmediatePropagation();\n }\n }\n}\n\nfunction onScroll() {\n const swiper = this;\n const {\n wrapperEl,\n rtlTranslate,\n enabled\n } = swiper;\n if (!enabled) return;\n swiper.previousTranslate = swiper.translate;\n if (swiper.isHorizontal()) {\n swiper.translate = -wrapperEl.scrollLeft;\n } else {\n swiper.translate = -wrapperEl.scrollTop;\n }\n // eslint-disable-next-line\n if (swiper.translate === 0) swiper.translate = 0;\n swiper.updateActiveIndex();\n swiper.updateSlidesClasses();\n let newProgress;\n const translatesDiff = swiper.maxTranslate() - swiper.minTranslate();\n if (translatesDiff === 0) {\n newProgress = 0;\n } else {\n newProgress = (swiper.translate - swiper.minTranslate()) / translatesDiff;\n }\n if (newProgress !== swiper.progress) {\n swiper.updateProgress(rtlTranslate ? -swiper.translate : swiper.translate);\n }\n swiper.emit('setTranslate', swiper.translate, false);\n}\n\nfunction onLoad(e) {\n const swiper = this;\n processLazyPreloader(swiper, e.target);\n if (swiper.params.cssMode || swiper.params.slidesPerView !== 'auto' && !swiper.params.autoHeight) {\n return;\n }\n swiper.update();\n}\n\nlet dummyEventAttached = false;\nfunction dummyEventListener() {}\nconst events = (swiper, method) => {\n const document = getDocument();\n const {\n params,\n el,\n wrapperEl,\n device\n } = swiper;\n const capture = !!params.nested;\n const domMethod = method === 'on' ? 'addEventListener' : 'removeEventListener';\n const swiperMethod = method;\n\n // Touch Events\n el[domMethod]('pointerdown', swiper.onTouchStart, {\n passive: false\n });\n document[domMethod]('pointermove', swiper.onTouchMove, {\n passive: false,\n capture\n });\n document[domMethod]('pointerup', swiper.onTouchEnd, {\n passive: true\n });\n document[domMethod]('pointercancel', swiper.onTouchEnd, {\n passive: true\n });\n document[domMethod]('pointerout', swiper.onTouchEnd, {\n passive: true\n });\n document[domMethod]('pointerleave', swiper.onTouchEnd, {\n passive: true\n });\n document[domMethod]('contextmenu', swiper.onTouchEnd, {\n passive: true\n });\n\n // Prevent Links Clicks\n if (params.preventClicks || params.preventClicksPropagation) {\n el[domMethod]('click', swiper.onClick, true);\n }\n if (params.cssMode) {\n wrapperEl[domMethod]('scroll', swiper.onScroll);\n }\n\n // Resize handler\n if (params.updateOnWindowResize) {\n swiper[swiperMethod](device.ios || device.android ? 'resize orientationchange observerUpdate' : 'resize observerUpdate', onResize, true);\n } else {\n swiper[swiperMethod]('observerUpdate', onResize, true);\n }\n\n // Images loader\n el[domMethod]('load', swiper.onLoad, {\n capture: true\n });\n};\nfunction attachEvents() {\n const swiper = this;\n const document = getDocument();\n const {\n params\n } = swiper;\n swiper.onTouchStart = onTouchStart.bind(swiper);\n swiper.onTouchMove = onTouchMove.bind(swiper);\n swiper.onTouchEnd = onTouchEnd.bind(swiper);\n if (params.cssMode) {\n swiper.onScroll = onScroll.bind(swiper);\n }\n swiper.onClick = onClick.bind(swiper);\n swiper.onLoad = onLoad.bind(swiper);\n if (!dummyEventAttached) {\n document.addEventListener('touchstart', dummyEventListener);\n dummyEventAttached = true;\n }\n events(swiper, 'on');\n}\nfunction detachEvents() {\n const swiper = this;\n events(swiper, 'off');\n}\nvar events$1 = {\n attachEvents,\n detachEvents\n};\n\nconst isGridEnabled = (swiper, params) => {\n return swiper.grid && params.grid && params.grid.rows > 1;\n};\nfunction setBreakpoint() {\n const swiper = this;\n const {\n realIndex,\n initialized,\n params,\n el\n } = swiper;\n const breakpoints = params.breakpoints;\n if (!breakpoints || breakpoints && Object.keys(breakpoints).length === 0) return;\n\n // Get breakpoint for window width and update parameters\n const breakpoint = swiper.getBreakpoint(breakpoints, swiper.params.breakpointsBase, swiper.el);\n if (!breakpoint || swiper.currentBreakpoint === breakpoint) return;\n const breakpointOnlyParams = breakpoint in breakpoints ? breakpoints[breakpoint] : undefined;\n const breakpointParams = breakpointOnlyParams || swiper.originalParams;\n const wasMultiRow = isGridEnabled(swiper, params);\n const isMultiRow = isGridEnabled(swiper, breakpointParams);\n const wasEnabled = params.enabled;\n if (wasMultiRow && !isMultiRow) {\n el.classList.remove(`${params.containerModifierClass}grid`, `${params.containerModifierClass}grid-column`);\n swiper.emitContainerClasses();\n } else if (!wasMultiRow && isMultiRow) {\n el.classList.add(`${params.containerModifierClass}grid`);\n if (breakpointParams.grid.fill && breakpointParams.grid.fill === 'column' || !breakpointParams.grid.fill && params.grid.fill === 'column') {\n el.classList.add(`${params.containerModifierClass}grid-column`);\n }\n swiper.emitContainerClasses();\n }\n\n // Toggle navigation, pagination, scrollbar\n ['navigation', 'pagination', 'scrollbar'].forEach(prop => {\n if (typeof breakpointParams[prop] === 'undefined') return;\n const wasModuleEnabled = params[prop] && params[prop].enabled;\n const isModuleEnabled = breakpointParams[prop] && breakpointParams[prop].enabled;\n if (wasModuleEnabled && !isModuleEnabled) {\n swiper[prop].disable();\n }\n if (!wasModuleEnabled && isModuleEnabled) {\n swiper[prop].enable();\n }\n });\n const directionChanged = breakpointParams.direction && breakpointParams.direction !== params.direction;\n const needsReLoop = params.loop && (breakpointParams.slidesPerView !== params.slidesPerView || directionChanged);\n if (directionChanged && initialized) {\n swiper.changeDirection();\n }\n extend(swiper.params, breakpointParams);\n const isEnabled = swiper.params.enabled;\n Object.assign(swiper, {\n allowTouchMove: swiper.params.allowTouchMove,\n allowSlideNext: swiper.params.allowSlideNext,\n allowSlidePrev: swiper.params.allowSlidePrev\n });\n if (wasEnabled && !isEnabled) {\n swiper.disable();\n } else if (!wasEnabled && isEnabled) {\n swiper.enable();\n }\n swiper.currentBreakpoint = breakpoint;\n swiper.emit('_beforeBreakpoint', breakpointParams);\n if (needsReLoop && initialized) {\n swiper.loopDestroy();\n swiper.loopCreate(realIndex);\n swiper.updateSlides();\n }\n swiper.emit('breakpoint', breakpointParams);\n}\n\nfunction getBreakpoint(breakpoints, base, containerEl) {\n if (base === void 0) {\n base = 'window';\n }\n if (!breakpoints || base === 'container' && !containerEl) return undefined;\n let breakpoint = false;\n const window = getWindow();\n const currentHeight = base === 'window' ? window.innerHeight : containerEl.clientHeight;\n const points = Object.keys(breakpoints).map(point => {\n if (typeof point === 'string' && point.indexOf('@') === 0) {\n const minRatio = parseFloat(point.substr(1));\n const value = currentHeight * minRatio;\n return {\n value,\n point\n };\n }\n return {\n value: point,\n point\n };\n });\n points.sort((a, b) => parseInt(a.value, 10) - parseInt(b.value, 10));\n for (let i = 0; i < points.length; i += 1) {\n const {\n point,\n value\n } = points[i];\n if (base === 'window') {\n if (window.matchMedia(`(min-width: ${value}px)`).matches) {\n breakpoint = point;\n }\n } else if (value <= containerEl.clientWidth) {\n breakpoint = point;\n }\n }\n return breakpoint || 'max';\n}\n\nvar breakpoints = {\n setBreakpoint,\n getBreakpoint\n};\n\nfunction prepareClasses(entries, prefix) {\n const resultClasses = [];\n entries.forEach(item => {\n if (typeof item === 'object') {\n Object.keys(item).forEach(classNames => {\n if (item[classNames]) {\n resultClasses.push(prefix + classNames);\n }\n });\n } else if (typeof item === 'string') {\n resultClasses.push(prefix + item);\n }\n });\n return resultClasses;\n}\nfunction addClasses() {\n const swiper = this;\n const {\n classNames,\n params,\n rtl,\n el,\n device\n } = swiper;\n // prettier-ignore\n const suffixes = prepareClasses(['initialized', params.direction, {\n 'free-mode': swiper.params.freeMode && params.freeMode.enabled\n }, {\n 'autoheight': params.autoHeight\n }, {\n 'rtl': rtl\n }, {\n 'grid': params.grid && params.grid.rows > 1\n }, {\n 'grid-column': params.grid && params.grid.rows > 1 && params.grid.fill === 'column'\n }, {\n 'android': device.android\n }, {\n 'ios': device.ios\n }, {\n 'css-mode': params.cssMode\n }, {\n 'centered': params.cssMode && params.centeredSlides\n }, {\n 'watch-progress': params.watchSlidesProgress\n }], params.containerModifierClass);\n classNames.push(...suffixes);\n el.classList.add(...classNames);\n swiper.emitContainerClasses();\n}\n\nfunction removeClasses() {\n const swiper = this;\n const {\n el,\n classNames\n } = swiper;\n el.classList.remove(...classNames);\n swiper.emitContainerClasses();\n}\n\nvar classes = {\n addClasses,\n removeClasses\n};\n\nfunction checkOverflow() {\n const swiper = this;\n const {\n isLocked: wasLocked,\n params\n } = swiper;\n const {\n slidesOffsetBefore\n } = params;\n if (slidesOffsetBefore) {\n const lastSlideIndex = swiper.slides.length - 1;\n const lastSlideRightEdge = swiper.slidesGrid[lastSlideIndex] + swiper.slidesSizesGrid[lastSlideIndex] + slidesOffsetBefore * 2;\n swiper.isLocked = swiper.size > lastSlideRightEdge;\n } else {\n swiper.isLocked = swiper.snapGrid.length === 1;\n }\n if (params.allowSlideNext === true) {\n swiper.allowSlideNext = !swiper.isLocked;\n }\n if (params.allowSlidePrev === true) {\n swiper.allowSlidePrev = !swiper.isLocked;\n }\n if (wasLocked && wasLocked !== swiper.isLocked) {\n swiper.isEnd = false;\n }\n if (wasLocked !== swiper.isLocked) {\n swiper.emit(swiper.isLocked ? 'lock' : 'unlock');\n }\n}\nvar checkOverflow$1 = {\n checkOverflow\n};\n\nvar defaults = {\n init: true,\n direction: 'horizontal',\n oneWayMovement: false,\n touchEventsTarget: 'wrapper',\n initialSlide: 0,\n speed: 300,\n cssMode: false,\n updateOnWindowResize: true,\n resizeObserver: true,\n nested: false,\n createElements: false,\n enabled: true,\n focusableElements: 'input, select, option, textarea, button, video, label',\n // Overrides\n width: null,\n height: null,\n //\n preventInteractionOnTransition: false,\n // ssr\n userAgent: null,\n url: null,\n // To support iOS's swipe-to-go-back gesture (when being used in-app).\n edgeSwipeDetection: false,\n edgeSwipeThreshold: 20,\n // Autoheight\n autoHeight: false,\n // Set wrapper width\n setWrapperSize: false,\n // Virtual Translate\n virtualTranslate: false,\n // Effects\n effect: 'slide',\n // 'slide' or 'fade' or 'cube' or 'coverflow' or 'flip'\n\n // Breakpoints\n breakpoints: undefined,\n breakpointsBase: 'window',\n // Slides grid\n spaceBetween: 0,\n slidesPerView: 1,\n slidesPerGroup: 1,\n slidesPerGroupSkip: 0,\n slidesPerGroupAuto: false,\n centeredSlides: false,\n centeredSlidesBounds: false,\n slidesOffsetBefore: 0,\n // in px\n slidesOffsetAfter: 0,\n // in px\n normalizeSlideIndex: true,\n centerInsufficientSlides: false,\n // Disable swiper and hide navigation when container not overflow\n watchOverflow: true,\n // Round length\n roundLengths: false,\n // Touches\n touchRatio: 1,\n touchAngle: 45,\n simulateTouch: true,\n shortSwipes: true,\n longSwipes: true,\n longSwipesRatio: 0.5,\n longSwipesMs: 300,\n followFinger: true,\n allowTouchMove: true,\n threshold: 5,\n touchMoveStopPropagation: false,\n touchStartPreventDefault: true,\n touchStartForcePreventDefault: false,\n touchReleaseOnEdges: false,\n // Unique Navigation Elements\n uniqueNavElements: true,\n // Resistance\n resistance: true,\n resistanceRatio: 0.85,\n // Progress\n watchSlidesProgress: false,\n // Cursor\n grabCursor: false,\n // Clicks\n preventClicks: true,\n preventClicksPropagation: true,\n slideToClickedSlide: false,\n // loop\n loop: false,\n loopedSlides: null,\n loopPreventsSliding: true,\n // rewind\n rewind: false,\n // Swiping/no swiping\n allowSlidePrev: true,\n allowSlideNext: true,\n swipeHandler: null,\n // '.swipe-handler',\n noSwiping: true,\n noSwipingClass: 'swiper-no-swiping',\n noSwipingSelector: null,\n // Passive Listeners\n passiveListeners: true,\n maxBackfaceHiddenSlides: 10,\n // NS\n containerModifierClass: 'swiper-',\n // NEW\n slideClass: 'swiper-slide',\n slideActiveClass: 'swiper-slide-active',\n slideVisibleClass: 'swiper-slide-visible',\n slideNextClass: 'swiper-slide-next',\n slidePrevClass: 'swiper-slide-prev',\n wrapperClass: 'swiper-wrapper',\n lazyPreloaderClass: 'swiper-lazy-preloader',\n lazyPreloadPrevNext: 0,\n // Callbacks\n runCallbacksOnInit: true,\n // Internals\n _emitClasses: false\n};\n\nfunction moduleExtendParams(params, allModulesParams) {\n return function extendParams(obj) {\n if (obj === void 0) {\n obj = {};\n }\n const moduleParamName = Object.keys(obj)[0];\n const moduleParams = obj[moduleParamName];\n if (typeof moduleParams !== 'object' || moduleParams === null) {\n extend(allModulesParams, obj);\n return;\n }\n if (['navigation', 'pagination', 'scrollbar'].indexOf(moduleParamName) >= 0 && params[moduleParamName] === true) {\n params[moduleParamName] = {\n auto: true\n };\n }\n if (!(moduleParamName in params && 'enabled' in moduleParams)) {\n extend(allModulesParams, obj);\n return;\n }\n if (params[moduleParamName] === true) {\n params[moduleParamName] = {\n enabled: true\n };\n }\n if (typeof params[moduleParamName] === 'object' && !('enabled' in params[moduleParamName])) {\n params[moduleParamName].enabled = true;\n }\n if (!params[moduleParamName]) params[moduleParamName] = {\n enabled: false\n };\n extend(allModulesParams, obj);\n };\n}\n\n/* eslint no-param-reassign: \"off\" */\nconst prototypes = {\n eventsEmitter,\n update,\n translate,\n transition,\n slide,\n loop,\n grabCursor,\n events: events$1,\n breakpoints,\n checkOverflow: checkOverflow$1,\n classes\n};\nconst extendedDefaults = {};\nclass Swiper {\n constructor() {\n let el;\n let params;\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n if (args.length === 1 && args[0].constructor && Object.prototype.toString.call(args[0]).slice(8, -1) === 'Object') {\n params = args[0];\n } else {\n [el, params] = args;\n }\n if (!params) params = {};\n params = extend({}, params);\n if (el && !params.el) params.el = el;\n const document = getDocument();\n if (params.el && typeof params.el === 'string' && document.querySelectorAll(params.el).length > 1) {\n const swipers = [];\n document.querySelectorAll(params.el).forEach(containerEl => {\n const newParams = extend({}, params, {\n el: containerEl\n });\n swipers.push(new Swiper(newParams));\n });\n // eslint-disable-next-line no-constructor-return\n return swipers;\n }\n\n // Swiper Instance\n const swiper = this;\n swiper.__swiper__ = true;\n swiper.support = getSupport();\n swiper.device = getDevice({\n userAgent: params.userAgent\n });\n swiper.browser = getBrowser();\n swiper.eventsListeners = {};\n swiper.eventsAnyListeners = [];\n swiper.modules = [...swiper.__modules__];\n if (params.modules && Array.isArray(params.modules)) {\n swiper.modules.push(...params.modules);\n }\n const allModulesParams = {};\n swiper.modules.forEach(mod => {\n mod({\n params,\n swiper,\n extendParams: moduleExtendParams(params, allModulesParams),\n on: swiper.on.bind(swiper),\n once: swiper.once.bind(swiper),\n off: swiper.off.bind(swiper),\n emit: swiper.emit.bind(swiper)\n });\n });\n\n // Extend defaults with modules params\n const swiperParams = extend({}, defaults, allModulesParams);\n\n // Extend defaults with passed params\n swiper.params = extend({}, swiperParams, extendedDefaults, params);\n swiper.originalParams = extend({}, swiper.params);\n swiper.passedParams = extend({}, params);\n\n // add event listeners\n if (swiper.params && swiper.params.on) {\n Object.keys(swiper.params.on).forEach(eventName => {\n swiper.on(eventName, swiper.params.on[eventName]);\n });\n }\n if (swiper.params && swiper.params.onAny) {\n swiper.onAny(swiper.params.onAny);\n }\n\n // Extend Swiper\n Object.assign(swiper, {\n enabled: swiper.params.enabled,\n el,\n // Classes\n classNames: [],\n // Slides\n slides: [],\n slidesGrid: [],\n snapGrid: [],\n slidesSizesGrid: [],\n // isDirection\n isHorizontal() {\n return swiper.params.direction === 'horizontal';\n },\n isVertical() {\n return swiper.params.direction === 'vertical';\n },\n // Indexes\n activeIndex: 0,\n realIndex: 0,\n //\n isBeginning: true,\n isEnd: false,\n // Props\n translate: 0,\n previousTranslate: 0,\n progress: 0,\n velocity: 0,\n animating: false,\n cssOverflowAdjustment() {\n // Returns 0 unless `translate` is > 2**23\n // Should be subtracted from css values to prevent overflow\n return Math.trunc(this.translate / 2 ** 23) * 2 ** 23;\n },\n // Locks\n allowSlideNext: swiper.params.allowSlideNext,\n allowSlidePrev: swiper.params.allowSlidePrev,\n // Touch Events\n touchEventsData: {\n isTouched: undefined,\n isMoved: undefined,\n allowTouchCallbacks: undefined,\n touchStartTime: undefined,\n isScrolling: undefined,\n currentTranslate: undefined,\n startTranslate: undefined,\n allowThresholdMove: undefined,\n // Form elements to match\n focusableElements: swiper.params.focusableElements,\n // Last click time\n lastClickTime: 0,\n clickTimeout: undefined,\n // Velocities\n velocities: [],\n allowMomentumBounce: undefined,\n startMoving: undefined,\n evCache: []\n },\n // Clicks\n allowClick: true,\n // Touches\n allowTouchMove: swiper.params.allowTouchMove,\n touches: {\n startX: 0,\n startY: 0,\n currentX: 0,\n currentY: 0,\n diff: 0\n },\n // Images\n imagesToLoad: [],\n imagesLoaded: 0\n });\n swiper.emit('_swiper');\n\n // Init\n if (swiper.params.init) {\n swiper.init();\n }\n\n // Return app instance\n // eslint-disable-next-line no-constructor-return\n return swiper;\n }\n getSlideIndex(slideEl) {\n const {\n slidesEl,\n params\n } = this;\n const slides = elementChildren(slidesEl, `.${params.slideClass}, swiper-slide`);\n const firstSlideIndex = elementIndex(slides[0]);\n return elementIndex(slideEl) - firstSlideIndex;\n }\n getSlideIndexByData(index) {\n return this.getSlideIndex(this.slides.filter(slideEl => slideEl.getAttribute('data-swiper-slide-index') * 1 === index)[0]);\n }\n recalcSlides() {\n const swiper = this;\n const {\n slidesEl,\n params\n } = swiper;\n swiper.slides = elementChildren(slidesEl, `.${params.slideClass}, swiper-slide`);\n }\n enable() {\n const swiper = this;\n if (swiper.enabled) return;\n swiper.enabled = true;\n if (swiper.params.grabCursor) {\n swiper.setGrabCursor();\n }\n swiper.emit('enable');\n }\n disable() {\n const swiper = this;\n if (!swiper.enabled) return;\n swiper.enabled = false;\n if (swiper.params.grabCursor) {\n swiper.unsetGrabCursor();\n }\n swiper.emit('disable');\n }\n setProgress(progress, speed) {\n const swiper = this;\n progress = Math.min(Math.max(progress, 0), 1);\n const min = swiper.minTranslate();\n const max = swiper.maxTranslate();\n const current = (max - min) * progress + min;\n swiper.translateTo(current, typeof speed === 'undefined' ? 0 : speed);\n swiper.updateActiveIndex();\n swiper.updateSlidesClasses();\n }\n emitContainerClasses() {\n const swiper = this;\n if (!swiper.params._emitClasses || !swiper.el) return;\n const cls = swiper.el.className.split(' ').filter(className => {\n return className.indexOf('swiper') === 0 || className.indexOf(swiper.params.containerModifierClass) === 0;\n });\n swiper.emit('_containerClasses', cls.join(' '));\n }\n getSlideClasses(slideEl) {\n const swiper = this;\n if (swiper.destroyed) return '';\n return slideEl.className.split(' ').filter(className => {\n return className.indexOf('swiper-slide') === 0 || className.indexOf(swiper.params.slideClass) === 0;\n }).join(' ');\n }\n emitSlidesClasses() {\n const swiper = this;\n if (!swiper.params._emitClasses || !swiper.el) return;\n const updates = [];\n swiper.slides.forEach(slideEl => {\n const classNames = swiper.getSlideClasses(slideEl);\n updates.push({\n slideEl,\n classNames\n });\n swiper.emit('_slideClass', slideEl, classNames);\n });\n swiper.emit('_slideClasses', updates);\n }\n slidesPerViewDynamic(view, exact) {\n if (view === void 0) {\n view = 'current';\n }\n if (exact === void 0) {\n exact = false;\n }\n const swiper = this;\n const {\n params,\n slides,\n slidesGrid,\n slidesSizesGrid,\n size: swiperSize,\n activeIndex\n } = swiper;\n let spv = 1;\n if (params.centeredSlides) {\n let slideSize = slides[activeIndex] ? slides[activeIndex].swiperSlideSize : 0;\n let breakLoop;\n for (let i = activeIndex + 1; i < slides.length; i += 1) {\n if (slides[i] && !breakLoop) {\n slideSize += slides[i].swiperSlideSize;\n spv += 1;\n if (slideSize > swiperSize) breakLoop = true;\n }\n }\n for (let i = activeIndex - 1; i >= 0; i -= 1) {\n if (slides[i] && !breakLoop) {\n slideSize += slides[i].swiperSlideSize;\n spv += 1;\n if (slideSize > swiperSize) breakLoop = true;\n }\n }\n } else {\n // eslint-disable-next-line\n if (view === 'current') {\n for (let i = activeIndex + 1; i < slides.length; i += 1) {\n const slideInView = exact ? slidesGrid[i] + slidesSizesGrid[i] - slidesGrid[activeIndex] < swiperSize : slidesGrid[i] - slidesGrid[activeIndex] < swiperSize;\n if (slideInView) {\n spv += 1;\n }\n }\n } else {\n // previous\n for (let i = activeIndex - 1; i >= 0; i -= 1) {\n const slideInView = slidesGrid[activeIndex] - slidesGrid[i] < swiperSize;\n if (slideInView) {\n spv += 1;\n }\n }\n }\n }\n return spv;\n }\n update() {\n const swiper = this;\n if (!swiper || swiper.destroyed) return;\n const {\n snapGrid,\n params\n } = swiper;\n // Breakpoints\n if (params.breakpoints) {\n swiper.setBreakpoint();\n }\n [...swiper.el.querySelectorAll('[loading=\"lazy\"]')].forEach(imageEl => {\n if (imageEl.complete) {\n processLazyPreloader(swiper, imageEl);\n }\n });\n swiper.updateSize();\n swiper.updateSlides();\n swiper.updateProgress();\n swiper.updateSlidesClasses();\n function setTranslate() {\n const translateValue = swiper.rtlTranslate ? swiper.translate * -1 : swiper.translate;\n const newTranslate = Math.min(Math.max(translateValue, swiper.maxTranslate()), swiper.minTranslate());\n swiper.setTranslate(newTranslate);\n swiper.updateActiveIndex();\n swiper.updateSlidesClasses();\n }\n let translated;\n if (params.freeMode && params.freeMode.enabled && !params.cssMode) {\n setTranslate();\n if (params.autoHeight) {\n swiper.updateAutoHeight();\n }\n } else {\n if ((params.slidesPerView === 'auto' || params.slidesPerView > 1) && swiper.isEnd && !params.centeredSlides) {\n const slides = swiper.virtual && params.virtual.enabled ? swiper.virtual.slides : swiper.slides;\n translated = swiper.slideTo(slides.length - 1, 0, false, true);\n } else {\n translated = swiper.slideTo(swiper.activeIndex, 0, false, true);\n }\n if (!translated) {\n setTranslate();\n }\n }\n if (params.watchOverflow && snapGrid !== swiper.snapGrid) {\n swiper.checkOverflow();\n }\n swiper.emit('update');\n }\n changeDirection(newDirection, needUpdate) {\n if (needUpdate === void 0) {\n needUpdate = true;\n }\n const swiper = this;\n const currentDirection = swiper.params.direction;\n if (!newDirection) {\n // eslint-disable-next-line\n newDirection = currentDirection === 'horizontal' ? 'vertical' : 'horizontal';\n }\n if (newDirection === currentDirection || newDirection !== 'horizontal' && newDirection !== 'vertical') {\n return swiper;\n }\n swiper.el.classList.remove(`${swiper.params.containerModifierClass}${currentDirection}`);\n swiper.el.classList.add(`${swiper.params.containerModifierClass}${newDirection}`);\n swiper.emitContainerClasses();\n swiper.params.direction = newDirection;\n swiper.slides.forEach(slideEl => {\n if (newDirection === 'vertical') {\n slideEl.style.width = '';\n } else {\n slideEl.style.height = '';\n }\n });\n swiper.emit('changeDirection');\n if (needUpdate) swiper.update();\n return swiper;\n }\n changeLanguageDirection(direction) {\n const swiper = this;\n if (swiper.rtl && direction === 'rtl' || !swiper.rtl && direction === 'ltr') return;\n swiper.rtl = direction === 'rtl';\n swiper.rtlTranslate = swiper.params.direction === 'horizontal' && swiper.rtl;\n if (swiper.rtl) {\n swiper.el.classList.add(`${swiper.params.containerModifierClass}rtl`);\n swiper.el.dir = 'rtl';\n } else {\n swiper.el.classList.remove(`${swiper.params.containerModifierClass}rtl`);\n swiper.el.dir = 'ltr';\n }\n swiper.update();\n }\n mount(element) {\n const swiper = this;\n if (swiper.mounted) return true;\n\n // Find el\n let el = element || swiper.params.el;\n if (typeof el === 'string') {\n el = document.querySelector(el);\n }\n if (!el) {\n return false;\n }\n el.swiper = swiper;\n if (el.parentNode && el.parentNode.host && el.parentNode.host.nodeName === 'SWIPER-CONTAINER') {\n swiper.isElement = true;\n }\n const getWrapperSelector = () => {\n return `.${(swiper.params.wrapperClass || '').trim().split(' ').join('.')}`;\n };\n const getWrapper = () => {\n if (el && el.shadowRoot && el.shadowRoot.querySelector) {\n const res = el.shadowRoot.querySelector(getWrapperSelector());\n // Children needs to return slot items\n return res;\n }\n return elementChildren(el, getWrapperSelector())[0];\n };\n // Find Wrapper\n let wrapperEl = getWrapper();\n if (!wrapperEl && swiper.params.createElements) {\n wrapperEl = createElement('div', swiper.params.wrapperClass);\n el.append(wrapperEl);\n elementChildren(el, `.${swiper.params.slideClass}`).forEach(slideEl => {\n wrapperEl.append(slideEl);\n });\n }\n Object.assign(swiper, {\n el,\n wrapperEl,\n slidesEl: swiper.isElement && !el.parentNode.host.slideSlots ? el.parentNode.host : wrapperEl,\n hostEl: swiper.isElement ? el.parentNode.host : el,\n mounted: true,\n // RTL\n rtl: el.dir.toLowerCase() === 'rtl' || elementStyle(el, 'direction') === 'rtl',\n rtlTranslate: swiper.params.direction === 'horizontal' && (el.dir.toLowerCase() === 'rtl' || elementStyle(el, 'direction') === 'rtl'),\n wrongRTL: elementStyle(wrapperEl, 'display') === '-webkit-box'\n });\n return true;\n }\n init(el) {\n const swiper = this;\n if (swiper.initialized) return swiper;\n const mounted = swiper.mount(el);\n if (mounted === false) return swiper;\n swiper.emit('beforeInit');\n\n // Set breakpoint\n if (swiper.params.breakpoints) {\n swiper.setBreakpoint();\n }\n\n // Add Classes\n swiper.addClasses();\n\n // Update size\n swiper.updateSize();\n\n // Update slides\n swiper.updateSlides();\n if (swiper.params.watchOverflow) {\n swiper.checkOverflow();\n }\n\n // Set Grab Cursor\n if (swiper.params.grabCursor && swiper.enabled) {\n swiper.setGrabCursor();\n }\n\n // Slide To Initial Slide\n if (swiper.params.loop && swiper.virtual && swiper.params.virtual.enabled) {\n swiper.slideTo(swiper.params.initialSlide + swiper.virtual.slidesBefore, 0, swiper.params.runCallbacksOnInit, false, true);\n } else {\n swiper.slideTo(swiper.params.initialSlide, 0, swiper.params.runCallbacksOnInit, false, true);\n }\n\n // Create loop\n if (swiper.params.loop) {\n swiper.loopCreate();\n }\n\n // Attach events\n swiper.attachEvents();\n const lazyElements = [...swiper.el.querySelectorAll('[loading=\"lazy\"]')];\n if (swiper.isElement) {\n lazyElements.push(...swiper.hostEl.querySelectorAll('[loading=\"lazy\"]'));\n }\n lazyElements.forEach(imageEl => {\n if (imageEl.complete) {\n processLazyPreloader(swiper, imageEl);\n } else {\n imageEl.addEventListener('load', e => {\n processLazyPreloader(swiper, e.target);\n });\n }\n });\n preload(swiper);\n\n // Init Flag\n swiper.initialized = true;\n preload(swiper);\n\n // Emit\n swiper.emit('init');\n swiper.emit('afterInit');\n return swiper;\n }\n destroy(deleteInstance, cleanStyles) {\n if (deleteInstance === void 0) {\n deleteInstance = true;\n }\n if (cleanStyles === void 0) {\n cleanStyles = true;\n }\n const swiper = this;\n const {\n params,\n el,\n wrapperEl,\n slides\n } = swiper;\n if (typeof swiper.params === 'undefined' || swiper.destroyed) {\n return null;\n }\n swiper.emit('beforeDestroy');\n\n // Init Flag\n swiper.initialized = false;\n\n // Detach events\n swiper.detachEvents();\n\n // Destroy loop\n if (params.loop) {\n swiper.loopDestroy();\n }\n\n // Cleanup styles\n if (cleanStyles) {\n swiper.removeClasses();\n el.removeAttribute('style');\n wrapperEl.removeAttribute('style');\n if (slides && slides.length) {\n slides.forEach(slideEl => {\n slideEl.classList.remove(params.slideVisibleClass, params.slideActiveClass, params.slideNextClass, params.slidePrevClass);\n slideEl.removeAttribute('style');\n slideEl.removeAttribute('data-swiper-slide-index');\n });\n }\n }\n swiper.emit('destroy');\n\n // Detach emitter events\n Object.keys(swiper.eventsListeners).forEach(eventName => {\n swiper.off(eventName);\n });\n if (deleteInstance !== false) {\n swiper.el.swiper = null;\n deleteProps(swiper);\n }\n swiper.destroyed = true;\n return null;\n }\n static extendDefaults(newDefaults) {\n extend(extendedDefaults, newDefaults);\n }\n static get extendedDefaults() {\n return extendedDefaults;\n }\n static get defaults() {\n return defaults;\n }\n static installModule(mod) {\n if (!Swiper.prototype.__modules__) Swiper.prototype.__modules__ = [];\n const modules = Swiper.prototype.__modules__;\n if (typeof mod === 'function' && modules.indexOf(mod) < 0) {\n modules.push(mod);\n }\n }\n static use(module) {\n if (Array.isArray(module)) {\n module.forEach(m => Swiper.installModule(m));\n return Swiper;\n }\n Swiper.installModule(module);\n return Swiper;\n }\n}\nObject.keys(prototypes).forEach(prototypeGroup => {\n Object.keys(prototypes[prototypeGroup]).forEach(protoMethod => {\n Swiper.prototype[protoMethod] = prototypes[prototypeGroup][protoMethod];\n });\n});\nSwiper.use([Resize, Observer]);\n\nexport { Swiper as S, defaults as d };\n","const GLOBAL_PATH = (option = {})=>{\r\n\tconst _type = option.type;\r\n\tconst _service = option.service;\r\n\tconst _menu = option.menu;\r\n\tconst _locale = option.locale ? option.locale : 'ko-KR';\r\n\tconst _country = option.country ? option.country.toLowerCase() : 'kr';\r\n\tconst _path = window._globalPath ? window._globalPath +'/' : window._rootPath ? window._rootPath : window._path ? window._path : '/';\r\n\tlet _globalPath = {\r\n\t\tapi: { // API\r\n\t\t\ttricksterm : {\r\n\t\t\t\t// cmazit: _path +'conti/getContent?service='+ _service +'&alias=nchome-cmpick-azit&lang=' + _locale, // conti\r\n\t\t\t\t// cmbest: _path +'conti/getContent?service='+ _service +'&alias=nchome-cmpick-best&lang=' + _locale, // conti\r\n\t\t\t\tguidebook: _path +'conti/getContent?service='+ _service +'&alias=gb-pop&lang=' + _locale,\r\n\t\t\t\tnctv: '/v1/videos/official?game='+ _service +'&page=1&pageSize=20',\r\n\t\t\t\tmovie: '/'+ _service +'/board/movie_clip/article/search/moreArticle', // community-api\r\n\t\t\t\tmyfeed: '/'+ _service +'/myfeed/articles', // community-api\r\n\t\t\t\tnews: _path +'conti/getContent?service='+ _service +'&alias=nchome-news&lang=' + _locale, // conti\r\n\t\t\t\t// shortcut: _path +'conti/getContent?service='+ _service +'&alias=nchome-shortcut&lang=' + _locale, // conti\r\n\t\t\t\t// appdown: _path +'conti/getContent?service='+ _service +'&alias=nchome-appdown&lang=' + _locale, // conti\r\n\t\t\t\tpromotion: _path +'conti/getContent?service='+ _service +'&alias=nchome-promotion&lang=' + _locale, // conti,\r\n\t\t\t\tgroup: _path +'conti/getContentGroup?service='+ _service +'&groupAlias=nchome'+ _service +'&subAlias=' + _locale\r\n\t\t\t},\r\n\t\t\th2 : {\r\n\t\t\t\tcmazit: _path +'conti/getContent?service='+ _service +'&alias=nchome-cmpick-azit&lang=' + _locale, // conti\r\n\t\t\t\tcmbest: _path +'conti/getContent?service='+ _service +'&alias=nchome-cmpick-best&lang=' + _locale, // conti\r\n\t\t\t\tguidebook: _path +'conti/getContent?service='+ _service +'&alias=gb-pop&lang=' + _locale,\r\n\t\t\t\tnctv: '/v1/videos/official?game='+ _service +'&page=1&pageSize=20',\r\n\t\t\t\tmovie: '/board/movie_clip/article/search/moreArticle', // snow3\r\n\t\t\t\tmyfeed: '/myfeed/articles', // community-api\r\n\t\t\t\tnews: _path +'conti/getContent?service='+ _service +'&alias=nchome-news&lang=' + _locale, // conti\r\n\t\t\t\tshortcut: _path +'conti/getContent?service='+ _service +'&alias=nchome-shortcut&lang=' + _locale, // conti\r\n\t\t\t\tappdown: _path +'conti/getContent?service='+ _service +'&alias=nchome-appdown&lang=' + _locale, // conti\r\n\t\t\t\tpromotion: _path +'conti/getContent?service='+ _service +'&alias=nchome-promotion&lang=' + _locale, // conti,\r\n\t\t\t\tgroup: _path +'conti/getContentGroup?service='+ _service +'&groupAlias=nchome'+ _service +'&subAlias=' + _locale\r\n\t\t\t},\r\n\t\t\th3 : {\r\n\t\t\t\tcmazit: _path +'conti/getContent?service='+ _service +'&alias=nchome-cmpick-azit&lang=' + _locale, // conti\r\n\t\t\t\tcmbest: _path +'conti/getContent?service='+ _service +'&alias=nchome-cmpick-best&lang=' + _locale, // conti\r\n\t\t\t\tguidebook: _path +'conti/getContent?service='+ _service +'&alias=gb-pop&lang=' + _locale,\r\n\t\t\t\tnctv: '/v1/videos/official?game='+ _service +'&page=1&pageSize=20',\r\n\t\t\t\tmovie: '/'+ _service +'/board/movie_clip/article/search/moreArticle', // community-api\r\n\t\t\t\tmyfeed: '/'+ _service +'/myfeed/articles', // community-api\r\n\t\t\t\tnews: _path +'conti/getContent?service='+ _service +'&alias=nchome-news&lang=' + _locale, // conti\r\n\t\t\t\tshortcut: _path +'conti/getContent?service='+ _service +'&alias=nchome-shortcut&lang=' + _locale, // conti\r\n\t\t\t\tappdown: _path +'conti/getContent?service='+ _service +'&alias=nchome-appdown&lang=' + _locale, // conti\r\n\t\t\t\tpromotion: _path +'conti/getContent?service='+ _service +'&alias=nchome-promotion&lang=' + _locale, // conti,\r\n\t\t\t\tgroup: _path +'conti/getContentGroup?service='+ _service +'&groupAlias=nchome'+ _service +'&subAlias=' + _locale\r\n\t\t\t},\r\n\t\t\tbns2 : {\r\n\t\t\t\tcmazit: _path +'conti/getContent?service='+ _service +'&alias=nchome-cmpick-azit&lang=' + _locale, // conti\r\n\t\t\t\tcmbest: _path +'conti/getContent?service='+ _service +'&alias=nchome-cmpick-best&lang=' + _locale, // conti\r\n\t\t\t\tguidebook: _path +'conti/getContent?service='+ _service +'&alias=gb-pop&lang=' + _locale,\r\n\t\t\t\tnctv: '/v1/videos/official?game='+ _service +'&page=1&pageSize=20',\r\n\t\t\t\tmovie: '/'+ _service +'/board/movie_clip/article/search/moreArticle', // community-api\r\n\t\t\t\tmyfeed: '/'+ _service +'/myfeed/articles', // community-api\r\n\t\t\t\tnews: _path +'conti/getContent?service='+ _service +'&alias=nchome-news&lang=' + _locale, // conti\r\n\t\t\t\tshortcut: _path +'conti/getContent?service='+ _service +'&alias=nchome-shortcut&lang=' + _locale, // conti\r\n\t\t\t\tappdown: _path +'conti/getContent?service='+ _service +'&alias=nchome-appdown&lang=' + _locale, // conti\r\n\t\t\t\tpromotion: _path +'conti/getContent?service='+ _service +'&alias=nchome-promotion&lang=' + _locale, // conti,\r\n\t\t\t\tgroup: _path +'conti/getContentGroup?service='+ _service +'&groupAlias=nchome'+ _service +'&subAlias=' + _locale\r\n\t\t\t},\r\n\t\t\tlineagew: {\r\n\t\t\t\tcmazit: '/'+ _country +'/maincontents/data?contentAlias=nchome-cmpick-azit',\r\n\t\t\t\tguidebook: '/'+ _country +'/conti/getContent?service=lineagew&alias=lineagew-'+ _country +'-gb-pop&lang=' + _locale,\r\n\t\t\t\tcmbest: '/'+ _country +'/maincontents/data?contentAlias=nchome-cmpick-best',\r\n\t\t\t\tnctv: '/v1/videos/official?game=linw&page=1&pageSize=20',\r\n\t\t\t\tmovie: '/linw/board/movie_clip_'+ _country +'/article/search/moreArticle',\r\n\t\t\t\tmyfeed: '/linw/myfeed/articles'\r\n\t\t\t},\r\n\t\t\tlineage2mru: {\r\n\t\t\t\tcmazit: _path +'conti/getContent?service=l2mru&alias=nchome-cmpick-azit&lang='+ _locale, // conti\r\n\t\t\t\tcmbest: _path +'conti/getContent?service=l2mru&alias=nchome-cmpick-best&lang='+ _locale, // conti\r\n\t\t\t\tguidebook: _path +'conti/getContent?service=l2mru&alias=l2mru-'+ _country +'-gb-pop&lang='+ _locale,\r\n\t\t\t\tnctv: '/v1/videos/official?game=l2mru&page=1&pageSize=20',\r\n\t\t\t\tmovie: '/l2mru/board/movie_clip/article/search/moreArticle', // community-api\r\n\t\t\t\tmyfeed: '/l2mru/myfeed/articles', // community-api\r\n\t\t\t\tnews: _path +'conti/getContent?service=l2mru&alias=nchome-news&lang='+ _locale, // conti\r\n\t\t\t\tshortcut: _path +'conti/getContent?service=l2mru&alias=nchome-shortcut&lang='+ _locale, // conti\r\n\t\t\t\tappdown: _path +'conti/getContent?service=l2mru&alias=nchome-appdown&lang='+ _locale, // conti\r\n\t\t\t\tpromotion: _path +'conti/getContent?service=l2mru&alias=nchome-promotion&lang='+ _locale, // conti,\r\n\t\t\t\tgroup: _path +'conti/getContentGroup?service=l2mru&groupAlias=nchomel2mru&subAlias='+ _locale\r\n\t\t\t},\r\n\t\t\tlineage2mnaeu: {\r\n\t\t\t\tcmazit: _path + 'conti/getContent?service=l2mnu&alias=nchome-cmpick-azit&lang=' + _locale, // conti\r\n\t\t\t\tcmbest: _path + 'conti/getContent?service=l2mnu&alias=nchome-cmpick-best&lang=' + _locale, // conti\r\n\t\t\t\tguidebook: _path + 'conti/getContent?service=l2mnu&alias=l2mnu-'+ _country +'-gb-pop&lang='+ _locale,\r\n\t\t\t\tnctv: '/v1/videos/official?game=l2mnu&page=1&pageSize=20',\r\n\t\t\t\tmovie: '/l2mnu/board/movie_clip/article/search/moreArticle', // community-api\r\n\t\t\t\tmyfeed: '/l2mnu/myfeed/articles', // community-api\r\n\t\t\t\tnews: _path +'conti/getContent?service=l2mnu&alias=nchome-news&lang='+ _locale, // conti\r\n\t\t\t\tshortcut: _path +'conti/getContent?service=l2mnu&alias=nchome-shortcut&lang='+ _locale, // conti\r\n\t\t\t\tappdown: _path +'conti/getContent?service=l2mnu&alias=nchome-appdown&lang='+ _locale, // conti\r\n\t\t\t\tpromotion: _path +'conti/getContent?service=l2mnu&alias=nchome-promotion&lang='+ _locale, // conti,\r\n\t\t\t\tgroup: _path +'conti/getContentGroup?service=l2mnu&groupAlias=nchomel2mnu&subAlias='+ _locale\r\n\t\t\t},\r\n\t\t\tlineagem : {\r\n\t\t\t\tcmazit: _path +'conti/getContent?service='+ _service +'&alias=nchome-cmpick-azit&lang=' + _locale, // conti\r\n\t\t\t\tcmbest: _path +'conti/getContent?service='+ _service +'&alias=nchome-cmpick-best&lang=' + _locale, // conti\r\n\t\t\t\tguidebook: _path +'conti/getContent?service='+ _service +'&alias=gb-pop&lang=' + _locale,\r\n\t\t\t\tnctv: '/v1/videos/official?game='+ _service +'&page=1&pageSize=20',\r\n\t\t\t\tmovie: '/'+ _service +'/board/movie_clip/article/search/moreArticle', // community-api\r\n\t\t\t\tmyfeed: '/'+ _service +'/myfeed/articles', // community-api\r\n\t\t\t\tnews: _path +'conti/getContent?service='+ _service +'&alias=nchome-news&lang=' + _locale, // conti\r\n\t\t\t\tshortcut: _path +'conti/getContent?service='+ _service +'&alias=nchome-shortcut&lang=' + _locale, // conti\r\n\t\t\t\tappdown: _path +'conti/getContent?service='+ _service +'&alias=nchome-appdown&lang=' + _locale, // conti\r\n\t\t\t\tpromotion: _path +'conti/getContent?service='+ _service +'&alias=nchome-promotion&lang=' + _locale, // conti,\r\n\t\t\t\tgroup: _path +'conti/getContentGroup?service='+ _service +'&groupAlias=nchome'+ _service +'&subAlias=' + _locale\r\n\t\t\t},\r\n\t\t\tlineage2m : {\r\n\t\t\t\tcmazit: _path +'conti/getContent?service='+ _service +'&alias=nchome-cmpick-azit&lang=' + _locale, // conti\r\n\t\t\t\tcmbest: _path +'conti/getContent?service='+ _service +'&alias=nchome-cmpick-best&lang=' + _locale, // conti\r\n\t\t\t\tguidebook: _path +'conti/getContent?service='+ _service +'&alias=gb-pop&lang=' + _locale,\r\n\t\t\t\tnctv: '/v1/videos/official?game='+ _service +'&page=1&pageSize=20',\r\n\t\t\t\tmovie: '/l2m/board/movie_clip/article/search/moreArticle', // community-api\r\n\t\t\t\tmyfeed: '/l2m/myfeed/articles', // community-api\r\n\t\t\t\tnews: _path +'conti/getContent?service='+ _service +'&alias=nchome-news&lang=' + _locale, // conti\r\n\t\t\t\tshortcut: _path +'conti/getContent?service='+ _service +'&alias=nchome-shortcut&lang=' + _locale, // conti\r\n\t\t\t\tappdown: _path +'conti/getContent?service='+ _service +'&alias=nchome-appdown&lang=' + _locale, // conti\r\n\t\t\t\tpromotion: _path +'conti/getContent?service='+ _service +'&alias=nchome-promotion&lang=' + _locale, // conti,\r\n\t\t\t\tgroup: _path +'conti/getContentGroup?service='+ _service +'&groupAlias=nchome'+ _service +'&subAlias=' + _locale\r\n\t\t\t},\r\n\t\t\tlineage2mnct: {\r\n\t\t\t\tcmazit: _path +'conti/getContent?service=l2mnct&alias=nchome-cmpick-azit&lang='+ _locale, // conti\r\n\t\t\t\tcmbest: _path +'conti/getContent?service=l2mnct&alias=nchome-cmpick-best&lang='+ _locale, // conti\r\n\t\t\t\tguidebook: _path +'conti/getContent?service=l2mnct&alias=gb-pop&lang='+ _locale,\r\n\t\t\t\tnctv: '/v1/videos/official?game=l2mnct&page=1&pageSize=20',\r\n\t\t\t\tmovie: '/board/movie_clip/article/search/moreArticle', // community-api\r\n\t\t\t\tmyfeed: '/myfeed/articles', // community-api\r\n\t\t\t\tnews: _path +'conti/getContent?service=l2mnct&alias=nchome-news&lang='+ _locale, // conti\r\n\t\t\t\tshortcut: _path +'conti/getContent?service=l2mnct&alias=nchome-shortcut&lang='+ _locale, // conti\r\n\t\t\t\tappdown: _path +'conti/getContent?service=l2mnct&alias=nchome-appdown&lang='+ _locale, // conti\r\n\t\t\t\tpromotion: _path +'conti/getContent?service=l2mnct&alias=nchome-promotion&lang='+ _locale, // conti,\r\n\t\t\t\tgroup: _path +'conti/getContentGroup?service=l2mnct&groupAlias=nchomel2mnct&subAlias='+ _locale\r\n\t\t\t},\r\n\t\t\tlineage2mncj: {\r\n\t\t\t\tcmazit: _path +'conti/getContent?service=l2mncj&alias=nchome-cmpick-azit&lang='+ _locale, // conti\r\n\t\t\t\tcmbest: _path +'conti/getContent?service=l2mncj&alias=nchome-cmpick-best&lang='+ _locale, // conti\r\n\t\t\t\tguidebook: _path +'conti/getContent?service=l2mncj&alias=gb-pop&lang='+ _locale,\r\n\t\t\t\tnctv: '/v1/videos/official?game=l2mncj&page=1&pageSize=20',\r\n\t\t\t\tmovie: '/board/movie_clip/article/search/moreArticle', // community-api\r\n\t\t\t\tmyfeed: '/myfeed/articles', // community-api\r\n\t\t\t\tnews: _path +'conti/getContent?service=l2mncj&alias=nchome-news&lang='+ _locale, // conti\r\n\t\t\t\tshortcut: _path +'conti/getContent?service=l2mncj&alias=nchome-shortcut&lang='+ _locale, // conti\r\n\t\t\t\tappdown: _path +'conti/getContent?service=l2mncj&alias=nchome-appdown&lang='+ _locale, // conti\r\n\t\t\t\tpromotion: _path +'conti/getContent?service=l2mncj&alias=nchome-promotion&lang='+ _locale, // conti,\r\n\t\t\t\tgroup: _path +'conti/getContentGroup?service=l2mncj&groupAlias=nchomel2mncj&subAlias='+ _locale\r\n\t\t\t},\r\n\t\t\tlovebeat : {\r\n\t\t\t\t// cmazit: _path +'conti/getContent?service='+ _service +'&alias=nchome-cmpick-azit&lang=' + _locale, // conti\r\n\t\t\t\t// cmbest: _path +'conti/getContent?service='+ _service +'&alias=nchome-cmpick-best&lang=' + _locale, // conti\r\n\t\t\t\tguidebook: _path +'conti/getContent?service='+ _service +'&alias=gb-pop&lang=' + _locale,\r\n\t\t\t\tnctv: '/v1/videos/official?game='+ _service +'&page=1&pageSize=20',\r\n\t\t\t\tmovie: '/'+ _service +'/board/movie_clip/article/search/moreArticle', // community-api\r\n\t\t\t\tmyfeed: '/'+ _service +'/myfeed/articles', // community-api\r\n\t\t\t\tnews: _path +'conti/getContent?service='+ _service +'&alias=nchome-news&lang=' + _locale, // conti\r\n\t\t\t\t// shortcut: _path +'conti/getContent?service='+ _service +'&alias=nchome-shortcut&lang=' + _locale, // conti\r\n\t\t\t\t// appdown: _path +'conti/getContent?service='+ _service +'&alias=nchome-appdown&lang=' + _locale, // conti\r\n\t\t\t\tpromotion: _path +'conti/getContent?service='+ _service +'&alias=nchome-promotion&lang=' + _locale, // conti,\r\n\t\t\t\tgroup: _path +'conti/getContentGroup?service='+ _service +'&groupAlias=nchome'+ _service +'&subAlias=' + _locale\r\n\t\t\t},\r\n\t\t},\r\n\t\turl : { // 더보기 URL, 운영툴 입력 안 될 경우 디폴트 값\r\n\t\t\ttricksterm : {\r\n\t\t\t\tcmazit: '/board/cm_story/list',\r\n\t\t\t\tguidebook: '/guidebook/',\r\n\t\t\t\tcmbest: '',\r\n\t\t\t\tnctv: 'https://www.youtube.com/user/plaync',\r\n\t\t\t\tmovie: '/board/movie_clip/'\r\n\t\t\t},\r\n\t\t\th2 : {\r\n\t\t\t\tcmazit: '/board/cm_story/list',\r\n\t\t\t\tguidebook: '/guidebook/',\r\n\t\t\t\tcmbest: '',\r\n\t\t\t\tnctv: 'https://www.youtube.com/user/plaync',\r\n\t\t\t\tmovie: '/board/movie_clip/'\r\n\t\t\t},\r\n\t\t\th3 : {\r\n\t\t\t\tcmazit: '/board/cm_story/list',\r\n\t\t\t\tguidebook: '/guidebook/',\r\n\t\t\t\tcmbest: '',\r\n\t\t\t\tnctv: 'https://www.youtube.com/user/plaync',\r\n\t\t\t\tmovie: '/board/movie_clip/'\r\n\t\t\t},\r\n\t\t\tbns2 : {\r\n\t\t\t\tcmazit: '/board/cm_story/list',\r\n\t\t\t\tguidebook: '/guidebook/',\r\n\t\t\t\tcmbest: '',\r\n\t\t\t\tnctv: 'https://www.youtube.com/user/plaync',\r\n\t\t\t\tmovie: '/board/movie_clip/'\r\n\t\t\t},\r\n\t\t\tlineagew: {\r\n\t\t\t\tcmazit: '/' + _country + '/board/cm_story/list',\r\n\t\t\t\tguidebook: '/' + _country + '/guidebook/',\r\n\t\t\t\tcmbest: '',\r\n\t\t\t\tnctv: 'https://www.youtube.com/user/plaync',\r\n\t\t\t\tmovie: '/' + _country + '/board/movie_clip/'\r\n\t\t\t},\r\n\t\t\tlineage2mru: {\r\n\t\t\t\tcmazit: _path + 'board/cm_story/list',\r\n\t\t\t\tguidebook: _path + 'guidebook/',\r\n\t\t\t\tcmbest: '',\r\n\t\t\t\tnctv: 'https://www.youtube.com/user/plaync',\r\n\t\t\t\tmovie: _path + 'board/movie_clip/'\r\n\t\t\t},\r\n\t\t\tlineage2mnaeu: {\r\n\t\t\t\tcmazit: _path + 'board/cm_story/list',\r\n\t\t\t\tguidebook: _path + 'guidebook/',\r\n\t\t\t\tcmbest: '',\r\n\t\t\t\tnctv: 'https://www.youtube.com/user/plaync',\r\n\t\t\t\tmovie: _path + 'board/movie_clip/'\r\n\t\t\t},\r\n\t\t\tlineagem: {\r\n\t\t\t\tcmazit: _path + 'board/cm_story/list',\r\n\t\t\t\tguidebook: _path + 'guidebook/',\r\n\t\t\t\tcmbest: '',\r\n\t\t\t\tnctv: 'https://www.youtube.com/user/plaync',\r\n\t\t\t\tmovie: _path + 'board/movie_clip/'\r\n\t\t\t},\r\n\t\t\tlineage2m: {\r\n\t\t\t\tcmazit: _path + 'board/cm_story/list',\r\n\t\t\t\tguidebook: _path + 'guidebook/',\r\n\t\t\t\tcmbest: '',\r\n\t\t\t\tnctv: 'https://www.youtube.com/user/plaync',\r\n\t\t\t\tmovie: _path + 'board/movie_clip/'\r\n\t\t\t},\r\n\t\t\tlineage2mnct: {\r\n\t\t\t\tcmazit: _path + 'board/cm_story/list',\r\n\t\t\t\tguidebook: _path + 'guidebook/',\r\n\t\t\t\tcmbest: '',\r\n\t\t\t\tnctv: 'https://www.youtube.com/user/plaync',\r\n\t\t\t\tmovie: _path + 'board/movie_clip/'\r\n\t\t\t},\r\n\t\t\tlineage2mncj: {\r\n\t\t\t\tcmazit: _path + 'board/cm_story/list',\r\n\t\t\t\tguidebook: _path + 'guidebook/',\r\n\t\t\t\tcmbest: '',\r\n\t\t\t\tnctv: 'https://www.youtube.com/user/plaync',\r\n\t\t\t\tmovie: _path + 'board/movie_clip/'\r\n\t\t\t},\r\n\t\t\tlovebeat: {\r\n\t\t\t\tcmazit: _path + 'board/cm_story/list',\r\n\t\t\t\tguidebook: _path + 'guidebook/',\r\n\t\t\t\tcmbest: '',\r\n\t\t\t\tnctv: 'https://www.youtube.com/user/plaync',\r\n\t\t\t\tmovie: _path + 'board/movie_clip/'\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\treturn _globalPath[_type][_service][_menu];\r\n\r\n} // GLOBAL_PATH\r\n\r\nconst API_DOMAIN = {\r\n\tNCT_COMMUNITY : {\r\n\t\tOPDEV : 'https://opdev-api-tw-community.plaync.com',\r\n\t\tSB : 'https://api-community.sb.plaync.com/l2m_tw',\r\n\t\tRC : 'https://rc-api-tw-community.ncsoft.com/l2m_tw',\r\n\t\tSTAGE : 'https://api-tw-community.ncsoft.com/l2m_tw',\r\n\t\tLIVE : 'https://api-tw-community.ncsoft.com/l2m_tw'\r\n\t},\r\n\tNCJ_COMMUNITY : {\r\n\t\tOPDEV : 'https://opdev-api-jp-community.plaync.com',\r\n\t\tSB : ' https://api-community.sb.plaync.com/l2m_jp',\r\n\t\tRC : 'https://rc-api-jp-community.ncsoft.jp/l2m_jp',\r\n\t\tSTAGE : 'https://api-jp-community.ncsoft.jp/l2m_jp',\r\n\t\tLIVE : 'https://api-jp-community.ncsoft.jp/l2m_jp'\r\n\t},\r\n\tGLOBAL_COMMUNITY : {\r\n\t\tOPDEV : 'https://opdev-api-global-community.plaync.com',\r\n\t\tSB : 'api-global-community.sb.plaync.com',\r\n\t\tRC : 'https://rc-api-global-community.plaync.com',\r\n\t\tSTAGE : 'https://api-global-community.plaync.com',\r\n\t\tLIVE : 'https://api-global-community.plaync.com'\r\n\t},\r\n\tCOMMUNITY : {\r\n\t\tOPDEV : 'https://opdev-api-community.plaync.com',\r\n\t\tSB : 'https://api-community.sb.plaync.com',\r\n\t\tRC : 'https://rc-api-community.plaync.com',\r\n\t\tSTAGE : 'https://api-community.plaync.com',\r\n\t\tLIVE : 'https://api-community.plaync.com'\r\n\t},\r\n\tNCTV : {\r\n\t\tOPDEV : 'https://opdev-api-nctv.plaync.com',\r\n\t\tSB : 'https://api-nctv.sb.plaync.com',\r\n\t\tRC : 'https://rc-api-nctv.plaync.com',\r\n\t\tSTAGE : 'https://api-nctv.plaync.com',\r\n\t\tLIVE : 'https://api-nctv.plaync.com'\r\n\t}\r\n};\r\n\r\nconst TAB = {\r\n\tCMPICK : 'cmpick',\r\n\tPOPULARITY : 'popularity',\r\n\tMYFEED : 'myfeed',\r\n\tCOOKIENAME : 'TricksterM_MyTab'\r\n};\r\n\r\nconst MYFEED = {\r\n\tTAG : {\r\n\t\tTYPE : 'TAG',\r\n\t\tCATEGORY_NAME : {\r\n\t\t\t'tricksterm' : '#클래스',\r\n\t\t\t'h2' : '#클래스',\r\n\t\t\t'h3' : '#클래스',\r\n\t\t\t'bns2' : '#무기',\r\n\t\t\t'lineagew' : '#',\r\n\t\t\t'lineagem': '#',\r\n\t\t\t'lineage2m': '#클래스',\r\n\t\t\t'lineage2mru': '#',\r\n\t\t\t'lineage2mnaeu': '#',\r\n\t\t\t'lineage2mncj': '#クラス',\r\n\t\t\t'lineage2mnct': '#職業'}\r\n\t},\r\n\tBOARD : {\r\n\t\tTYPE : 'BOARD',\r\n\t\tCATEGORY_NAME : ''\r\n\t},\r\n\tMESSAGE_NODATA : {\r\n\t\t'tricksterm' : 'MY 피드에서는 컴퍼니 아지트의 새 글을 모아 보여드립니다.',\r\n\t\t'h2' : 'MY 피드에서는 새 글을 모아 보여드립니다.',\r\n\t\t'h3' : 'MY 피드에서는 새 글을 모아 보여드립니다.',\r\n\t\t'bns2' : 'MY 피드에서는 문파 장원의 새 글,
내 대표 캐릭터의 무기와 관련된 태그로 등록된
새 글을 모아 보여드립니다.',\r\n\t\t'lineage2m': 'MY 피드에서는 혈맹 아지트의 새글,
내 대표 캐릭터 클래스와 관련된 태그로 등록된
새 글을 모아 보여드립니다.',\r\n\t}\r\n};\r\n\r\nconst STORE = {\r\n\tSWIPER : {\r\n\t\thomeContentSwiper : {}\r\n\t},\r\n\tdata : {\r\n\t\tpromotion: {},\r\n\t\tcmazit : {},\r\n\t\tcmbest : {},\r\n\t\tguidebook : {},\r\n\t\tmovie : {},\r\n\t\ttopArticle : {},\r\n\t\ttopQnanknowhow : {},\r\n\t\tqnanknowhow : {},\r\n\t\ttopScrap : {},\r\n\t\tnews: {},\r\n\t\tappdown: {},\r\n\t\tshortcut: {},\r\n\t\tmyfeed: {}\r\n\t},\r\n\turl : { // 운영툴에 값이 없을 경우에만\r\n\t\tcmazit : '/board/cm_story/list', // cmazitCommunity에서만 지금은 모두 운영툴\r\n\t\tguide : '/guidebook/index',\r\n\t\tcmbest : '',\r\n\t\t// channel : 'https://www.youtube.com/user/plaync', // 채널 삭제\r\n\t\tmovie : '/board/movie_clip/list'\r\n\t},\r\n\ttitle : { // 운영툴에 입력값이 없을 경우에\r\n\t\tcmazit : 'CM 아지트',\r\n\t\tguide : '가이드북',\r\n\t\tcmbest : '인챈트 도전기 베스트',\r\n\t\t// channel : 'CH : NPC', // 채널 삭제\r\n\t\tmovie : '공식 동영상',\r\n\t\ttopArticle : null,\r\n\t\ttopQnanknowhow : null,\r\n\t\tqnanknowhow : null,\r\n\t\ttopScrap : null,\r\n\t},\r\n\tpwa : null,\r\n\tpwaLayer : null\r\n};\r\n\r\nexport {\r\n\tGLOBAL_PATH,\r\n\tAPI_DOMAIN,\r\n\tSTORE,\r\n\tTAB,\r\n\tMYFEED\r\n}","import {API_DOMAIN, API_PATH, STORE} from '../common/Model';\r\n\r\nexport default class Popularity {\r\n\tconstructor(_config) {\r\n\t\tthis.config = _config;\r\n\t\tthis.serviceEnv = _config.serviceEnv.toUpperCase() || 'LIVE';\r\n\t\tthis.serviceApiUrl = API_DOMAIN.COMMUNITY[this.serviceEnv];\r\n\r\n\t\t// // {\\\"tabActive\\\":{\\\"popularity\\\":false,\\\"myfeed\\\":true},\\\"tabPopularity\\\":{\\\"list\\\":[{\\\"isActive\\\":false}]}\r\n\t\tthis.alias = _config.tabConfig.tabPopularity.list; // 인기글 불러올 게시판을 운영툴에서 지정\r\n\t\tthis.container = $('.home-popularity');\r\n\r\n\t}\r\n\r\n\tinit() {\r\n\t\tconst _alias= this.alias;\r\n\t\tif( this.container.is(':empty') ) {\r\n\r\n\t\t\tlet containerTmpl =`\r\n\t\t\t\t${_alias.map( item => {\r\n\t\t\t\t\tif(item.isActive) return ``;\r\n\t\t\t\t}).join('')}\r\n\t\t\t`;\r\n\r\n\t\t\tthis.container.html(containerTmpl);\r\n\t\t\tthis.get();\r\n\r\n\t\t}\r\n\r\n\t\tthis.addEvent();\r\n\r\n\t}\r\n\r\n\tget() {\r\n\r\n\t\tconst _url = this.serviceApiUrl;\r\n\t\tconst _alias= this.alias;\r\n\r\n\t\t// 최근 5개월 동안 게시글\r\n\t\tconst _date = new Date(userData.now);\r\n\t\t_date.setMonth(_date.getMonth() - 5);\r\n\t\tconst _fromDate = `${_date.toISOString().split('.')[0]}`;\r\n\r\n\t\t// Popularity BoardAlias List\r\n\t\t$.ajax({\r\n\t\t\tdataType: \"json\",\r\n\t\t\ttype: \"GET\",\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json', 'Accept': 'application/json'\r\n\t\t\t},\r\n\t\t\turl: `${_url}/tricksterm/popularity`\r\n\t\t})\r\n\t\t.fail( xhr => console.log('오류가 발생했습니다.') )\r\n\t\t.done(( data ) => {\r\n\t\t});\r\n\r\n\t\t_alias.map( item => {\r\n\t\t\tlet _ajaxUrl, _ajaxParam, _ajaxData;\r\n\r\n\t\t\tif(! item.isActive) return;\r\n\r\n\t\t\tif(item.weightAlias == 'qnanknowhow') {\r\n\t\t\t\t_ajaxUrl = `/api/ncommunity/article/listArticleEntries/qnanknowhow`;\r\n\t\t\t\t// _ajaxUrl = `/board/qnanknowhow/article/search/moreArticle`\r\n\t\t\t\t_ajaxParam = {};\r\n\t\t\t\t_ajaxData = {\r\n\t\t\t\t\tsummary: false,\r\n\t\t\t\t\t\tmoreSize: 18,\r\n\t\t\t\t\t\tpreviousArticleId: 0,\r\n\t\t\t\t\t\tcategoryId: 0,\r\n\t\t\t\t};\r\n\t\t\t} else {\r\n\t\t\t\t_ajaxUrl = `${_url}/tricksterm/popularity/${item.weightAlias}/list`;\r\n\t\t\t\t_ajaxParam = {\r\n\t\t\t\t\t'mergeJobRef' : '5f056ba80e7721000152492b',\r\n\t\t\t\t\t'from' : _fromDate ,\r\n\t\t\t\t\t'to' : '2029-05-01T23:10:01'\r\n\t\t\t\t};\r\n\t\t\t\t_ajaxData = {};\r\n\t\t\t}\r\n\r\n\t\t\t$.ajax({\r\n\t\t\t\tdataType: \"json\",\r\n\t\t\t\ttype: \"GET\",\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json', 'Accept': 'application/json'\r\n\t\t\t\t},\r\n\t\t\t\tdata: _ajaxData,\r\n\t\t\t\tparams: _ajaxParam,\r\n\t\t\t\turl: _ajaxUrl\r\n\t\t\t})\r\n\t\t\t.fail( xhr => console.log('오류가 발생했습니다.') )\r\n\t\t\t.done(( data ) => {\r\n\t\t\t\tlet _title = item.icon ? `![](\"${item.icon}\")
\r\n\t\t\t${title}\r\n\t\t \r\n\t\t\r\n\t\t\t${listData.map( (item, index) => {\r\n\t\t\t\tif(index<18) return this.listTempl(item, alias);\r\n\t\t\t}).join('')}\r\n\t\t \r\n\t\t`;\r\n\t}\r\n\r\n\tlistTempl(item, alias) {\r\n\t\tconst _thumb = (item.thumbnailUrl) ? `![](\"${item.thumbnailUrl}\")
` : ``;\r\n\t\tconst _info = (alias == 'topScrap') ? `${item.category.categoryName} ${item.scrapCount}` : (alias=='qnanknowhow') ? `${item.writer.loginUser.name} 조회 ${item.reactions.viewCount} ${item.reactions.commentCount}`: `${item.writer.loginUser.name} 조회 ${item.hitCount} ${item.commentCount}`;\r\n\r\n\t\treturn `\r\n\t\t
잠시 후 다시 접속해주세요.',\r\n count : '조회',\r\n seeMore : '더보기'\r\n },\r\n ar: {\r\n viewAll : 'عرض الكل',\r\n lwYoutube : 'قناة Youtube الرسمية لـLineage W',\r\n myProfile : 'ملفي',\r\n cmPick : 'اختيار CM',\r\n pop : 'شعبي',\r\n myFeed : 'حائط MY',\r\n myFeedBeforeLogin : 'تحقق من المحتوى المخصص لك بعد تسجيل الدخول.',\r\n login : 'تسجيل الدخول',\r\n myFeedNoData : 'لا يوجد منشور مسجل حديثا.',\r\n myFeedInfo : 'حائط MY يحتوي على المنشورات الجديدة الخاصة بلوحة إعلانات عهد الدم.',\r\n pageError : 'لن يمكن استدعاء الصفحة مؤقتا.
الرجاء إعادة المحاولة لاحقا.',\r\n count : 'مشاهدة',\r\n seeMore : 'عرض المزيد'\r\n },\r\n en: {\r\n viewAll : 'View All',\r\n lwYoutube : 'Lineage W Official YouTube Channel',\r\n myProfile : 'My Profile',\r\n cmPick : 'CM Pick',\r\n pop : 'Popular',\r\n myFeed : 'My Feed',\r\n myFeedBeforeLogin : 'Sign in to see personalized content.',\r\n login : 'Sign In',\r\n myFeedNoData : 'There are no newly registered posts.',\r\n myFeedInfo : 'My Feed has all of the newly created posts from the Guild Board.',\r\n pageError : 'Unable to load the page temporarily.
Please try again later.',\r\n count : 'View',\r\n seeMore : 'View More'\r\n },\r\n id: {\r\n viewAll : 'Lihat Semua',\r\n lwYoutube : 'Channel YouTube Resmi Lineage W',\r\n myProfile : 'Profil Saya',\r\n cmPick : 'Pilihan CM',\r\n pop : 'Populer',\r\n myFeed : 'Feed Saya',\r\n myFeedBeforeLogin : 'Silakan login dan cek konten yang disesuaikan untuk Anda.',\r\n login : 'Login',\r\n myFeedNoData : 'Tidak ada postingan baru.',\r\n myFeedInfo : 'Postingan baru di Board Klan dapat dilihat di Feed Saya.',\r\n pageError : 'Tidak dapat memuat halaman untuk sementara.
Silakan coba beberapa saat lagi.',\r\n count : 'Views',\r\n seeMore : 'Lihat Lebih Banyak'\r\n },\r\n ja: {\r\n viewAll : '全体リストを見る',\r\n lwYoutube : 'Lineage W公式YouTubeチャンネル',\r\n myProfile : 'マイプロフィール',\r\n cmPick : 'CMピックアップ',\r\n pop : '人気',\r\n myFeed : 'Myフィード',\r\n myFeedBeforeLogin : 'ログインし、お好みのコンテンツをご確認ください。',\r\n login : 'ログイン',\r\n myFeedNoData : '新しい投稿がありません。',\r\n myFeedInfo : 'Myフィードでは血盟掲示板の新しい投稿をまとめて確認できます。',\r\n pageError : '一時的にページを読み込むことができません。
しばらくしてからもう一度お試しください。',\r\n count : '閲覧数',\r\n seeMore : 'もっと見る'\r\n },\r\n ru: {\r\n viewAll : 'Посмотреть всё',\r\n lwYoutube : 'Официальный канал YouTube Lineage W',\r\n myProfile : 'Мой профиль',\r\n cmPick : 'Выбор CM',\r\n pop : 'Популярное',\r\n myFeed : 'Моя лента',\r\n myFeedBeforeLogin : 'Войдите в аккаунт, чтобы посмотреть персонализированный контент.',\r\n login : 'Вход',\r\n myFeedNoData : 'Нет новых публикаций.',\r\n myFeedInfo : 'В Моей ленте вы можете проверить новые публикации на доске гильдии.',\r\n pageError : 'Данная страница временно недоступна.
Повторите попытку позже.',\r\n count : 'Просмотры',\r\n seeMore : 'Еще'\r\n },\r\n th: {\r\n viewAll : 'ดูทั้งหมด',\r\n lwYoutube : 'ช่อง YouTube ทางการของ Lineage W',\r\n myProfile : 'โปรไฟล์ฉัน',\r\n cmPick : 'CM Pick',\r\n pop : 'ยอดฮิต',\r\n myFeed : 'ฟีดของฉัน',\r\n myFeedBeforeLogin : 'เข้าสู่ระบบแล้วตรวจสอบคอนเทนต์ที่เหมาะสมกับฉัน',\r\n login : 'เข้าสู่ระบบ',\r\n myFeedNoData : 'ไม่มีโพสต์ที่อัปเดตไว้',\r\n myFeedInfo : 'ในฟีดของฉัน จะรวมโพสต์ใหม่ของกระทู้แคลน',\r\n pageError : 'ไม่สามารถโหลดหน้าเพจนี้ได้ชั่วคราว
กรุณาลองเชื่อมต่อใหม่อีกสักครู่',\r\n count : 'รับชม',\r\n seeMore : 'ดูเพิ่มเติม'\r\n },\r\n zh: {\r\n viewAll : '全部查看',\r\n lwYoutube : '天堂W官方YouTube頻道',\r\n myProfile : '我的個人資料',\r\n cmPick : 'CM精選',\r\n pop : '人氣',\r\n myFeed : 'MY專屬',\r\n myFeedBeforeLogin : '請登入查看為您專屬的個人化內容。',\r\n login : '登入',\r\n myFeedNoData : '沒有新的文章。',\r\n myFeedInfo : '在MY專屬，為您彙整血盟討論版的新文章。',\r\n pageError : '暫時無法讀取頁面。
請稍後再重試一次。',\r\n count : '觀看次數',\r\n seeMore : '查看更多'\r\n }\r\n}","import Utils from '../common/Utils';\r\nimport { API_DOMAIN, GLOBAL_PATH, STORE, MYFEED } from '../common/Model';\r\nimport { communityHomeL10n } from '../common/L10n';\r\n\r\nexport default class Myfeed {\r\n\tconstructor(_config) {\r\n\t\tthis.config = _config;\r\n\t\tthis.serviceEnv = _config.serviceEnv.toUpperCase() || 'LIVE';\r\n\t\tlet _option = {\r\n\t\t\ttype: 'api',\r\n\t\t\tservice : this.config.service,\r\n\t\t\tmenu : 'myfeed',\r\n\t\t\tlocale : this.config.locale,\r\n\t\t\tcountry : this.config.country\r\n\t\t};\r\n\r\n\t\tlet _communityApi;\r\n\t\tif (this.config.service==='lineage2mru' || this.config.service==='lineage2mnaeu') {\r\n\t\t\t_communityApi = API_DOMAIN.GLOBAL_COMMUNITY[this.serviceEnv];\r\n\t\t} else if (this.config.service ==='lineage2mnct') {\r\n\t\t\t_communityApi = API_DOMAIN.NCT_COMMUNITY[this.serviceEnv];\r\n\t\t} else if (this.config.service ==='lineage2mncj') {\r\n\t\t\t_communityApi = API_DOMAIN.NCJ_COMMUNITY[this.serviceEnv];\r\n\t\t} else if (this.config.service ==='h2') {\r\n\t\t\t_communityApi = '';\r\n\t\t} else {\r\n\t\t\t_communityApi = API_DOMAIN.COMMUNITY[this.serviceEnv];\r\n\t\t}\r\n\t\tthis.myfeedUrl = _communityApi + GLOBAL_PATH(_option);\r\n\r\n\t\t// l10n // window.communityHomel10n\r\n\t\tthis.l10n = communityHomeL10n[this.config.lang];\r\n\r\n\t\tthis.l10n.tagCategoryName = MYFEED.TAG.CATEGORY_NAME[this.config.service];\r\n\t\tthis.l10n.myFeedInfo = MYFEED.MESSAGE_NODATA[this.config.service] || this.l10n.myFeedInfo;\r\n\r\n\t\t// this.l10n.myFeedBeforeLogin = window.communityHomel10n ? window.communityHomel10n.myFeedBeforeLogin : '로그인 후 나를 위한 맞춤 콘텐츠를 확인해보세요.' ;\r\n\t\t// this.l10n.login = window.communityHomel10n ? window.communityHomel10n.login : '로그인' ;\r\n\t\t// this.l10n.myFeedNoData = window.communityHomel10n ? window.communityHomel10n.myFeedNoData : '업데이트된 새 글이 없습니다.';\r\n\t\t// this.l10n.pageError = window.communityHomel10n ? window.communityHomel10n.myFeedNoData : '일시적으로 페이지를 불러올 수 없습니다.
잠시 후 다시 접속해주세요.';\r\n\t\t// console.log( '# myfeed.js this.l10n : ', MYFEED.MESSAGE_NODATA[this.config.service], this.l10n.myFeedInfo );\r\n\r\n\t\tthis.container = document.querySelector('.home-myfeed');\r\n\t\t// console.log( '# myfeed.js > this.myfeedUrl : ', this.myfeedUrl);\r\n\t}\r\n\r\n\tinit() {\r\n\t\t//console.log( '# myfeed.js > STORE.data.myfeed : ', STORE.data.myfeed, Utils.isEmptyObject(STORE.data.myfeed) );\r\n\t\tif (this.config.isLogin) {\r\n\t\t\tlet wrapperTmpl = `\r\n\t\t\t\r\n\t\t\t${_d.map( (item, index) => {\r\n\t\t\treturn this.listTempl(item);\r\n\t\t}).join('')}\r\n\t\t\t \r\n\t\t`;\r\n\t}\r\n\r\n\tlistTempl(item) {\r\n\t\tconst _type = item.myFeedType; // myFeedType : GROUP_BOARD : 혈맹 게시글 GROUP_NOTICE : 혈맹 공지글 TAG : 태그 새글 articleId\r\n\t\tconst _isCountryPath = (this.config.service ==='lineage2mnct') ? `/lineage2m` : this.config.isGlobal ? `/${this.config.country}` : ``;\r\n\t\tconst _category = (_type == MYFEED.TAG.TYPE) ? this.l10n.tagCategoryName : item.feed.category ? item.feed.category.categoryName : item.feed.rootBoard.board.boardName ? item.feed.rootBoard.board.boardName : '' ; // #클래스`;\r\n\r\n\t\tconst _alias = (_type == MYFEED.TAG.TYPE) ? 'TAG' : item.feed.category ? item.feed.category.aliasName : ``; // guild_notice\r\n\t\tconst _summary = (_type == MYFEED.TAG.TYPE) ? item.feed.content : item.feed.summary; // item.feed.summary;\r\n\t\tconst _url = (_type == MYFEED.TAG.TYPE) ? `${_isCountryPath}/board/${item.feed.clsf}/view?articleId=${item.feed.articleId}` : (!item.feed.url && ( _type == 'GROUP_BOARD' || _type == 'GROUP_NOTICE') ) ? `${_isCountryPath}/board/${item.feed.categoryBoard.boardAlias}/view?articleId=${item.feed.id}` : item.feed.url; // // item.feed.url;\r\n\r\n\t\tconst _thumb = (item.feed.thumbnailUrl) ? `![](\"${item.feed.thumbnailUrl}\")
` : ``;\r\n\t\tconst _tag = (item.feed.userTags)? ` \r\n\t\t\t\t\r\n\t\t\t\t\t[${_a.category}]\r\n\t\t\t\t\t${_a.title}\r\n\t\t\t\t\t${_a.isNew ? ``:`` }\r\n\t\t\t\t\r\n\t\t\t `;\r\n\t}\r\n\taddEvent() { // news toggle event\r\n\t\tlet parent = document.querySelector('.news-wrapper');\r\n\t\tlet button = document.querySelector('.news-wrapper .news-button');\r\n\t\tif (document.querySelectorAll('.news-item').length <= 1) {\r\n\t\t\tbutton.style.display = 'none';\r\n\t\t} // 뉴스가 1개 미만이면 토글 버튼 숨김\r\n\t\tlet flag;\r\n\t\tbutton.addEventListener('click', (evt) => {\r\n\t\t\tevt.preventDefault();\r\n\t\t\tif(! flag) {\r\n\t\t\t\tparent.classList.add('is-active');\r\n\t\t\t\tflag = true;\r\n\t\t\t}else {\r\n\t\t\t\tparent.classList.remove('is-active');\r\n\t\t\t\tflag = false;\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n}","import Utils from '../common/Utils';\r\nimport Swiper from 'swiper';\r\nimport {GLOBAL_PATH, STORE } from '../common/Model';\r\n\r\nexport default class Shortcut {\r\n\tconstructor(_config) {\r\n\r\n\t\tthis.config = _config;\r\n\t\tlet _option = {\r\n\t\t\ttype: 'api',\r\n\t\t\tservice : this.config.service,\r\n\t\t\tmenu : 'shortcut',\r\n\t\t\tlocale : this.config.locale,\r\n\t\t\tcountry : this.config.country\r\n\t\t};\r\n\t\tthis.shortcutApiUrl = GLOBAL_PATH(_option);\r\n\t\t// console.log( '# shortcut.js this.shortcutApiUrl : ', this.shortcutApiUrl);\r\n\t}\r\n\tinit() {\r\n\t\tif( Utils.isEmptyObject(STORE.data.shortcut) ) {\r\n\t\t\tthis.get();\r\n\t\t} else {\r\n\t\t\tthis.render(STORE.data.shortcut);\r\n\t\t}\r\n\t}\r\n\r\n\tget() {\r\n\t\tconst _this = this;\r\n\t\tfetch(this.shortcutApiUrl, {\r\n\t\t\tdataType: \"json\",\r\n\t\t\ttype: \"GET\",\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json', 'Accept': 'application/json'\r\n\t\t\t}\r\n\t\t}).then(function (response) { // The API call was successful!\r\n\t\t\tif (response.ok) {\r\n\t\t\t\treturn response.json();\r\n\t\t\t} else {\r\n\t\t\t\treturn Promise.reject(response);\r\n\t\t\t}\r\n\t\t}).then(function (data) { // This is the JSON from our response\r\n\t\t\tlet _resData;\r\n\t\t\tif(data.jsonData) {\r\n\t\t\t\tlet json = JSON.parse(data.jsonData);\r\n\t\t\t\t_resData = json;\r\n\t\t\t} else {\r\n\t\t\t\t_resData = data;\r\n\t\t\t}\r\n\t\t\tif(! _resData || _resData.length <= 0 ) return;\r\n\t\t\tSTORE.data.shortcut = _resData;\r\n\t\t\t_this.render(_resData);\r\n\t\t}).catch(function (err) { // There was an error\r\n\t\t\tconsole.log('오류가 발생했습니다.', err);\r\n\t\t});\r\n\t}\r\n\trender(data) {\r\n\t\t// console.log( '# shortcut.js render() data : ', data );\r\n\t\tconst wrapper = document.querySelectorAll('#topShortcut, #bottomShortcut'); // $('.shortcut-wrapper');\r\n\t\tconst tmpl = this.templ(data); // isActive:true 일 경우에만 렌더 하자\r\n\t\tif (data && data.isActive ) {\r\n\t\t\twrapper.forEach( el => {\r\n\t\t\t\tel.innerHTML = tmpl;\r\n\t\t\t});\r\n\t\t}\r\n\t\tthis.addEvent();\r\n\t}\r\n\ttempl(_d){\r\n\t\t// 다음 채널링 이면\r\n\t\tif(String(window.isDaumChannelling) === 'true' && _d.channellingList.length > 0 ) {\r\n\t\t\t// console.log('다음 채널링으로 접속하셨습니다.');\r\n\t\t\treturn `\r\n\t\t\t\r\n\t\t\t\t${_a.title}\r\n\t\t\t `;\r\n\t}\r\n\tpcListTempl(_a) {\r\n\t\treturn `\r\n\t\t\t\r\n\t\t\t\t${_a.title}\r\n\t\t\t `;\r\n\t}\r\n\r\n\taddEvent() {\r\n\t\t// shortcut\r\n\t\tlet topShortcutSwiper = new Swiper('#topShortcut', {\r\n\t\t\tslidesPerView: 'auto'\r\n\t\t});\r\n\t\tlet bottomShortcutSwiper = new Swiper('#bottomShortcut', {\r\n\t\t\tslidesPerView: 'auto'\r\n\t\t});\r\n\t}\r\n\r\n}","import Utils from '../common/Utils';\r\nimport {GLOBAL_PATH, STORE } from '../common/Model';\r\nimport {communityHomeL10n} from \"../common/L10n\";\r\n\r\nexport default class Appdown {\r\n\tconstructor(_config) {\r\n\r\n\t\tthis.config = _config;\r\n\t\tlet _option = {\r\n\t\t\ttype: 'api',\r\n\t\t\tservice : this.config.service,\r\n\t\t\tmenu : 'appdown',\r\n\t\t\tlocale : this.config.locale,\r\n\t\t\tcountry : this.config.country\r\n\t\t};\r\n\t\tthis.appdownApiUrl = GLOBAL_PATH(_option);\r\n\t\tthis.l10n = communityHomeL10n[this.config.lang];\r\n\r\n\t}\r\n\tinit() {\r\n\t\tif (Utils.isEmptyObject(STORE.data.appdown)) {\r\n\t\t\tthis.get();\r\n\t\t} else {\r\n\t\t\tthis.render(STORE.data.appdown);\r\n\t\t}\r\n\t}\r\n\r\n\tget() {\r\n\t\tconst _this = this;\r\n\t\tfetch(this.appdownApiUrl, {\r\n\t\t\tdataType: \"json\",\r\n\t\t\ttype: \"GET\",\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json', 'Accept': 'application/json'\r\n\t\t\t}\r\n\t\t}).then(function (data) { // This is the JSON from our response\r\n\t\t\t// console.log(data);\r\n\t\t\tlet _resData;\r\n\t\t\tif(data.jsonData) {\r\n\t\t\t\tlet json = JSON.parse(data.jsonData);\r\n\t\t\t\t_resData = json;\r\n\t\t\t} else {\r\n\t\t\t\t_resData = data;\r\n\t\t\t}\r\n\t\t\tif(! _resData || _resData.length <= 0 ) return;\r\n\t\t\tSTORE.data.appdown = _resData;\r\n\t\t\tthis.render(_resData);\r\n\t\t}).catch(function (err) { // There was an error\r\n\t\t\t// console.warn('Something went wrong.', err);\r\n\t\t\tconsole.log('오류가 발생했습니다.', err);\r\n\t\t\t_this.container.innerHTML = ``;\r\n\t\t});\r\n\t\t/*$.ajax({\r\n\t\t\tdataType: \"json\",\r\n\t\t\ttype: \"GET\",\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json', 'Accept': 'application/json'\r\n\t\t\t},\r\n\t\t\turl: `${this.appdownApiUrl}`\r\n\t\t})\r\n\t\t.fail( xhr => console.log('오류가 발생했습니다.') )\r\n\t\t.done(( data ) => {\r\n\t\t\tlet _resData;\r\n\t\t\tif(data.jsonData) {\r\n\t\t\t\tlet json = JSON.parse(data.jsonData);\r\n\t\t\t\t_resData = json;\r\n\t\t\t} else {\r\n\t\t\t\t_resData = data;\r\n\t\t\t}\r\n\t\t\tif(! _resData || _resData.length <= 0 ) return;\r\n\t\t\tSTORE.data.appdown = _resData;\r\n\t\t\tthis.render(_resData);\r\n\t\t});*/\r\n\t}\r\n\trender(data) {\r\n\t\tconst wrappers = document.querySelectorAll('.home-appdown-quick, .home-appdown');\r\n\t\tlet tmpl;\r\n\t\tif( data.appList ) { // 앱리스트 개선\r\n\t\t\ttmpl = this.templ(data);\r\n\t\t}\r\n\t\twrappers.forEach( el => {\r\n\t\t\tel.innerHTML = tmpl;\r\n\t\t});\r\n\t}\r\n\r\n\ttempl(_d){\r\n\t\treturn `${_d.isActive ?\r\n\t\t\t\t`\r\n\t\t\t\t\r\n\t\t\t\t![\"${_a.name}\"](\"${_a.img}\")
\r\n\t\t\t\t\r\n\t\t\t `;\r\n\t}\r\n\r\n}","import Utils from '../common/Utils';\r\n// import Swiper, {Navigation, Pagination} from 'swiper';\r\nimport Swiper from 'swiper';\r\nimport { Navigation, Pagination } from 'swiper/modules';\r\nimport { GLOBAL_PATH, STORE } from '../common/Model';\r\n\r\nexport default class Cmazit {\r\n\tconstructor(_config) {\r\n\r\n\t\tthis.config = _config;\r\n\t\tlet _option = {\r\n\t\t\ttype: 'api',\r\n\t\t\tservice : this.config.service,\r\n\t\t\tmenu : 'cmazit',\r\n\t\t\tlocale : this.config.locale,\r\n\t\t\tcountry : this.config.country\r\n\t\t};\r\n\t\tthis.cmazitApiUrl = GLOBAL_PATH(_option);\r\n\t}\r\n\tinit() {\r\n\t\tif (Utils.isEmptyObject(STORE.data.cmazit)) {\r\n\t\t\tthis.get();\r\n\t\t} else {\r\n\t\t\tthis.render(STORE.data.cmazit);\r\n\t\t}\r\n\t}\r\n\r\n\tget() {\r\n\t\t// console.log( '# cmazit.js > get() this.cmazitApiUrl : ', this.cmazitApiUrl);\r\n\t\tconst _this = this;\r\n\t\tfetch(this.cmazitApiUrl, {\r\n\t\t\tdataType: \"json\",\r\n\t\t\ttype: \"GET\",\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json', 'Accept': 'application/json'\r\n\t\t\t}\r\n\t\t}).then(function (response) { // The API call was successful!\r\n\t\t\tif (response.ok) {\r\n\t\t\t\treturn response.json();\r\n\t\t\t} else {\r\n\t\t\t\treturn Promise.reject(response);\r\n\t\t\t}\r\n\t\t}).then(function (data) { // This is the JSON from our response\r\n\t\t\tlet _resData;\r\n\t\t\tif(data.jsonData) {\r\n\t\t\t\tlet json = JSON.parse(data.jsonData);\r\n\t\t\t\t_resData = json;\r\n\t\t\t} else {\r\n\t\t\t\t_resData = data;\r\n\t\t\t}\r\n\t\t\tif(! _resData || _resData.length <= 0 ) return;\r\n\t\t\tSTORE.data.cmazit = _resData;\r\n\t\t\t_this.render(_resData);\r\n\t\t}).catch(function (err) { // There was an error\r\n\t\t\t// console.warn('Something went wrong.', err);\r\n\t\t\tconsole.log('오류가 발생했습니다.', err);\r\n\t\t});\r\n\r\n\t\t/*$.ajax({\r\n\t\t\tdataType: \"json\",\r\n\t\t\ttype: \"GET\",\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json', 'Accept': 'application/json'\r\n\t\t\t},\r\n\t\t\turl: `${this.cmazitApiUrl}`\r\n\t\t})\r\n\t\t.fail( xhr => console.log('오류가 발생했습니다.') )\r\n\t\t.done(( data ) => {\r\n\t\t\tlet _resData;\r\n\t\t\tif(data.jsonData) {\r\n\t\t\t\tlet json = JSON.parse(data.jsonData);\r\n\t\t\t\t_resData = json;\r\n\t\t\t} else {\r\n\t\t\t\t_resData = data;\r\n\t\t\t}\r\n\t\t\tif(! _resData || _resData.length <= 0 ) return;\r\n\t\t\tSTORE.data.cmazit = _resData;\r\n\t\t\tthis.render(_resData);\r\n\t\t});*/\r\n\t}\r\n\r\n\trender(data) {\r\n\t\tconst wrapper = document.querySelector('.cmazit-wrapper');\r\n\t\tlet _title = (data.url) ? `\r\n\t\t\t\t${_tit}\r\n\t\t\t\t\r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t \r\n\t\t\t\r\n\t\t\t`;\r\n\t}\r\n\r\n\tlistTempl(_a) {\r\n\t\tlet _hasMovie = _a.hasMovie ? `\r\n\t\t\t${_title}\r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t${_d.map( (item, index) => {\r\n\t\t\t\treturn this.listTempl(item); // if(index<6) \r\n\t\t\t\t}).join('')}\r\n\t\t\t `;\r\n\t}\r\n\r\n\tlistTempl(_a) {\r\n\t\tlet _hasMovie = _a.hasMovie ? `\r\n\t\t\t${_title}\r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t `;\r\n\t}\r\n\r\n\tlistTempl(_a) {\r\n\t\t// console.log('# movie.js : ', _a.ul, _a.thumbnailUrl, _a.title);\r\n\t\tlet _movieViewurl = _a.url ? _a.url : `${this.moviePathUrl}view?articleId=${_a.id}`;\r\n\t\treturn `\r\n\t\t`;\r\n\t}\r\n\r\n\taddEvent() {\r\n\t\tlet movieSwiper;\r\n\t\tfunction setMovieSwiper() {\r\n\t\t\t// console.log('# setMovieSwiper()');\r\n\t\t\tmovieSwiper = new Swiper('.movie-list', {\r\n\t\t\t\tslidesPerView: 'auto',\r\n\t\t\t\tslidesPerGroup: 3,\r\n\t\t\t\tspaceBetween: 0,\r\n\t\t\t\tbreakpoints: {\r\n\t\t\t\t\t639: {\r\n\t\t\t\t\t\tspaceBetween: 0\r\n\t\t\t\t\t},\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t\tfunction resetMovieSwiper() {\r\n\t\t\tlet width = window.innerWidth;\r\n\t\t\tif (width > 640) {\r\n\t\t\t\tif (movieSwiper) {\r\n\t\t\t\t\tmovieSwiper.destroy(true, true);\r\n\t\t\t\t\tmovieSwiper = undefined;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (width <= 639) {\r\n\t\t\t\tif (!movieSwiper) {\r\n\t\t\t\t\tsetMovieSwiper();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\tsetMovieSwiper();\r\n\r\n\t\t/*$(window).on('resize', this.onWindowResize);\r\n\t\tfunction onWindowResize () {\r\n\t\t\tresetMovieSwiper();\r\n\t\t}*/\r\n\t\twindow.addEventListener('resize', (evt) => {\r\n\t\t\tresetMovieSwiper();\r\n\t\t});\r\n\t}\r\n\r\n}","import Utils from '../common/Utils';\r\n// import Swiper, {Navigation, Pagination} from 'swiper';\r\nimport Swiper from 'swiper';\r\nimport { Navigation, Pagination } from 'swiper/modules';\r\nimport {API_DOMAIN, GLOBAL_PATH, STORE } from '../common/Model';\r\n\r\nexport default class Guide {\r\n\tconstructor(_config) {\r\n\r\n\t\tthis.config = _config;\r\n\t\tlet _option = {\r\n\t\t\ttype: 'api',\r\n\t\t\tservice : this.config.service,\r\n\t\t\tmenu : 'guidebook',\r\n\t\t\tlocale : this.config.locale,\r\n\t\t\tcountry : this.config.country\r\n\t\t};\r\n\t\tthis.guideApiUrl = GLOBAL_PATH(_option);\r\n\t\tthis.TITLE = _config.tabConfig.tabCmpick.cmpickGuidebook.title ? _config.tabConfig.tabCmpick.cmpickGuidebook.title : STORE.title.guide;\r\n\t\tlet _optionUrl = {\r\n\t\t\ttype: 'url',\r\n\t\t\tservice : this.config.service,\r\n\t\t\tmenu : 'guidebook',\r\n\t\t\tlocale : this.config.locale,\r\n\t\t\tcountry : this.config.country\r\n\t\t};\r\n\t\tthis.guidePathUrl = GLOBAL_PATH(_optionUrl);\r\n\t}\r\n\tinit() {\r\n\t\tif( Utils.isEmptyObject(STORE.data.guidebook) ) {\r\n\t\t\tthis.get();\r\n\t\t} else {\r\n\t\t\tthis.render(STORE.data.guidebook);\r\n\t\t}\r\n\t}\r\n\r\n\tget() {\r\n\t\tconst _this = this;\r\n\t\tfetch(this.guideApiUrl, {\r\n\t\t\tdataType: \"json\",\r\n\t\t\ttype: \"GET\",\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json', 'Accept': 'application/json'\r\n\t\t\t}\r\n\t\t}).then(function (response) { // The API call was successful!\r\n\t\t\tif (response.ok) {\r\n\t\t\t\treturn response.json();\r\n\t\t\t} else {\r\n\t\t\t\treturn Promise.reject(response);\r\n\t\t\t}\r\n\t\t}).then(function (data) { // This is the JSON from our response\r\n\t\t\tlet _resData;\r\n\t\t\tif(data.jsonData) {\r\n\t\t\t\tlet json = JSON.parse(data.jsonData);\r\n\t\t\t\t_resData = json.list;\r\n\t\t\t} else {\r\n\t\t\t\t_resData = data.list;\r\n\t\t\t}\r\n\t\t\tif(! _resData || _resData.length <= 0 ) return;\r\n\t\t\tSTORE.data.guidebook = _resData;\r\n\t\t\t_this.render(_resData);\r\n\t\t}).catch(function (err) { // There was an error\r\n\t\t\t// console.warn('Something went wrong.', err);\r\n\t\t\tconsole.log('오류가 발생했습니다.', err);\r\n\t\t});\r\n\t\t/*$.ajax({\r\n\t\t\tdataType: \"json\",\r\n\t\t\ttype: \"GET\",\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json', 'Accept': 'application/json'\r\n\t\t\t},\r\n\t\t\turl: `${this.guideApiUrl}`\r\n\t\t})\r\n\t\t.fail( xhr => console.log('오류가 발생했습니다.') )\r\n\t\t.done(( data ) => {\r\n\t\t\tlet _resData;\r\n\t\t\tif(data.jsonData) {\r\n\t\t\t\tlet json = JSON.parse(data.jsonData);\r\n\t\t\t\t_resData = json.list;\r\n\t\t\t} else {\r\n\t\t\t\t_resData = data.list;\r\n\t\t\t}\r\n\t\t\tif(! _resData || _resData.length <= 0 ) return;\r\n\t\t\tSTORE.data.guidebook = _resData;\r\n\t\t\tthis.render(_resData);\r\n\t\t});*/\r\n\t}\r\n\trender(data) {\r\n\t\tconst wrapper = document.querySelector('.guide-wrapper');\r\n\t\tconst tmpl = this.templ(data); // isActive:true 일 경우에만 렌더 하자\r\n\t\tif(data && data.length > 0) wrapper.innerHTML = tmpl;\r\n\r\n\t\tthis.addEvent();\r\n\t}\r\n\r\n\ttempl(_d){\r\n\t\tlet _title = `\r\n\t\t\t\t${_title}\r\n\t\t\t\t\r\n\t\t\t \r\n\t\t\t\r\n\t\t\t\t \r\n\t\t\t\r\n\t\t\t`;\r\n\t}\r\n\r\n\tlistTempl(_a) {\r\n\t\tlet _guideViewUrl = `${this.guidePathUrl}view?title=${encodeURI(_a.title)}`;\r\n\t\treturn `\r\n\t\t`;\r\n\t}\r\n\r\n\taddEvent() {\r\n\t\tlet guideSwiper = new Swiper('.guide-list', {\r\n\t\t\tmodules: [Navigation, Pagination],\r\n\t\t\tslidesPerView: 'auto',\r\n\t\t\t// slidesPerGroup: 'auto',\r\n\t\t\tspaceBetween: 1,\r\n\t\t\tloop: false,\r\n\t\t\tfreeMode: true,\r\n\t\t\tfreeModeMomentumBounce: false,\r\n\t\t\t// loopAdditionalSlides: 6,\r\n\t\t\tpagination: {\r\n\t\t\t\tel: '.guide-wrapper .swiper-pagination',\r\n\t\t\t\ttype: 'bullets',\r\n\t\t\t\tclickable: true\r\n\t\t\t},\r\n\t\t\tnavigation: {\r\n\t\t\t\tnextEl: '.guide-wrapper .swiper-button-next',\r\n\t\t\t\tprevEl: '.guide-wrapper .swiper-button-prev'\r\n\t\t\t},\r\n\t\t\tbreakpoints: {\r\n\t\t\t\t959: {\r\n\t\t\t\t\tslidesPerView: 3,\r\n\t\t\t\t\tslidesPerGroup: 3,\r\n\t\t\t\t\tloop: false\r\n\t\t\t\t},\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tif (guideSwiper.slides.length <= 3) {\r\n\t\t\tconst bullets = document.querySelectorAll(\".guide-wrapper .swiper-pagination-bullets\");\r\n\t\t\tbullets.forEach( el => {\r\n\t\t\t\tel.classList.add('disabled');\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\t/*window.addEventListener('resize', (evt) => {\r\n\t\t\tonWindowResize();\r\n\t\t});\r\n\t\tfunction onWindowResize () {\r\n\t\t\tguideSwiper();\r\n\t\t}*/\r\n\r\n\t}\r\n\r\n}","import Utils from '../common/Utils';\r\nimport Swiper from 'swiper';\r\nimport Popularity from '../index/homePopularity';\r\nimport Myfeed from '../index/homeMyfeed';\r\nimport PromotionSlick from '../component/promotionSlick';\r\nimport Promotion from '../component/promotion';\r\nimport News from '../component/news';\r\nimport Shortcut from '../component/shortcut';\r\nimport Appdown from '../component/appdown';\r\nimport Cmazit from '../component/cmazit';\r\nimport Cmbest from '../component/cmbest';\r\nimport Movie from '../component/movie';\r\nimport Guide from '../component/guide';\r\nimport {GLOBAL_PATH, STORE, TAB} from '../common/Model';\r\nimport {communityHomeL10n} from \"../common/L10n\";\r\n\r\nclass App {\r\n\tconstructor(_config = {}) {\r\n\t\tconst htmlEl = document.getElementsByTagName(\"html\")[0];\r\n\t\tthis.config = _config;\r\n\t\tthis.config.service = htmlEl.getAttribute('data-service').toLowerCase() || 'tricksterm'; // service = tricskterm, h3, bns2, linw, l2mru\r\n\t\tthis.config.country = window._localeCountry ? window._localeCountry : 'KR'; // kr hk\r\n\t\tthis.config.lang = htmlEl.getAttribute('lang').toLowerCase() || 'ko'; // 'ko-KR';\r\n\t\tthis.config.locale = window._locale ? window._locale : window.userData.locale; // 'ko-KR';\r\n\t\tthis.config.isRtl = document.querySelectorAll(\"html[dir=rtl]\").length > 0;\r\n\t\tthis.config.isDarkmode = document.querySelectorAll(\"html[class=dark-mode]\").length > 0;\r\n\t\tthis.config.tabCookieName = `${this.config.service.toUpperCase()}_MyTab`; // 탭 쿠키 명 , 쿠키 체크해서 진입할 때 기존 열었던 탭을 보여주려 함\r\n\r\n\t\tthis.config.isGlobal = (this.config.service==='lineage2mru' || this.config.service==='lineage2mnaeu'); // 커뮤니티 글로벌 API 사용 여부 및 마이피드 url에서 국가 패스 유무\r\n\r\n\t\tthis.isPopularity = _config.tabConfig.tabActive.popularity || false; // 인기탭 활성화 여부 {\\\"tabActive\\\":{\\\"popularity\\\":false,\\\"myfeed\\\":true},\\\"tabPopularity\\\":{\\\"list\\\":[{\\\"isActive\\\":false}]}\r\n\t\tthis.isMyfeed = _config.tabConfig.tabActive.myfeed || false; // 마이 탭 활성화 여부\r\n\t\tthis.isCmpickGuidebook = _config.tabConfig.tabActive.cmpickGuidebook;\r\n this.disableAppdown = this.config.service === 'lovebeat'; // || Utils.isPurpleApp(); // 러브비트 앱다운로드 없음, 퍼플모바일앱에서도 노출하지말아달라고 했다가 다시 노출해달라고 함\r\n this.disableMovie = this.config.service === 'lovebeat'; // 러브비트 영상 게시판 없음\r\n this.isMobile = false;\r\n\t\tthis.l10n = communityHomeL10n[this.config.lang];\r\n\r\n\t\t// cookie\r\n\t\tconst lang = htmlEl.getAttribute('lang')? htmlEl.getAttribute('lang').toLocaleLowerCase(): 'ko';\r\n\t\tthis.isCookieApply = false;\r\n\t\tif (lang ==='ko' || this.config.service !== 'lineage2mru' || this.config.service !== 'lineage2mnaeu' || this.config.service ==='lineage2mnct' || this.config.service ==='lineage2mncj') { // 글로벌 서비스에서만 적용됨\r\n\t\t\tthis.isCookieApply = true;\r\n\t\t} else {\r\n\t\t\tthis.isCookieApply = JSON.parse(decodeURIComponent(Utils.getCookie('applyCookie')));\r\n\t\t\tthis.isCookieApply = this.isCookieApply?.typeArr?.indexOf('FUNCTIONAL');\r\n\t\t\tthis.isCookieApply = (this.isCookieApply !== undefined) && (this.isCookieApply > -1);\r\n\t\t}\r\n\t\t// console.log('=>COOKIE? this.isCookieApply : ', this.isCookieApply );\r\n\t\t// console.log( '=> this.config : ', this.config);\r\n\t\tthis.init(this.config);\r\n\t}\r\n\r\n\tinit(_config) {\r\n\t\tthis.isMobile = document.querySelectorAll(\"body[class=mobile]\").length > 0;\r\n\t\tif (this.isPopularity || this.isMyfeed) {\r\n\t\t\tthis.tabEvent(_config);\r\n\t\t} else {\r\n\t\t\tdocument.querySelector(`[data-content-id=\"cmpick\"]`).classList.add('is-active');\r\n\t\t}\r\n\r\n\t\tthis.render(_config);\r\n\r\n\t\t// conti\r\n\t\tthis.getGroup();\r\n\r\n\t}\r\n\r\n\tgetGroup() { // if conti\r\n\t\tconst _this = this;\r\n\t\tlet _option = {\r\n\t\t\ttype: 'api',\r\n\t\t\tservice : this.config.service,\r\n\t\t\tmenu : 'group',\r\n\t\t\tlocale : this.config.locale,\r\n\t\t\tcountry : this.config.country\r\n\t\t};\r\n\t\tthis.groupUrl = GLOBAL_PATH(_option);\r\n\t\t// console.log( '#getGroup: _option: ', _option, this.groupUrl);\r\n\r\n\t\tfetch(this.groupUrl, {\r\n\t\t\tdataType: \"json\",\r\n\t\t\ttype: \"GET\",\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json', 'Accept': 'application/json'\r\n\t\t\t}\r\n\t\t}).then(function (response) { // The API call was successful!\r\n\t\t\tif (response.ok) {\r\n\t\t\t\treturn response.json();\r\n\t\t\t} else {\r\n\t\t\t\treturn Promise.reject(response);\r\n\t\t\t}\r\n\t\t}).then(function (data) { // This is the JSON from our response\r\n\t\t\t// console.log(data);\r\n\t\t\tlet setGroup = async () => {\r\n\t\t\t\tdata.forEach(item => {\r\n\t\t\t\t\tif(item.alias === 'nchome-promotion') STORE.data.promotion = JSON.parse(item.jsonData);\r\n\t\t\t\t\tif(item.alias === 'nchome-news') STORE.data.news = JSON.parse(item.jsonData).list;\r\n\t\t\t\t\tif(item.alias === 'nchome-shortcut') STORE.data.shortcut = JSON.parse(item.jsonData);\r\n\t\t\t\t\tif(item.alias === 'nchome-appdown') STORE.data.appdown = JSON.parse(item.jsonData);\r\n\t\t\t\t\tif(item.alias === 'nchome-cmpick-azit') STORE.data.cmazit = JSON.parse(item.jsonData);\r\n\t\t\t\t\tif(item.alias === 'nchome-cmpick-best' || item.alias === 'nchome-cmpick-best\\t') STORE.data.cmbest = JSON.parse(item.jsonData);\r\n\t\t\t\t});\r\n\t\t\t};\r\n\t\t\tsetGroup().then(() => {\r\n\t\t\t\tnew PromotionSlick(_this.config).init();\r\n\t\t\t\tnew News(_this.config).init();\r\n\t\t\t\tnew Shortcut(_this.config).init();\r\n if(!_this.disableAppdown) new Appdown(_this.config).init();\r\n\t\t\t\tnew Cmazit(_this.config).init();\r\n\t\t\t\tif(_this.isCmpickGuidebook ) new Guide(_this.config).init();\r\n\t\t\t\tif(!_this.disableMovie) new Movie(_this.config).init();\r\n\t\t\t\tnew Cmbest(_this.config).init();\r\n\t\t\t\tif(document.querySelectorAll('.home-loading').length > 0 ) document.querySelector('.home-loading').remove(); // loading\r\n\t\t\t});\r\n\r\n\t\t}).catch(function (err) { // There was an error\r\n\t\t\tconsole.warn('Something went wrong.', err);\r\n\t\t});\r\n\r\n\t}\r\n\t// tab\r\n\ttabEvent(_config) {\r\n\t\tconst _this = this;\r\n\t\tconst tabContainer = document.querySelector('.home-tab');\r\n\t\tconst tabParent = document.querySelector('.tab-list');\r\n\t\tconst tabs = document.querySelectorAll('.tab-item');\r\n\t\tconst contentParent = document.querySelector('.home-content');\r\n\t\tconst contents = document.querySelector('.home-content [data-content-id]');\r\n\r\n\t\tlet prevTab_id;\r\n\t\tlet activeTab_id = (_this.isCookieApply && Utils.getCookie(_this.config.tabCookieName)) ? Utils.getCookie(_this.config.tabCookieName) : TAB.CMPICK ; // cookie\r\n\t\t// console.log('=>COOKIE? this.isCookieApply / activeTab_id : ', _this.isCookieApply , activeTab_id );\r\n\r\n\t\tlet activeTab_object = document.querySelector(`[data-tab-id=\"${activeTab_id}\"]`);\r\n\t\tlet activeContent_object = document.querySelector(`[data-content-id=\"${activeTab_id}\"]`);\r\n\r\n\t\tactiveTab_object.classList.add('is-active');\r\n\t\tactiveContent_object.classList.add('is-active');\r\n\t\ttabContainer.setAttribute('data-active-tab-id',activeTab_id);\r\n\r\n\t\tprevTab_id = activeTab_id;\r\n\r\n\t\tif(this.isPopularity ) new Popularity(_config).init();\r\n\t\tif(this.isMyfeed ) new Myfeed(_config).init();\r\n\r\n\t\ttabs.forEach((el) => {\r\n\t\t\tel.addEventListener('click', (evt) => {\r\n\r\n\t\t\t\tevt.preventDefault();\r\n\t\t\t\tactiveTab_id = el.getAttribute('data-tab-id');\r\n\r\n\t\t\t\tif( prevTab_id == activeTab_id ) {\r\n\t\t\t\t\treturn false;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tdocument.querySelector(`[data-tab-id=\"${prevTab_id}\"]`).classList.remove('is-active');\r\n\t\t\t\tdocument.querySelector(`[data-content-id=\"${prevTab_id}\"]`).classList.remove('is-active');\r\n\r\n\t\t\t\tactiveTab_object = document.querySelector(`[data-tab-id=\"${activeTab_id}\"]`);\r\n\t\t\t\tactiveContent_object = document.querySelector(`[data-content-id=\"${activeTab_id}\"]`);\r\n\r\n\t\t\t\tactiveTab_object.classList.add('is-active');\r\n\t\t\t\tactiveContent_object.classList.add('is-active');\r\n\r\n\t\t\t\ttabContainer.setAttribute('data-active-tab-id', activeTab_id);\r\n\r\n\t\t\t\tprevTab_id = activeTab_id;\r\n\r\n\t\t\t\tif(_this.isCookieApply) { // cookie\r\n\t\t\t\t\tUtils.setCookie(_this.config.tabCookieName, activeTab_id, 1);\r\n\t\t\t\t\t// console.log('=>COOKIE? activeTab_id : ', activeTab_id);\r\n\t\t\t\t}\r\n\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t} // tabEvent\r\n\r\n\trender(_config) {\r\n\t\tconst _container = $('.home-cmpick');\r\n\r\n\t\tif( _container.is(':empty') ) {\r\n\t\t\tlet containerTmpl = `\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t`;\r\n\t\t\t_container.html(containerTmpl);\r\n\r\n\t\t}\r\n\t}\r\n\r\n\t// news\r\n\tnewsToggleEvent() {\r\n\t\tlet parent = document.querySelector('.news-wrapper');\r\n\t\tlet button = document.querySelector('.news-wrapper .news-button');\r\n\t\tlet flag;\r\n\t\tbutton.addEventListener('click', (evt) => {\r\n\t\t\tevt.preventDefault();\r\n\t\t\tif(! flag) {\r\n\t\t\t\tparent.classList.add('is-active');\r\n\t\t\t\tflag = true;\r\n\t\t\t}else {\r\n\t\t\t\tparent.classList.remove('is-active');\r\n\t\t\t\tflag = false;\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\t// shortcut Mobile\r\n\tshortcutEvent() {\r\n\t\tlet topShortcutSwiper = new Swiper('#topShortcut', {\r\n\t\t\tslidesPerView: 'auto'\r\n\t\t});\r\n\t\tlet bottomShortcutSwiper = new Swiper('#bottomShortcut', {\r\n\t\t\tslidesPerView: 'auto'\r\n\t\t});\r\n\t}\r\n\r\n\r\n\r\n\r\n}\r\n\r\nUtils.namespace('nc.communityHome');\r\nnc.communityHome = App;"],"sourceRoot":""}
내 대표 캐릭터의 무기와 관련된 태그로 등록된
새 글을 모아 보여드립니다.',\r\n\t\t'lineage2m': 'MY 피드에서는 혈맹 아지트의 새글,
내 대표 캐릭터 클래스와 관련된 태그로 등록된
새 글을 모아 보여드립니다.',\r\n\t}\r\n};\r\n\r\nconst STORE = {\r\n\tSWIPER : {\r\n\t\thomeContentSwiper : {}\r\n\t},\r\n\tdata : {\r\n\t\tpromotion: {},\r\n\t\tcmazit : {},\r\n\t\tcmbest : {},\r\n\t\tguidebook : {},\r\n\t\tmovie : {},\r\n\t\ttopArticle : {},\r\n\t\ttopQnanknowhow : {},\r\n\t\tqnanknowhow : {},\r\n\t\ttopScrap : {},\r\n\t\tnews: {},\r\n\t\tappdown: {},\r\n\t\tshortcut: {},\r\n\t\tmyfeed: {}\r\n\t},\r\n\turl : { // 운영툴에 값이 없을 경우에만\r\n\t\tcmazit : '/board/cm_story/list', // cmazitCommunity에서만 지금은 모두 운영툴\r\n\t\tguide : '/guidebook/index',\r\n\t\tcmbest : '',\r\n\t\t// channel : 'https://www.youtube.com/user/plaync', // 채널 삭제\r\n\t\tmovie : '/board/movie_clip/list'\r\n\t},\r\n\ttitle : { // 운영툴에 입력값이 없을 경우에\r\n\t\tcmazit : 'CM 아지트',\r\n\t\tguide : '가이드북',\r\n\t\tcmbest : '인챈트 도전기 베스트',\r\n\t\t// channel : 'CH : NPC', // 채널 삭제\r\n\t\tmovie : '공식 동영상',\r\n\t\ttopArticle : null,\r\n\t\ttopQnanknowhow : null,\r\n\t\tqnanknowhow : null,\r\n\t\ttopScrap : null,\r\n\t},\r\n\tpwa : null,\r\n\tpwaLayer : null\r\n};\r\n\r\nexport {\r\n\tGLOBAL_PATH,\r\n\tAPI_DOMAIN,\r\n\tSTORE,\r\n\tTAB,\r\n\tMYFEED\r\n}","import {API_DOMAIN, API_PATH, STORE} from '../common/Model';\r\n\r\nexport default class Popularity {\r\n\tconstructor(_config) {\r\n\t\tthis.config = _config;\r\n\t\tthis.serviceEnv = _config.serviceEnv.toUpperCase() || 'LIVE';\r\n\t\tthis.serviceApiUrl = API_DOMAIN.COMMUNITY[this.serviceEnv];\r\n\r\n\t\t// // {\\\"tabActive\\\":{\\\"popularity\\\":false,\\\"myfeed\\\":true},\\\"tabPopularity\\\":{\\\"list\\\":[{\\\"isActive\\\":false}]}\r\n\t\tthis.alias = _config.tabConfig.tabPopularity.list; // 인기글 불러올 게시판을 운영툴에서 지정\r\n\t\tthis.container = $('.home-popularity');\r\n\r\n\t}\r\n\r\n\tinit() {\r\n\t\tconst _alias= this.alias;\r\n\t\tif( this.container.is(':empty') ) {\r\n\r\n\t\t\tlet containerTmpl =`\r\n\t\t\t\t${_alias.map( item => {\r\n\t\t\t\t\tif(item.isActive) return ``;\r\n\t\t\t\t}).join('')}\r\n\t\t\t`;\r\n\r\n\t\t\tthis.container.html(containerTmpl);\r\n\t\t\tthis.get();\r\n\r\n\t\t}\r\n\r\n\t\tthis.addEvent();\r\n\r\n\t}\r\n\r\n\tget() {\r\n\r\n\t\tconst _url = this.serviceApiUrl;\r\n\t\tconst _alias= this.alias;\r\n\r\n\t\t// 최근 5개월 동안 게시글\r\n\t\tconst _date = new Date(userData.now);\r\n\t\t_date.setMonth(_date.getMonth() - 5);\r\n\t\tconst _fromDate = `${_date.toISOString().split('.')[0]}`;\r\n\r\n\t\t// Popularity BoardAlias List\r\n\t\t$.ajax({\r\n\t\t\tdataType: \"json\",\r\n\t\t\ttype: \"GET\",\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json', 'Accept': 'application/json'\r\n\t\t\t},\r\n\t\t\turl: `${_url}/tricksterm/popularity`\r\n\t\t})\r\n\t\t.fail( xhr => console.log('오류가 발생했습니다.') )\r\n\t\t.done(( data ) => {\r\n\t\t});\r\n\r\n\t\t_alias.map( item => {\r\n\t\t\tlet _ajaxUrl, _ajaxParam, _ajaxData;\r\n\r\n\t\t\tif(! item.isActive) return;\r\n\r\n\t\t\tif(item.weightAlias == 'qnanknowhow') {\r\n\t\t\t\t_ajaxUrl = `/api/ncommunity/article/listArticleEntries/qnanknowhow`;\r\n\t\t\t\t// _ajaxUrl = `/board/qnanknowhow/article/search/moreArticle`\r\n\t\t\t\t_ajaxParam = {};\r\n\t\t\t\t_ajaxData = {\r\n\t\t\t\t\tsummary: false,\r\n\t\t\t\t\t\tmoreSize: 18,\r\n\t\t\t\t\t\tpreviousArticleId: 0,\r\n\t\t\t\t\t\tcategoryId: 0,\r\n\t\t\t\t};\r\n\t\t\t} else {\r\n\t\t\t\t_ajaxUrl = `${_url}/tricksterm/popularity/${item.weightAlias}/list`;\r\n\t\t\t\t_ajaxParam = {\r\n\t\t\t\t\t'mergeJobRef' : '5f056ba80e7721000152492b',\r\n\t\t\t\t\t'from' : _fromDate ,\r\n\t\t\t\t\t'to' : '2029-05-01T23:10:01'\r\n\t\t\t\t};\r\n\t\t\t\t_ajaxData = {};\r\n\t\t\t}\r\n\r\n\t\t\t$.ajax({\r\n\t\t\t\tdataType: \"json\",\r\n\t\t\t\ttype: \"GET\",\r\n\t\t\t\theaders: {\r\n\t\t\t\t\t'Content-Type': 'application/json', 'Accept': 'application/json'\r\n\t\t\t\t},\r\n\t\t\t\tdata: _ajaxData,\r\n\t\t\t\tparams: _ajaxParam,\r\n\t\t\t\turl: _ajaxUrl\r\n\t\t\t})\r\n\t\t\t.fail( xhr => console.log('오류가 발생했습니다.') )\r\n\t\t\t.done(( data ) => {\r\n\t\t\t\tlet _title = item.icon ? `
${item.title}
` : `${item.title}
`;\r\n\t\t\t\tthis.render( data, item.weightAlias, _title);\r\n\t\t\t\tSTORE.data[item.weightAlias] = data;\r\n\t\t\t\tSTORE.title[item.weightAlias] = _title;\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n\r\n\r\n\trender(data, alias, title) {\r\n\t\t// console.log('## [homePopularity.js] render() data : ' , data , ' | alias: ', alias , ' | title: ', title);\r\n\t\tlet conainer = $(`[data-content-id=${alias}]`);\r\n\t\tlet _List = (alias == 'qnanknowhow') ? data.contentList : data.articleList;\r\n\t\tif(! data || ! _List) return;\r\n\t\tlet tmpl = this.templ(_List, alias, title);\r\n\t\tif(data && _List.length > 0) conainer.append( tmpl );\r\n\t}\r\n\r\n\ttempl(listData, alias, title){\r\n\t\t// console.log('## [homePopularity.js] templ() data : ' , listData );\r\n\t\treturn `\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t
`;\r\n\t}\r\n\r\n\taddEvent() {\r\n\r\n\t}\r\n\r\n\r\n}","export const communityHomeL10n = {\r\n ko: {\r\n viewAll : '전체보기',\r\n lwYoutube : 'Lineage W 공식 유튜브 채널',\r\n myProfile : '내 프로필',\r\n cmPick : 'CM 픽',\r\n pop : '인기',\r\n myFeed : 'MY 피드',\r\n myFeedBeforeLogin : '로그인 후 나를 위한 맞춤 콘텐츠를 확인해보세요.',\r\n login : '로그인',\r\n myFeedNoData : '업데이트된 새 글이 없습니다.',\r\n myFeedInfo : 'MY 피드에서는 혈맹 게시판의 새 글을 모아 보여드립니다.',\r\n pageError : '일시적으로 페이지를 불러올 수 없습니다. \r\n\t\t\t\t\t
\r\n\t\t\t\t${_thumb}\r\n\t\t\t\r\n\t\t${item.title}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t${_info}\r\n\t\t\t\t\t
\r\n\t\t\t\t잠시 후 다시 접속해주세요.',\r\n count : '조회',\r\n seeMore : '더보기'\r\n },\r\n ar: {\r\n viewAll : 'عرض الكل',\r\n lwYoutube : 'قناة Youtube الرسمية لـLineage W',\r\n myProfile : 'ملفي',\r\n cmPick : 'اختيار CM',\r\n pop : 'شعبي',\r\n myFeed : 'حائط MY',\r\n myFeedBeforeLogin : 'تحقق من المحتوى المخصص لك بعد تسجيل الدخول.',\r\n login : 'تسجيل الدخول',\r\n myFeedNoData : 'لا يوجد منشور مسجل حديثا.',\r\n myFeedInfo : 'حائط MY يحتوي على المنشورات الجديدة الخاصة بلوحة إعلانات عهد الدم.',\r\n pageError : 'لن يمكن استدعاء الصفحة مؤقتا.
الرجاء إعادة المحاولة لاحقا.',\r\n count : 'مشاهدة',\r\n seeMore : 'عرض المزيد'\r\n },\r\n en: {\r\n viewAll : 'View All',\r\n lwYoutube : 'Lineage W Official YouTube Channel',\r\n myProfile : 'My Profile',\r\n cmPick : 'CM Pick',\r\n pop : 'Popular',\r\n myFeed : 'My Feed',\r\n myFeedBeforeLogin : 'Sign in to see personalized content.',\r\n login : 'Sign In',\r\n myFeedNoData : 'There are no newly registered posts.',\r\n myFeedInfo : 'My Feed has all of the newly created posts from the Guild Board.',\r\n pageError : 'Unable to load the page temporarily.
Please try again later.',\r\n count : 'View',\r\n seeMore : 'View More'\r\n },\r\n id: {\r\n viewAll : 'Lihat Semua',\r\n lwYoutube : 'Channel YouTube Resmi Lineage W',\r\n myProfile : 'Profil Saya',\r\n cmPick : 'Pilihan CM',\r\n pop : 'Populer',\r\n myFeed : 'Feed Saya',\r\n myFeedBeforeLogin : 'Silakan login dan cek konten yang disesuaikan untuk Anda.',\r\n login : 'Login',\r\n myFeedNoData : 'Tidak ada postingan baru.',\r\n myFeedInfo : 'Postingan baru di Board Klan dapat dilihat di Feed Saya.',\r\n pageError : 'Tidak dapat memuat halaman untuk sementara.
Silakan coba beberapa saat lagi.',\r\n count : 'Views',\r\n seeMore : 'Lihat Lebih Banyak'\r\n },\r\n ja: {\r\n viewAll : '全体リストを見る',\r\n lwYoutube : 'Lineage W公式YouTubeチャンネル',\r\n myProfile : 'マイプロフィール',\r\n cmPick : 'CMピックアップ',\r\n pop : '人気',\r\n myFeed : 'Myフィード',\r\n myFeedBeforeLogin : 'ログインし、お好みのコンテンツをご確認ください。',\r\n login : 'ログイン',\r\n myFeedNoData : '新しい投稿がありません。',\r\n myFeedInfo : 'Myフィードでは血盟掲示板の新しい投稿をまとめて確認できます。',\r\n pageError : '一時的にページを読み込むことができません。
しばらくしてからもう一度お試しください。',\r\n count : '閲覧数',\r\n seeMore : 'もっと見る'\r\n },\r\n ru: {\r\n viewAll : 'Посмотреть всё',\r\n lwYoutube : 'Официальный канал YouTube Lineage W',\r\n myProfile : 'Мой профиль',\r\n cmPick : 'Выбор CM',\r\n pop : 'Популярное',\r\n myFeed : 'Моя лента',\r\n myFeedBeforeLogin : 'Войдите в аккаунт, чтобы посмотреть персонализированный контент.',\r\n login : 'Вход',\r\n myFeedNoData : 'Нет новых публикаций.',\r\n myFeedInfo : 'В Моей ленте вы можете проверить новые публикации на доске гильдии.',\r\n pageError : 'Данная страница временно недоступна.
Повторите попытку позже.',\r\n count : 'Просмотры',\r\n seeMore : 'Еще'\r\n },\r\n th: {\r\n viewAll : 'ดูทั้งหมด',\r\n lwYoutube : 'ช่อง YouTube ทางการของ Lineage W',\r\n myProfile : 'โปรไฟล์ฉัน',\r\n cmPick : 'CM Pick',\r\n pop : 'ยอดฮิต',\r\n myFeed : 'ฟีดของฉัน',\r\n myFeedBeforeLogin : 'เข้าสู่ระบบแล้วตรวจสอบคอนเทนต์ที่เหมาะสมกับฉัน',\r\n login : 'เข้าสู่ระบบ',\r\n myFeedNoData : 'ไม่มีโพสต์ที่อัปเดตไว้',\r\n myFeedInfo : 'ในฟีดของฉัน จะรวมโพสต์ใหม่ของกระทู้แคลน',\r\n pageError : 'ไม่สามารถโหลดหน้าเพจนี้ได้ชั่วคราว
กรุณาลองเชื่อมต่อใหม่อีกสักครู่',\r\n count : 'รับชม',\r\n seeMore : 'ดูเพิ่มเติม'\r\n },\r\n zh: {\r\n viewAll : '全部查看',\r\n lwYoutube : '天堂W官方YouTube頻道',\r\n myProfile : '我的個人資料',\r\n cmPick : 'CM精選',\r\n pop : '人氣',\r\n myFeed : 'MY專屬',\r\n myFeedBeforeLogin : '請登入查看為您專屬的個人化內容。',\r\n login : '登入',\r\n myFeedNoData : '沒有新的文章。',\r\n myFeedInfo : '在MY專屬，為您彙整血盟討論版的新文章。',\r\n pageError : '暫時無法讀取頁面。
請稍後再重試一次。',\r\n count : '觀看次數',\r\n seeMore : '查看更多'\r\n }\r\n}","import Utils from '../common/Utils';\r\nimport { API_DOMAIN, GLOBAL_PATH, STORE, MYFEED } from '../common/Model';\r\nimport { communityHomeL10n } from '../common/L10n';\r\n\r\nexport default class Myfeed {\r\n\tconstructor(_config) {\r\n\t\tthis.config = _config;\r\n\t\tthis.serviceEnv = _config.serviceEnv.toUpperCase() || 'LIVE';\r\n\t\tlet _option = {\r\n\t\t\ttype: 'api',\r\n\t\t\tservice : this.config.service,\r\n\t\t\tmenu : 'myfeed',\r\n\t\t\tlocale : this.config.locale,\r\n\t\t\tcountry : this.config.country\r\n\t\t};\r\n\r\n\t\tlet _communityApi;\r\n\t\tif (this.config.service==='lineage2mru' || this.config.service==='lineage2mnaeu') {\r\n\t\t\t_communityApi = API_DOMAIN.GLOBAL_COMMUNITY[this.serviceEnv];\r\n\t\t} else if (this.config.service ==='lineage2mnct') {\r\n\t\t\t_communityApi = API_DOMAIN.NCT_COMMUNITY[this.serviceEnv];\r\n\t\t} else if (this.config.service ==='lineage2mncj') {\r\n\t\t\t_communityApi = API_DOMAIN.NCJ_COMMUNITY[this.serviceEnv];\r\n\t\t} else if (this.config.service ==='h2') {\r\n\t\t\t_communityApi = '';\r\n\t\t} else {\r\n\t\t\t_communityApi = API_DOMAIN.COMMUNITY[this.serviceEnv];\r\n\t\t}\r\n\t\tthis.myfeedUrl = _communityApi + GLOBAL_PATH(_option);\r\n\r\n\t\t// l10n // window.communityHomel10n\r\n\t\tthis.l10n = communityHomeL10n[this.config.lang];\r\n\r\n\t\tthis.l10n.tagCategoryName = MYFEED.TAG.CATEGORY_NAME[this.config.service];\r\n\t\tthis.l10n.myFeedInfo = MYFEED.MESSAGE_NODATA[this.config.service] || this.l10n.myFeedInfo;\r\n\r\n\t\t// this.l10n.myFeedBeforeLogin = window.communityHomel10n ? window.communityHomel10n.myFeedBeforeLogin : '로그인 후 나를 위한 맞춤 콘텐츠를 확인해보세요.' ;\r\n\t\t// this.l10n.login = window.communityHomel10n ? window.communityHomel10n.login : '로그인' ;\r\n\t\t// this.l10n.myFeedNoData = window.communityHomel10n ? window.communityHomel10n.myFeedNoData : '업데이트된 새 글이 없습니다.';\r\n\t\t// this.l10n.pageError = window.communityHomel10n ? window.communityHomel10n.myFeedNoData : '일시적으로 페이지를 불러올 수 없습니다.
잠시 후 다시 접속해주세요.';\r\n\t\t// console.log( '# myfeed.js this.l10n : ', MYFEED.MESSAGE_NODATA[this.config.service], this.l10n.myFeedInfo );\r\n\r\n\t\tthis.container = document.querySelector('.home-myfeed');\r\n\t\t// console.log( '# myfeed.js > this.myfeedUrl : ', this.myfeedUrl);\r\n\t}\r\n\r\n\tinit() {\r\n\t\t//console.log( '# myfeed.js > STORE.data.myfeed : ', STORE.data.myfeed, Utils.isEmptyObject(STORE.data.myfeed) );\r\n\t\tif (this.config.isLogin) {\r\n\t\t\tlet wrapperTmpl = `\r\n\t\t\t
${item.feed.userTags.map(it => `${it} `).join('')}
` : ``;\r\n\r\n\t\treturn `\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t
`;\r\n\t}\r\n\r\n}","import $ from 'jquery';\r\nimport slick from 'slick-carousel/slick/slick.js';\r\nimport {GLOBAL_PATH, STORE} from \"../common/Model\";\r\nimport Utils from \"../common/Utils\";\r\nimport {communityHomeL10n} from \"../common/L10n\";\r\n\r\nexport default class promotion {\r\n\tconstructor(_config) {\r\n\t\tthis.config = _config;\r\n\t\twindow.jQuery = window.$ = $;\r\n\t\tlet _option = {\r\n\t\t\ttype: 'api',\r\n\t\t\tservice : this.config.service,\r\n\t\t\tmenu : 'promotion',\r\n\t\t\tlocale : this.config.locale,\r\n\t\t\tcountry : this.config.country\r\n\t\t};\r\n\t\tthis.promotionApiUrl = GLOBAL_PATH(_option);\r\n\t\tthis.l10n = communityHomeL10n[this.config.lang];\r\n\t\t// console.log('# promotionSlick.js this.l10n : ', this.l10n, this.config.lang);\r\n\t\t// this.l10n.viewAll = window.communityHomel10n ? window.communityHomel10n.viewAll : this.config.isGlobal ? 'View All' : '전체보기';\r\n\t\t// console.log( '=> promotion.js this.promotionApiUrl : ', this.promotionApiUrl);\r\n\t}\r\n\r\n\tinit() {\r\n\t\tif ( document.querySelector('.home-promotion').childNodes.length > 0 ) { // lineagew\r\n\t\t\tthis.set();\r\n\t\t} else {\r\n\t\t\tif (Utils.isEmptyObject(STORE.data.promotion) ) {\r\n\t\t\t\tthis.get();\r\n\t\t\t} else {\r\n\t\t\t\tthis.render(STORE.data.promotion);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tset() {\r\n\t\tlet _isRtl = this.config.isRtl;\r\n\t\tif(_isRtl) {\r\n\t\t\tlet _items = document.querySelectorAll('.promotion-list .promotion-bg[data-device=pc]');\r\n\t\t\t_items.forEach( el => {\r\n\t\t\t\tel.classList.add('disabled');\r\n\t\t\t\tif( el.getAttribute('data-rtl') != '' ) el.setAttribute('background-image', 'url('+ el.getAttribute('data-rtl') +')' );\r\n\t\t\t});\r\n\t\t\t/*$.each( $('.promotion-list').find('.promotion-bg[data-device=pc]'), function(i, v ){\r\n\t\t\t\t// console.log( '=> homePromotionSlick.js .data-rtl : ', $(this).attr('data-rtl') );\r\n\t\t\t\tif( $(this).attr('data-rtl') && $(this).attr('data-rtl') != '' ) {\r\n\t\t\t\t\t$(this).css('background-image', 'url('+ $(this).attr('data-rtl') +')' )\r\n\t\t\t\t}\r\n\t\t\t});*/\r\n\t\t}\r\n\t\tthis.addEvent();\r\n\t}\r\n\r\n\tget() {\r\n\t\tconst _this = this;\r\n\t\tfetch(this.promotionApiUrl, {\r\n\t\t\tdataType: \"json\",\r\n\t\t\ttype: \"GET\",\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json', 'Accept': 'application/json'\r\n\t\t\t}\r\n\t\t}).then(function (response) { // The API call was successful!\r\n\t\t\tif (response.ok) {\r\n\t\t\t\treturn response.json();\r\n\t\t\t} else {\r\n\t\t\t\treturn Promise.reject(response);\r\n\t\t\t}\r\n\t\t}).then(function (data) { // This is the JSON from our response\r\n\t\t\tlet _resData;\r\n\t\t\tif(data.jsonData) {\r\n\t\t\t\tlet json = JSON.parse(data.jsonData);\r\n\t\t\t\t_resData = json;\r\n\t\t\t} else {\r\n\t\t\t\t_resData = data;\r\n\t\t\t}\r\n\t\t\tif(! _resData || _resData.length <= 0 ) return;\r\n\t\t\tSTORE.data.promotion = _resData;\r\n\t\t\t_this.render(_resData);\r\n\t\t}).catch(function (err) { // There was an error\r\n\t\t\t// console.warn('Something went wrong.', err);\r\n\t\t\tconsole.log('오류가 발생했습니다.', err);\r\n\t\t});\r\n\t\t/*$.ajax({\r\n\t\t\tdataType: \"json\",\r\n\t\t\ttype: \"GET\",\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json', 'Accept': 'application/json'\r\n\t\t\t},\r\n\t\t\turl: `${this.promotionApiUrl}`\r\n\t\t})\r\n\t\t.fail( xhr => console.log('오류가 발생했습니다.') )\r\n\t\t.done(( data ) => {\r\n\t\t\tlet _resData;\r\n\t\t\tif(data.jsonData) {\r\n\t\t\t\tlet json = JSON.parse(data.jsonData);\r\n\t\t\t\t_resData = json;\r\n\t\t\t} else {\r\n\t\t\t\t_resData = data;\r\n\t\t\t}\r\n\t\t\tif(! _resData || _resData.length <= 0 ) return;\r\n\t\t\tSTORE.data.promotion = _resData;\r\n\t\t\tthis.render(_resData);\r\n\t\t});*/\r\n\t}\r\n\trender(data) {\r\n\t\tconst wrapper = document.querySelector('.home-promotion');\r\n\t\tconst tmpl = this.templ(data);\r\n\t\twrapper.innerHTML = tmpl;\r\n\t\tthis.addEvent();\r\n\t}\r\n\ttempl(_d){\r\n\t\treturn `\t\t\r\n\t\t\t${_category}
\r\n\t\t\t\t${_thumb}\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t${_tag}\r\n\t\t${item.feed.title}
\r\n\t\t\t\t\t${_summary}
\r\n\t\t\t\t\r\n\t\t\t\t${_d.list.map( (item, index) => {\r\n\t\t\t\t\treturn this.listTempl(item);\r\n\t\t\t\t}).join('')}\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t${_d.list.map( (item, index) => {\r\n\t\t\t\t\treturn this.thumbListTempl(item);\r\n\t\t\t\t}).join('')}\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\r\n\t\t\t`;\r\n\t}\r\n\r\n\tlistTempl(_a) {\r\n\t\tlet _isRtl = this.config.isRtl;\r\n\t\treturn `\r\n\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t${_d.list.map( (item, index) => {\r\n\t\t\t\t\t\treturn this.allListTempl(item);\r\n\t\t\t\t\t}).join('')}\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t${_a.movie ?\r\n\t\t\t\t`
`;\r\n\t}\r\n\tthumbListTempl(_a) {\r\n\t\treturn `\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
` : ``}\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t${_a.shortTitle}\r\n\t\t\t
\r\n\t\t\t`;\r\n\t}\r\n\tallListTempl(_a) {\r\n\t\treturn `\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t![\"\"](\"${_a.thumb}\")
\r\n\t\t\t\t
\r\n\t\t\t`;\r\n\t}\r\n\r\n\r\n\taddEvent() {\r\n\t\t/*template 으로 이동\r\n\t\tlet _isRtl = this.config.isRtl;\r\n\t\tif(_isRtl) {\r\n\t\t\t$.each( $('.promotion-list').find('.promotion-bg[data-device=pc]'), function(i, v ){\r\n\t\t\t\t// console.log( '=> homePromotionSlick.js .data-rtl : ', $(this).attr('data-rtl') );\r\n\t\t\t\tif( $(this).attr('data-rtl') && $(this).attr('data-rtl') != '' ) {\r\n\t\t\t\t\t$(this).css('background-image', 'url('+ $(this).attr('data-rtl') +')' )\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}*/\r\n\t\tthis.setSlick();\r\n\t\tthis.toggleEvent();\r\n\t\tthis.onWindowResize();\r\n\t\tthis.bindingEvent();\r\n\t}\r\n\r\n\tbindingEvent() {\r\n\t\twindow.addEventListener('resize', (evt) => {\r\n\t\t\tthis.onWindowResize();\r\n\t\t});\r\n\t\t// $(window).on('resize', this.onWindowResize);\r\n\t}\r\n\r\n\t/* legacy setThumbWidth() {\r\n\t\tlet length = $('.promotion-list .promotion-item').length;\r\n\t\tlet width = length >= 4 ? 1120 : (length * 228 ) ;\r\n\t\t$('.promotion-thumb').css('width', width);\r\n\t}*/\r\n\r\n\tsetSlick = () => {\r\n\t\tconst _this = this;\r\n\t\tlet _isRtl = _this.config.isRtl;\r\n\t\t$('.promotion-list').slick({\r\n\t\t\tdots: false,\r\n\t\t\tarrows: true,\r\n\t\t\tinfinite: true,\r\n\t\t\tfade: true,\r\n\t\t\tprevArrow: $('.promotion-button-prev'),\r\n\t\t\tnextArrow: $('.promotion-button-next'),\r\n\t\t\tspeed: 500,\r\n\t\t\tslidesToShow: 1,\r\n\t\t\tslidesToScroll: 1,\r\n\t\t\tautoplay: true,\r\n\t\t\tautoplaySpeed: 7000,\r\n\t\t\trtl: _isRtl\r\n\t\t\t// cssEase: 'cubic-bezier(0.77, 0, 0.18, 1)'\r\n\t\t}).on('beforeChange', function(event, slick, currentSlide, nextSlide){\r\n\t\t\t// console.log('* promotion : ', currentSlide , nextSlide , slick.currentDirection );\r\n\r\n\t\t\tif(!$(`.promotion-thumb .slick-slide[data-slick-index=${nextSlide}]`).hasClass('slick-active')) {\r\n\t\t\t\t// nav 판 이동시\r\n\t\t\t\tif(nextSlide > currentSlide && currentSlide != 0) {\r\n\t\t\t\t\t$('.promotion-thumb').slick('slickNext');\r\n\t\t\t\t} else if(currentSlide + 1 == slick.slideCount && nextSlide == 0){\r\n\t\t\t\t\t$('.promotion-thumb').slick('slickNext');\r\n\t\t\t\t} else {\r\n\t\t\t\t\t$('.promotion-thumb').slick('slickPrev');\r\n\t\t\t\t}\r\n\t\t\t\t$('.promotion-thumb .slick-slide').removeClass('slick-current');\r\n\t\t\t\t$(`.promotion-thumb .slick-slide[data-slick-index=${nextSlide}]`).addClass('slick-current');\r\n\t\t\t} else {\r\n\t\t\t\t// 판 이동없이 current 변경시\r\n\t\t\t\t$('.promotion-thumb .slick-slide').removeClass('slick-current');\r\n\t\t\t\t$(`.promotion-thumb .slick-slide[data-slick-index=${nextSlide}]`).addClass('slick-current');\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t$('.promotion-list').on('afterChange', function(event, slick, currentSlide){\r\n\t\t\t// console.log(\"afterChange\");\r\n\t\t\t_this.setActiveVideoPlay();\r\n\t\t});\r\n\r\n\t\tconst wrap = $('.home-promotion');\r\n\t\tconst slickLength = $('.promotion-list').slick(\"getSlick\").slideCount;\r\n\t\t$('.promotion-pagination', wrap).empty().html(`1/${slickLength}`);\r\n\r\n\t\t$('.promotion-list').on('beforeChange', function(event, slick, currentSlide, nextSlide) {\r\n\t\t\t$('.promotion-pagination', wrap).empty().html(`${nextSlide + 1}/${slick.slideCount}`);\r\n\t\t});\r\n\r\n\t\t$('.promotion-thumb').slick({\r\n\t\t\tdots: false,\r\n\t\t\tarrows: false,\r\n\t\t\tinfinite: true,\r\n\t\t\tslidesToShow: 4,\r\n\t\t\tslidesToScroll: 4,\r\n\t\t\tswipe: false,\r\n\t\t\trtl: _isRtl\r\n\t\t});\r\n\t\t$(window).on('resize orientationchange', function() {\r\n\t\t\t$('.promotion-list').slick('resize');\r\n\t\t\t$('.promotion-thumb').slick('resize');\r\n\t\t});\r\n\r\n\t\t$('.promotion-thumb .slick-slide').on('click', (e) => {\r\n\t\t\tif($(e.currentTarget).hasClass('slick-current')) return false;\r\n\t\t\t$(e.currentTarget).siblings().removeClass('slick-current');\r\n\t\t\t$(e.currentTarget).addClass('slick-current');\r\n\t\t\t$('.promotion-list').slick('slickGoTo', $(e.currentTarget).data('slick-index'));\r\n\t\t});\r\n\r\n\t\t// nav over autoplay 정지\r\n\t\t$('.promotion-list').on('mouseover', (e) => {\r\n\t\t\t$('.promotion-list').slick('slickPause');\r\n\t\t});\r\n\t\t$('.promotion-list').on('mouseout', (e) => {\r\n\t\t\t$('.promotion-list').slick('slickPlay');\r\n\t\t});\r\n\r\n\t}\r\n\r\n\tonWindowResize = () => {\r\n\t\t// this.setSwiperPagination();\r\n\t\tthis.resizeMovie();\r\n\t}\r\n\r\n\tsetActiveVideoPlay() {\r\n\t\t// console.log('setActiveVideoPlay start');\r\n\t\t$('.promotion-list video').each((i, v) => { v.pause(); });\r\n\t\tlet $active = $('.promotion-list .slick-current');\r\n\t\tlet $activeVideoWrap = $('.promotion-movie', $active);\r\n\t\t// console.log($activeVideoWrap.length);\r\n\t\tif ($activeVideoWrap.length <= 0) { return false; }\r\n\t\t// console.log( ' $(video, $activeVideoWrap)[0] : ', $('video', $activeVideoWrap), $('video', $activeVideoWrap)[0] );\r\n\t\t$('video', $activeVideoWrap).length > 0 && $('video', $activeVideoWrap)[0].play();\r\n\t}\r\n\r\n\tresizeMovie = () => {\r\n\t\tlet $promoList = $('.promotion-list');\r\n\t\tconst _w = $promoList.width();\r\n\t\tlet _h = $promoList.height(),\r\n\t\t\t_vw = Math.floor((_h * 32) / 9), //16:9 //21:9 1920:460\r\n\t\t\t_vmargin = (_w - _vw) / 2;\r\n\t\t// video\r\n\t\tif (_w > _vw) {\r\n\t\t\t_h = (_w * 9) / 32;\r\n\t\t\t_vw = _w;\r\n\t\t\t_vmargin = 0;\r\n\t\t}\r\n\t\t$promoList.find('video').css({\r\n\t\t\twidth: _vw + 'px',\r\n\t\t\theight: _h + 'px',\r\n\t\t\t'margin-left': _vmargin + 'px'\r\n\t\t});\r\n\t};\r\n\r\n\ttoggleEvent() {\r\n\t\tlet openHandler = document.querySelector('.promotion-listall-button');\r\n\t\tlet closeHandler = document.querySelector('.promotion-listall-close');\r\n\t\tlet listWrapper = document.querySelector('.promotion-listall-wrapper');\r\n\t\topenHandler.addEventListener('click', (evt) => {\r\n\t\t\tlistWrapper.classList.add('is-active');\r\n\t\t\tevt.currentTarget.classList.remove('is-active');\r\n\t\t});\r\n\t\tcloseHandler.addEventListener('click', (evt) => {\r\n\t\t\topenHandler.classList.add('is-active');\r\n\t\t\tlistWrapper.classList.remove('is-active');\r\n\t\t\tevt.currentTarget.classList.remove('is-active');\r\n\t\t});\r\n\t}\r\n\r\n}","import { e as elementChildren, c as createElement } from './utils.mjs';\n\nfunction createElementIfNotDefined(swiper, originalParams, params, checkProps) {\n if (swiper.params.createElements) {\n Object.keys(checkProps).forEach(key => {\n if (!params[key] && params.auto === true) {\n let element = elementChildren(swiper.el, `.${checkProps[key]}`)[0];\n if (!element) {\n element = createElement('div', checkProps[key]);\n element.className = checkProps[key];\n swiper.el.append(element);\n }\n params[key] = element;\n originalParams[key] = element;\n }\n });\n }\n return params;\n}\n\nexport { createElementIfNotDefined as c };\n","import { c as createElementIfNotDefined } from '../shared/create-element-if-not-defined.mjs';\n\nfunction Navigation(_ref) {\n let {\n swiper,\n extendParams,\n on,\n emit\n } = _ref;\n extendParams({\n navigation: {\n nextEl: null,\n prevEl: null,\n hideOnClick: false,\n disabledClass: 'swiper-button-disabled',\n hiddenClass: 'swiper-button-hidden',\n lockClass: 'swiper-button-lock',\n navigationDisabledClass: 'swiper-navigation-disabled'\n }\n });\n swiper.navigation = {\n nextEl: null,\n prevEl: null\n };\n const makeElementsArray = el => (Array.isArray(el) ? el : [el]).filter(e => !!e);\n function getEl(el) {\n let res;\n if (el && typeof el === 'string' && swiper.isElement) {\n res = swiper.el.querySelector(el);\n if (res) return res;\n }\n if (el) {\n if (typeof el === 'string') res = [...document.querySelectorAll(el)];\n if (swiper.params.uniqueNavElements && typeof el === 'string' && res.length > 1 && swiper.el.querySelectorAll(el).length === 1) {\n res = swiper.el.querySelector(el);\n }\n }\n if (el && !res) return el;\n // if (Array.isArray(res) && res.length === 1) res = res[0];\n return res;\n }\n function toggleEl(el, disabled) {\n const params = swiper.params.navigation;\n el = makeElementsArray(el);\n el.forEach(subEl => {\n if (subEl) {\n subEl.classList[disabled ? 'add' : 'remove'](...params.disabledClass.split(' '));\n if (subEl.tagName === 'BUTTON') subEl.disabled = disabled;\n if (swiper.params.watchOverflow && swiper.enabled) {\n subEl.classList[swiper.isLocked ? 'add' : 'remove'](params.lockClass);\n }\n }\n });\n }\n function update() {\n // Update Navigation Buttons\n const {\n nextEl,\n prevEl\n } = swiper.navigation;\n if (swiper.params.loop) {\n toggleEl(prevEl, false);\n toggleEl(nextEl, false);\n return;\n }\n toggleEl(prevEl, swiper.isBeginning && !swiper.params.rewind);\n toggleEl(nextEl, swiper.isEnd && !swiper.params.rewind);\n }\n function onPrevClick(e) {\n e.preventDefault();\n if (swiper.isBeginning && !swiper.params.loop && !swiper.params.rewind) return;\n swiper.slidePrev();\n emit('navigationPrev');\n }\n function onNextClick(e) {\n e.preventDefault();\n if (swiper.isEnd && !swiper.params.loop && !swiper.params.rewind) return;\n swiper.slideNext();\n emit('navigationNext');\n }\n function init() {\n const params = swiper.params.navigation;\n swiper.params.navigation = createElementIfNotDefined(swiper, swiper.originalParams.navigation, swiper.params.navigation, {\n nextEl: 'swiper-button-next',\n prevEl: 'swiper-button-prev'\n });\n if (!(params.nextEl || params.prevEl)) return;\n let nextEl = getEl(params.nextEl);\n let prevEl = getEl(params.prevEl);\n Object.assign(swiper.navigation, {\n nextEl,\n prevEl\n });\n nextEl = makeElementsArray(nextEl);\n prevEl = makeElementsArray(prevEl);\n const initButton = (el, dir) => {\n if (el) {\n el.addEventListener('click', dir === 'next' ? onNextClick : onPrevClick);\n }\n if (!swiper.enabled && el) {\n el.classList.add(...params.lockClass.split(' '));\n }\n };\n nextEl.forEach(el => initButton(el, 'next'));\n prevEl.forEach(el => initButton(el, 'prev'));\n }\n function destroy() {\n let {\n nextEl,\n prevEl\n } = swiper.navigation;\n nextEl = makeElementsArray(nextEl);\n prevEl = makeElementsArray(prevEl);\n const destroyButton = (el, dir) => {\n el.removeEventListener('click', dir === 'next' ? onNextClick : onPrevClick);\n el.classList.remove(...swiper.params.navigation.disabledClass.split(' '));\n };\n nextEl.forEach(el => destroyButton(el, 'next'));\n prevEl.forEach(el => destroyButton(el, 'prev'));\n }\n on('init', () => {\n if (swiper.params.navigation.enabled === false) {\n // eslint-disable-next-line\n disable();\n } else {\n init();\n update();\n }\n });\n on('toEdge fromEdge lock unlock', () => {\n update();\n });\n on('destroy', () => {\n destroy();\n });\n on('enable disable', () => {\n let {\n nextEl,\n prevEl\n } = swiper.navigation;\n nextEl = makeElementsArray(nextEl);\n prevEl = makeElementsArray(prevEl);\n [...nextEl, ...prevEl].filter(el => !!el).forEach(el => el.classList[swiper.enabled ? 'remove' : 'add'](swiper.params.navigation.lockClass));\n });\n on('click', (_s, e) => {\n let {\n nextEl,\n prevEl\n } = swiper.navigation;\n nextEl = makeElementsArray(nextEl);\n prevEl = makeElementsArray(prevEl);\n const targetEl = e.target;\n if (swiper.params.navigation.hideOnClick && !prevEl.includes(targetEl) && !nextEl.includes(targetEl)) {\n if (swiper.pagination && swiper.params.pagination && swiper.params.pagination.clickable && (swiper.pagination.el === targetEl || swiper.pagination.el.contains(targetEl))) return;\n let isHidden;\n if (nextEl.length) {\n isHidden = nextEl[0].classList.contains(swiper.params.navigation.hiddenClass);\n } else if (prevEl.length) {\n isHidden = prevEl[0].classList.contains(swiper.params.navigation.hiddenClass);\n }\n if (isHidden === true) {\n emit('navigationShow');\n } else {\n emit('navigationHide');\n }\n [...nextEl, ...prevEl].filter(el => !!el).forEach(el => el.classList.toggle(swiper.params.navigation.hiddenClass));\n }\n });\n const enable = () => {\n swiper.el.classList.remove(...swiper.params.navigation.navigationDisabledClass.split(' '));\n init();\n update();\n };\n const disable = () => {\n swiper.el.classList.add(...swiper.params.navigation.navigationDisabledClass.split(' '));\n destroy();\n };\n Object.assign(swiper.navigation, {\n enable,\n disable,\n update,\n init,\n destroy\n });\n}\n\nexport { Navigation as default };\n","function classesToSelector(classes) {\n if (classes === void 0) {\n classes = '';\n }\n return `.${classes.trim().replace(/([\\.:!+\\/])/g, '\\\\$1') // eslint-disable-line\n .replace(/ /g, '.')}`;\n}\n\nexport { classesToSelector as c };\n","import { c as classesToSelector } from '../shared/classes-to-selector.mjs';\nimport { c as createElementIfNotDefined } from '../shared/create-element-if-not-defined.mjs';\nimport { f as elementOuterSize, g as elementIndex, a as elementParents } from '../shared/utils.mjs';\n\nfunction Pagination(_ref) {\n let {\n swiper,\n extendParams,\n on,\n emit\n } = _ref;\n const pfx = 'swiper-pagination';\n extendParams({\n pagination: {\n el: null,\n bulletElement: 'span',\n clickable: false,\n hideOnClick: false,\n renderBullet: null,\n renderProgressbar: null,\n renderFraction: null,\n renderCustom: null,\n progressbarOpposite: false,\n type: 'bullets',\n // 'bullets' or 'progressbar' or 'fraction' or 'custom'\n dynamicBullets: false,\n dynamicMainBullets: 1,\n formatFractionCurrent: number => number,\n formatFractionTotal: number => number,\n bulletClass: `${pfx}-bullet`,\n bulletActiveClass: `${pfx}-bullet-active`,\n modifierClass: `${pfx}-`,\n currentClass: `${pfx}-current`,\n totalClass: `${pfx}-total`,\n hiddenClass: `${pfx}-hidden`,\n progressbarFillClass: `${pfx}-progressbar-fill`,\n progressbarOppositeClass: `${pfx}-progressbar-opposite`,\n clickableClass: `${pfx}-clickable`,\n lockClass: `${pfx}-lock`,\n horizontalClass: `${pfx}-horizontal`,\n verticalClass: `${pfx}-vertical`,\n paginationDisabledClass: `${pfx}-disabled`\n }\n });\n swiper.pagination = {\n el: null,\n bullets: []\n };\n let bulletSize;\n let dynamicBulletIndex = 0;\n const makeElementsArray = el => (Array.isArray(el) ? el : [el]).filter(e => !!e);\n function isPaginationDisabled() {\n return !swiper.params.pagination.el || !swiper.pagination.el || Array.isArray(swiper.pagination.el) && swiper.pagination.el.length === 0;\n }\n function setSideBullets(bulletEl, position) {\n const {\n bulletActiveClass\n } = swiper.params.pagination;\n if (!bulletEl) return;\n bulletEl = bulletEl[`${position === 'prev' ? 'previous' : 'next'}ElementSibling`];\n if (bulletEl) {\n bulletEl.classList.add(`${bulletActiveClass}-${position}`);\n bulletEl = bulletEl[`${position === 'prev' ? 'previous' : 'next'}ElementSibling`];\n if (bulletEl) {\n bulletEl.classList.add(`${bulletActiveClass}-${position}-${position}`);\n }\n }\n }\n function onBulletClick(e) {\n const bulletEl = e.target.closest(classesToSelector(swiper.params.pagination.bulletClass));\n if (!bulletEl) {\n return;\n }\n e.preventDefault();\n const index = elementIndex(bulletEl) * swiper.params.slidesPerGroup;\n if (swiper.params.loop) {\n if (swiper.realIndex === index) return;\n const realIndex = swiper.realIndex;\n const newSlideIndex = swiper.getSlideIndexByData(index);\n const currentSlideIndex = swiper.getSlideIndexByData(swiper.realIndex);\n if (newSlideIndex > swiper.slides.length - swiper.loopedSlides) {\n const indexBeforeLoopFix = swiper.activeIndex;\n swiper.loopFix({\n direction: newSlideIndex > currentSlideIndex ? 'next' : 'prev',\n activeSlideIndex: newSlideIndex,\n slideTo: false\n });\n const indexAfterFix = swiper.activeIndex;\n if (indexBeforeLoopFix === indexAfterFix) {\n swiper.slideToLoop(realIndex, 0, false, true);\n }\n }\n swiper.slideToLoop(index);\n } else {\n swiper.slideTo(index);\n }\n }\n function update() {\n // Render || Update Pagination bullets/items\n const rtl = swiper.rtl;\n const params = swiper.params.pagination;\n if (isPaginationDisabled()) return;\n let el = swiper.pagination.el;\n el = makeElementsArray(el);\n // Current/Total\n let current;\n let previousIndex;\n const slidesLength = swiper.virtual && swiper.params.virtual.enabled ? swiper.virtual.slides.length : swiper.slides.length;\n const total = swiper.params.loop ? Math.ceil(slidesLength / swiper.params.slidesPerGroup) : swiper.snapGrid.length;\n if (swiper.params.loop) {\n previousIndex = swiper.previousRealIndex || 0;\n current = swiper.params.slidesPerGroup > 1 ? Math.floor(swiper.realIndex / swiper.params.slidesPerGroup) : swiper.realIndex;\n } else if (typeof swiper.snapIndex !== 'undefined') {\n current = swiper.snapIndex;\n previousIndex = swiper.previousSnapIndex;\n } else {\n previousIndex = swiper.previousIndex || 0;\n current = swiper.activeIndex || 0;\n }\n // Types\n if (params.type === 'bullets' && swiper.pagination.bullets && swiper.pagination.bullets.length > 0) {\n const bullets = swiper.pagination.bullets;\n let firstIndex;\n let lastIndex;\n let midIndex;\n if (params.dynamicBullets) {\n bulletSize = elementOuterSize(bullets[0], swiper.isHorizontal() ? 'width' : 'height', true);\n el.forEach(subEl => {\n subEl.style[swiper.isHorizontal() ? 'width' : 'height'] = `${bulletSize * (params.dynamicMainBullets + 4)}px`;\n });\n if (params.dynamicMainBullets > 1 && previousIndex !== undefined) {\n dynamicBulletIndex += current - (previousIndex || 0);\n if (dynamicBulletIndex > params.dynamicMainBullets - 1) {\n dynamicBulletIndex = params.dynamicMainBullets - 1;\n } else if (dynamicBulletIndex < 0) {\n dynamicBulletIndex = 0;\n }\n }\n firstIndex = Math.max(current - dynamicBulletIndex, 0);\n lastIndex = firstIndex + (Math.min(bullets.length, params.dynamicMainBullets) - 1);\n midIndex = (lastIndex + firstIndex) / 2;\n }\n bullets.forEach(bulletEl => {\n const classesToRemove = [...['', '-next', '-next-next', '-prev', '-prev-prev', '-main'].map(suffix => `${params.bulletActiveClass}${suffix}`)].map(s => typeof s === 'string' && s.includes(' ') ? s.split(' ') : s).flat();\n bulletEl.classList.remove(...classesToRemove);\n });\n if (el.length > 1) {\n bullets.forEach(bullet => {\n const bulletIndex = elementIndex(bullet);\n if (bulletIndex === current) {\n bullet.classList.add(...params.bulletActiveClass.split(' '));\n } else if (swiper.isElement) {\n bullet.setAttribute('part', 'bullet');\n }\n if (params.dynamicBullets) {\n if (bulletIndex >= firstIndex && bulletIndex <= lastIndex) {\n bullet.classList.add(...`${params.bulletActiveClass}-main`.split(' '));\n }\n if (bulletIndex === firstIndex) {\n setSideBullets(bullet, 'prev');\n }\n if (bulletIndex === lastIndex) {\n setSideBullets(bullet, 'next');\n }\n }\n });\n } else {\n const bullet = bullets[current];\n if (bullet) {\n bullet.classList.add(...params.bulletActiveClass.split(' '));\n }\n if (swiper.isElement) {\n bullets.forEach((bulletEl, bulletIndex) => {\n bulletEl.setAttribute('part', bulletIndex === current ? 'bullet-active' : 'bullet');\n });\n }\n if (params.dynamicBullets) {\n const firstDisplayedBullet = bullets[firstIndex];\n const lastDisplayedBullet = bullets[lastIndex];\n for (let i = firstIndex; i <= lastIndex; i += 1) {\n if (bullets[i]) {\n bullets[i].classList.add(...`${params.bulletActiveClass}-main`.split(' '));\n }\n }\n setSideBullets(firstDisplayedBullet, 'prev');\n setSideBullets(lastDisplayedBullet, 'next');\n }\n }\n if (params.dynamicBullets) {\n const dynamicBulletsLength = Math.min(bullets.length, params.dynamicMainBullets + 4);\n const bulletsOffset = (bulletSize * dynamicBulletsLength - bulletSize) / 2 - midIndex * bulletSize;\n const offsetProp = rtl ? 'right' : 'left';\n bullets.forEach(bullet => {\n bullet.style[swiper.isHorizontal() ? offsetProp : 'top'] = `${bulletsOffset}px`;\n });\n }\n }\n el.forEach((subEl, subElIndex) => {\n if (params.type === 'fraction') {\n subEl.querySelectorAll(classesToSelector(params.currentClass)).forEach(fractionEl => {\n fractionEl.textContent = params.formatFractionCurrent(current + 1);\n });\n subEl.querySelectorAll(classesToSelector(params.totalClass)).forEach(totalEl => {\n totalEl.textContent = params.formatFractionTotal(total);\n });\n }\n if (params.type === 'progressbar') {\n let progressbarDirection;\n if (params.progressbarOpposite) {\n progressbarDirection = swiper.isHorizontal() ? 'vertical' : 'horizontal';\n } else {\n progressbarDirection = swiper.isHorizontal() ? 'horizontal' : 'vertical';\n }\n const scale = (current + 1) / total;\n let scaleX = 1;\n let scaleY = 1;\n if (progressbarDirection === 'horizontal') {\n scaleX = scale;\n } else {\n scaleY = scale;\n }\n subEl.querySelectorAll(classesToSelector(params.progressbarFillClass)).forEach(progressEl => {\n progressEl.style.transform = `translate3d(0,0,0) scaleX(${scaleX}) scaleY(${scaleY})`;\n progressEl.style.transitionDuration = `${swiper.params.speed}ms`;\n });\n }\n if (params.type === 'custom' && params.renderCustom) {\n subEl.innerHTML = params.renderCustom(swiper, current + 1, total);\n if (subElIndex === 0) emit('paginationRender', subEl);\n } else {\n if (subElIndex === 0) emit('paginationRender', subEl);\n emit('paginationUpdate', subEl);\n }\n if (swiper.params.watchOverflow && swiper.enabled) {\n subEl.classList[swiper.isLocked ? 'add' : 'remove'](params.lockClass);\n }\n });\n }\n function render() {\n // Render Container\n const params = swiper.params.pagination;\n if (isPaginationDisabled()) return;\n const slidesLength = swiper.virtual && swiper.params.virtual.enabled ? swiper.virtual.slides.length : swiper.slides.length;\n let el = swiper.pagination.el;\n el = makeElementsArray(el);\n let paginationHTML = '';\n if (params.type === 'bullets') {\n let numberOfBullets = swiper.params.loop ? Math.ceil(slidesLength / swiper.params.slidesPerGroup) : swiper.snapGrid.length;\n if (swiper.params.freeMode && swiper.params.freeMode.enabled && numberOfBullets > slidesLength) {\n numberOfBullets = slidesLength;\n }\n for (let i = 0; i < numberOfBullets; i += 1) {\n if (params.renderBullet) {\n paginationHTML += params.renderBullet.call(swiper, i, params.bulletClass);\n } else {\n // prettier-ignore\n paginationHTML += `<${params.bulletElement} ${swiper.isElement ? 'part=\"bullet\"' : ''} class=\"${params.bulletClass}\">`;\n }\n }\n }\n if (params.type === 'fraction') {\n if (params.renderFraction) {\n paginationHTML = params.renderFraction.call(swiper, params.currentClass, params.totalClass);\n } else {\n paginationHTML = `` + ' / ' + ``;\n }\n }\n if (params.type === 'progressbar') {\n if (params.renderProgressbar) {\n paginationHTML = params.renderProgressbar.call(swiper, params.progressbarFillClass);\n } else {\n paginationHTML = ``;\n }\n }\n swiper.pagination.bullets = [];\n el.forEach(subEl => {\n if (params.type !== 'custom') {\n subEl.innerHTML = paginationHTML || '';\n }\n if (params.type === 'bullets') {\n swiper.pagination.bullets.push(...subEl.querySelectorAll(classesToSelector(params.bulletClass)));\n }\n });\n if (params.type !== 'custom') {\n emit('paginationRender', el[0]);\n }\n }\n function init() {\n swiper.params.pagination = createElementIfNotDefined(swiper, swiper.originalParams.pagination, swiper.params.pagination, {\n el: 'swiper-pagination'\n });\n const params = swiper.params.pagination;\n if (!params.el) return;\n let el;\n if (typeof params.el === 'string' && swiper.isElement) {\n el = swiper.el.querySelector(params.el);\n }\n if (!el && typeof params.el === 'string') {\n el = [...document.querySelectorAll(params.el)];\n }\n if (!el) {\n el = params.el;\n }\n if (!el || el.length === 0) return;\n if (swiper.params.uniqueNavElements && typeof params.el === 'string' && Array.isArray(el) && el.length > 1) {\n el = [...swiper.el.querySelectorAll(params.el)];\n // check if it belongs to another nested Swiper\n if (el.length > 1) {\n el = el.filter(subEl => {\n if (elementParents(subEl, '.swiper')[0] !== swiper.el) return false;\n return true;\n })[0];\n }\n }\n if (Array.isArray(el) && el.length === 1) el = el[0];\n Object.assign(swiper.pagination, {\n el\n });\n el = makeElementsArray(el);\n el.forEach(subEl => {\n if (params.type === 'bullets' && params.clickable) {\n subEl.classList.add(...(params.clickableClass || '').split(' '));\n }\n subEl.classList.add(params.modifierClass + params.type);\n subEl.classList.add(swiper.isHorizontal() ? params.horizontalClass : params.verticalClass);\n if (params.type === 'bullets' && params.dynamicBullets) {\n subEl.classList.add(`${params.modifierClass}${params.type}-dynamic`);\n dynamicBulletIndex = 0;\n if (params.dynamicMainBullets < 1) {\n params.dynamicMainBullets = 1;\n }\n }\n if (params.type === 'progressbar' && params.progressbarOpposite) {\n subEl.classList.add(params.progressbarOppositeClass);\n }\n if (params.clickable) {\n subEl.addEventListener('click', onBulletClick);\n }\n if (!swiper.enabled) {\n subEl.classList.add(params.lockClass);\n }\n });\n }\n function destroy() {\n const params = swiper.params.pagination;\n if (isPaginationDisabled()) return;\n let el = swiper.pagination.el;\n if (el) {\n el = makeElementsArray(el);\n el.forEach(subEl => {\n subEl.classList.remove(params.hiddenClass);\n subEl.classList.remove(params.modifierClass + params.type);\n subEl.classList.remove(swiper.isHorizontal() ? params.horizontalClass : params.verticalClass);\n if (params.clickable) {\n subEl.classList.remove(...(params.clickableClass || '').split(' '));\n subEl.removeEventListener('click', onBulletClick);\n }\n });\n }\n if (swiper.pagination.bullets) swiper.pagination.bullets.forEach(subEl => subEl.classList.remove(...params.bulletActiveClass.split(' ')));\n }\n on('changeDirection', () => {\n if (!swiper.pagination || !swiper.pagination.el) return;\n const params = swiper.params.pagination;\n let {\n el\n } = swiper.pagination;\n el = makeElementsArray(el);\n el.forEach(subEl => {\n subEl.classList.remove(params.horizontalClass, params.verticalClass);\n subEl.classList.add(swiper.isHorizontal() ? params.horizontalClass : params.verticalClass);\n });\n });\n on('init', () => {\n if (swiper.params.pagination.enabled === false) {\n // eslint-disable-next-line\n disable();\n } else {\n init();\n render();\n update();\n }\n });\n on('activeIndexChange', () => {\n if (typeof swiper.snapIndex === 'undefined') {\n update();\n }\n });\n on('snapIndexChange', () => {\n update();\n });\n on('snapGridLengthChange', () => {\n render();\n update();\n });\n on('destroy', () => {\n destroy();\n });\n on('enable disable', () => {\n let {\n el\n } = swiper.pagination;\n if (el) {\n el = makeElementsArray(el);\n el.forEach(subEl => subEl.classList[swiper.enabled ? 'remove' : 'add'](swiper.params.pagination.lockClass));\n }\n });\n on('lock unlock', () => {\n update();\n });\n on('click', (_s, e) => {\n const targetEl = e.target;\n const el = makeElementsArray(swiper.pagination.el);\n if (swiper.params.pagination.el && swiper.params.pagination.hideOnClick && el && el.length > 0 && !targetEl.classList.contains(swiper.params.pagination.bulletClass)) {\n if (swiper.navigation && (swiper.navigation.nextEl && targetEl === swiper.navigation.nextEl || swiper.navigation.prevEl && targetEl === swiper.navigation.prevEl)) return;\n const isHidden = el[0].classList.contains(swiper.params.pagination.hiddenClass);\n if (isHidden === true) {\n emit('paginationShow');\n } else {\n emit('paginationHide');\n }\n el.forEach(subEl => subEl.classList.toggle(swiper.params.pagination.hiddenClass));\n }\n });\n const enable = () => {\n swiper.el.classList.remove(swiper.params.pagination.paginationDisabledClass);\n let {\n el\n } = swiper.pagination;\n if (el) {\n el = makeElementsArray(el);\n el.forEach(subEl => subEl.classList.remove(swiper.params.pagination.paginationDisabledClass));\n }\n init();\n render();\n update();\n };\n const disable = () => {\n swiper.el.classList.add(swiper.params.pagination.paginationDisabledClass);\n let {\n el\n } = swiper.pagination;\n if (el) {\n el = makeElementsArray(el);\n el.forEach(subEl => subEl.classList.add(swiper.params.pagination.paginationDisabledClass));\n }\n destroy();\n };\n Object.assign(swiper.pagination, {\n enable,\n disable,\n render,\n update,\n init,\n destroy\n });\n}\n\nexport { Pagination as default };\n","import Utils from '../common/Utils';\r\nimport {GLOBAL_PATH, STORE } from '../common/Model';\r\n\r\nexport default class News {\r\n\tconstructor(_config) {\r\n\r\n\t\tthis.config = _config;\r\n\t\tlet _option = {\r\n\t\t\ttype: 'api',\r\n\t\t\tservice : this.config.service,\r\n\t\t\tmenu : 'news',\r\n\t\t\tlocale : this.config.locale,\r\n\t\t\tcountry : this.config.country\r\n\t\t};\r\n\t\tthis.newsApiUrl = GLOBAL_PATH(_option);\r\n\t\t// console.log( '=> news.js this.newsApiUrl : ', this.newsApiUrl);\r\n\t}\r\n\tinit() {\r\n\t\tif( Utils.isEmptyObject(STORE.data.news) ) {\r\n\t\t\tthis.get();\r\n\t\t} else {\r\n\t\t\tthis.render(STORE.data.news);\r\n\t\t}\r\n\t}\r\n\r\n\tget() {\r\n\t\tconst _this = this;\r\n\t\tfetch(this.newsApiUrl, {\r\n\t\t\tdataType: \"json\",\r\n\t\t\ttype: \"GET\",\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json', 'Accept': 'application/json'\r\n\t\t\t}\r\n\t\t}).then(function (response) { // The API call was successful!\r\n\t\t\tif (response.ok) {\r\n\t\t\t\treturn response.json();\r\n\t\t\t} else {\r\n\t\t\t\treturn Promise.reject(response);\r\n\t\t\t}\r\n\t\t}).then(function (data) { // This is the JSON from our response\r\n\t\t\tlet _resData;\r\n\t\t\tif(data.jsonData) {\r\n\t\t\t\tlet json = JSON.parse(data.jsonData);\r\n\t\t\t\t_resData = json.list;\r\n\t\t\t} else {\r\n\t\t\t\t_resData = data.list;\r\n\t\t\t}\r\n\t\t\tif(! _resData || _resData.length <= 0 ) return;\r\n\t\t\tSTORE.data.news = _resData;\r\n\t\t\t_this.render(_resData);\r\n\t\t}).catch(function (err) { // There was an error\r\n\t\t\t// console.warn('Something went wrong.', err);\r\n\t\t\tconsole.log('오류가 발생했습니다.', err);\r\n\t\t});\r\n\t\t/*$.ajax({\r\n\t\t\tdataType: \"json\",\r\n\t\t\ttype: \"GET\",\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json', 'Accept': 'application/json'\r\n\t\t\t},\r\n\t\t\turl: `${this.newsApiUrl}`\r\n\t\t})\r\n\t\t.fail( xhr => console.log('오류가 발생했습니다.') )\r\n\t\t.done(( data ) => {\r\n\t\t\tlet _resData;\r\n\t\t\tif(data.jsonData) {\r\n\t\t\t\tlet json = JSON.parse(data.jsonData);\r\n\t\t\t\t_resData = json.list;\r\n\t\t\t} else {\r\n\t\t\t\t_resData = data.list;\r\n\t\t\t}\r\n\t\t\tif(! _resData || _resData.length <= 0 ) return;\r\n\t\t\tSTORE.data.news = _resData;\r\n\t\t\tthis.render(_resData);\r\n\t\t});*/\r\n\t}\r\n\trender(data) {\r\n\t\tconst wrapper = document.querySelector('.news-wrapper');\r\n\t\tconst tmpl = this.templ(data);\r\n\t\tif(data && data.length > 0) wrapper.innerHTML = tmpl;\r\n\t\tthis.addEvent();\r\n\t}\r\n\ttempl(_d){\r\n\t\tlet _option = {\r\n\t\t\ttype: 'url',\r\n\t\t\tservice : this.config.service,\r\n\t\t\tmenu : 'news',\r\n\t\t\tlocale : this.config.locale,\r\n\t\t\tcountry : this.config.country\r\n\t\t};\r\n\t\tlet _url = GLOBAL_PATH(_option);\r\n\t\treturn `\r\n\t\t\t\r\n\t\t\t\t${_a.shortTitle}
\r\n\t\t\t\t\r\n\t\t\t- \r\n\t\t\t\t\t${_d.map( (item, index) => {\r\n\t\t\treturn this.listTempl(item);\r\n\t\t}).join('')}\r\n\t\t\t
- \r\n\t\t\t${_d.channellingList.map( (item, index) => {\r\n\t\t\t\treturn this.mobileListTempl(item);\r\n\t\t\t}).join('')}\r\n\t\t\t
- \r\n\t\t\t${_d.channellingList.map( (item, index) => {\r\n\t\t\t\treturn this.pcListTempl(item);\r\n\t\t\t}).join('')}\r\n\t\t\t
- \r\n\t\t\t${_d.mobileList.map( (item, index) => {\r\n\t\t\t\treturn this.mobileListTempl(item);\r\n\t\t\t}).join('')}\r\n\t\t\t
- \r\n\t\t\t${_d.pcList.map( (item, index) => {\r\n\t\t\t\treturn this.pcListTempl(item);\r\n\t\t\t}).join('')}\r\n\t\t\t
- \r\n\t\t\t\t\t${_d.appList.map( (_item, _index) => {\r\n\t\t\t\t\treturn this.listTempl(_item);\r\n\t\t\t\t}).join('')}\r\n\t\t\t\t
${data.title}
` : `${data.title}
`;\r\n\t\tconst tmpl = this.templ(data.list, _title); // isActive:true 일 경우에만 렌더 하자\r\n\t\tif(data && data.list.length > 0) wrapper.innerHTML = tmpl ;\r\n\t\tthis.addEvent();\r\n\t}\r\n\r\n\ttempl(_d, _tit){\r\n\t\treturn `\r\n\t\t\t\r\n\t\t\t\t\t${_d.map( (item, index) => {\r\n\t\t\t\t\t\treturn this.listTempl(item);\r\n\t\t\t\t\t}).join('')}\r\n\t\t\t\t
\r\n\t\t\t` : ``;\r\n\t\treturn `\r\n\t\t\t`;\r\n\t}\r\n\r\n\taddEvent() {\r\n\t\tlet cmazitSwiper = new Swiper('.cmazit-list', {\r\n\t\t\tmodules: [Navigation, Pagination],\r\n\t\t\tslidesPerView: 'auto',\r\n\t\t\tslidesPerGroup: 3,\r\n\t\t\tobserver: true,\r\n\t\t\tobserveSlideChildren: true,\r\n\t\t\tpagination: {\r\n\t\t\t\tel: '.cmazit-wrapper .swiper-pagination',\r\n\t\t\t\ttype: 'bullets',\r\n\t\t\t\tclickable: true\r\n\t\t\t},\r\n\t\t\tnavigation: {\r\n\t\t\t\tnextEl: '.cmazit-wrapper .swiper-button-next',\r\n\t\t\t\tprevEl: '.cmazit-wrapper .swiper-button-prev'\r\n\t\t\t},\r\n\t\t\tbreakpoints: {\r\n\t\t\t\t959: {\r\n\t\t\t\t\t// slidesPerView: 3,\r\n\t\t\t\t\tslidesPerGroup: 3\r\n\t\t\t\t},\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tif (cmazitSwiper.slides.length <= 3) {\r\n\t\t\tconst bullets = document.querySelectorAll(\".cmazit-wrapper .swiper-pagination-bullets\");\r\n\t\t\tbullets.forEach( el => {\r\n\t\t\t\tel.classList.add('disabled');\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\t/*window.addEventListener('resize', (evt) => {\r\n\t\t\tonWindowResize();\r\n\t\t});\r\n\t\tfunction onWindowResize () {\r\n\t\t\tcmazitSwiper();\r\n\t\t}*/\r\n\r\n\t}\r\n\r\n\r\n}","import Utils from '../common/Utils';\r\nimport {GLOBAL_PATH, STORE} from '../common/Model';\r\n\r\nexport default class Cmbest {\r\n\tconstructor(_config) {\r\n\r\n\t\tthis.config = _config;\r\n\t\tlet _option = {\r\n\t\t\ttype: 'api',\r\n\t\t\tservice : this.config.service,\r\n\t\t\tmenu : 'cmbest',\r\n\t\t\tlocale : this.config.locale,\r\n\t\t\tcountry : this.config.country\r\n\t\t};\r\n\t\tthis.cmbestApiUrl = GLOBAL_PATH(_option);\r\n\t}\r\n\tinit() {\r\n\t\tif (Utils.isEmptyObject(STORE.data.cmbest) ) {\r\n\t\t\tthis.get();\r\n\t\t} else {\r\n\t\t\tthis.render(STORE.data.cmbest);\r\n\t\t}\r\n\t}\r\n\r\n\tget() {\r\n\t\tconst _this = this;\r\n\t\tfetch(this.cmbestApiUrl, {\r\n\t\t\tdataType: \"json\",\r\n\t\t\ttype: \"GET\",\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json', 'Accept': 'application/json'\r\n\t\t\t}\r\n\t\t}).then(function (response) { // The API call was successful!\r\n\t\t\tif (response.ok) {\r\n\t\t\t\treturn response.json();\r\n\t\t\t} else {\r\n\t\t\t\treturn Promise.reject(response);\r\n\t\t\t}\r\n\t\t}).then(function (data) { // This is the JSON from our response\r\n\t\t\tlet _resData;\r\n\t\t\tif(data.jsonData) {\r\n\t\t\t\tlet json = JSON.parse(data.jsonData);\r\n\t\t\t\t_resData = json;\r\n\t\t\t} else {\r\n\t\t\t\t_resData = data;\r\n\t\t\t}\r\n\t\t\tif(! _resData || _resData.length <= 0 ) return;\r\n\t\t\tSTORE.data.cmazit = _resData;\r\n\t\t\t_this.render(_resData);\r\n\t\t}).catch(function (err) { // There was an error\r\n\t\t\t// console.warn('Something went wrong.', err);\r\n\t\t\tconsole.log('오류가 발생했습니다.', err);\r\n\t\t});\r\n\t\t/*$.ajax({\r\n\t\t\tdataType: \"json\",\r\n\t\t\ttype: \"GET\",\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json', 'Accept': 'application/json'\r\n\t\t\t},\r\n\t\t\turl: `${this.cmbestApiUrl}`\r\n\t\t})\r\n\t\t.fail( xhr => console.log('오류가 발생했습니다.') )\r\n\t\t.done(( data ) => {\r\n\t\t\tlet _resData;\r\n\t\t\tif(data.jsonData) {\r\n\t\t\t\tlet json = JSON.parse(data.jsonData);\r\n\t\t\t\t_resData = json;\r\n\t\t\t} else {\r\n\t\t\t\t_resData = data;\r\n\t\t\t}\r\n\t\t\tif(! _resData || _resData.length <= 0 ) return;\r\n\t\t\tSTORE.data.cmbest = _resData;\r\n\t\t\tthis.render(_resData);\r\n\t\t});*/\r\n\t}\r\n\trender(data) {\r\n\t\tconst wrapper = document.querySelector('.cmbest-wrapper');\r\n\t\tif(! data.isActive) {\r\n\t\t\twrapper.remove();\r\n\t\t} else {\r\n\t\t\tconst tmpl = this.templ(data.list, data.title); // isActive:true 일 경우에만 렌더 하자\r\n\t\t\tif(data && data.list.length > 0) wrapper.innerHTML = tmpl;\r\n\t\t}\r\n\t}\r\n\r\n\ttempl(_d, _tit){\r\n\t\tlet _title = `
${_tit}
`;\r\n\t\treturn `\r\n\t\t\t` : ``;\r\n\t\treturn `\r\n\t\t\t`;\r\n\t}\r\n}","import Utils from '../common/Utils';\r\nimport Swiper from 'swiper';\r\nimport {API_DOMAIN, GLOBAL_PATH, STORE} from '../common/Model';\r\n\r\nexport default class Movie {\r\n\tconstructor(_config) {\r\n\t\tthis.config = _config;\r\n\t\tthis.serviceEnv = _config.serviceEnv.toUpperCase() || 'LIVE';\r\n\t\tlet _option = {\r\n\t\t\ttype: 'api',\r\n\t\t\tservice : this.config.service,\r\n\t\t\tcountry : this.config.country,\r\n\t\t\tmenu : 'movie'\r\n\t\t};\r\n\t\tlet _communityApi;\r\n\t\tif (this.config.service==='lineage2mru' || this.config.service==='lineage2mnaeu') {\r\n\t\t\t_communityApi = API_DOMAIN.GLOBAL_COMMUNITY[this.serviceEnv];\r\n\t\t} else if (this.config.service ==='lineage2mnct') {\r\n\t\t\t_communityApi = API_DOMAIN.NCT_COMMUNITY[this.serviceEnv];\r\n\t\t} else if (this.config.service ==='lineage2mncj') {\r\n\t\t\t_communityApi = API_DOMAIN.NCJ_COMMUNITY[this.serviceEnv];\r\n\t\t} else if (this.config.service ==='h2') {\r\n\t\t\t_communityApi = '';\r\n\t\t} else {\r\n\t\t\t_communityApi = API_DOMAIN.COMMUNITY[this.serviceEnv];\r\n\t\t}\r\n\r\n\t\tthis.movieApiUrl = _communityApi + GLOBAL_PATH(_option);\r\n\t\tthis.TITLE = _config.tabConfig.tabCmpick.cmpickMovie.title || STORE.title.movie;\r\n\r\n\t\tlet _optionUrl = {\r\n\t\t\ttype: 'url',\r\n\t\t\tservice : this.config.service,\r\n\t\t\tmenu : 'movie',\r\n\t\t\tlocale : this.config.locale,\r\n\t\t\tcountry : this.config.country\r\n\t\t};\r\n\t\tthis.moviePathUrl = GLOBAL_PATH(_optionUrl);\r\n\t\t// console.log( '=> movie.js this.movieApiUrl : ', this.movieApiUrl);\r\n\t}\r\n\tinit() {\r\n\t\tif( Utils.isEmptyObject(STORE.data.movie) ) {\r\n\t\t\tif (this.config.service ==='h2') {\r\n\t\t\t\tthis.getSnow();\r\n\t\t\t} else {\r\n\t\t\t\tthis.get();\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tthis.render(STORE.data.movie);\r\n\t\t}\r\n\t}\r\n\tgetSnow() {\r\n\t\t// console.log( 'getSnow() for h2 service ' );\r\n\t\tconst _this = this;\r\n\t\t$.ajax({\r\n\t\t\tdataType: \"json\",\r\n\t\t\ttype: \"GET\",\r\n\t\t\theaders: {'Content-Type': 'application/json', 'Accept': 'application/json'},\r\n\t\t\tdata: {\r\n\t\t\t\tsummary: false,\r\n\t\t\t\tmoreSize: 3,\r\n\t\t\t\tpreviousArticleId: 0,\r\n\t\t\t\tcategoryId: 0,\r\n\t\t\t},\r\n\t\t\turl: `${this.movieApiUrl}`\r\n\t\t})\r\n\t\t\t.fail( xhr => console.log('오류가 발생했습니다.') )\r\n\t\t\t.done(( data ) => {\r\n\t\t\t\t// console.log('=> movie data : ' , data);\r\n\t\t\t\tlet _resData = (data.articleList) ? data.articleList : data.contentList;\r\n\t\t\t\tif(! _resData || _resData.length <= 0 ) return;\r\n\t\t\t\tSTORE.data.movie = _resData;\r\n\t\t\t\tthis.render(_resData);\r\n\t\t\t});\r\n\t}\r\n\tget() {\r\n\t\tconst _this = this;\r\n\t\tfetch(this.movieApiUrl, {\r\n\t\t\tdataType: \"json\",\r\n\t\t\ttype: \"GET\"/*,\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json', 'Accept': 'application/json'\r\n\t\t\t}*/\r\n\t\t}).then(function (response) { // The API call was successful!\r\n\t\t\tif (response.ok) {\r\n\t\t\t\treturn response.json();\r\n\t\t\t} else {\r\n\t\t\t\treturn Promise.reject(response);\r\n\t\t\t}\r\n\t\t}).then(function (data) { // This is the JSON from our response\r\n\t\t\tlet _resData = (data.articleList) ? data.articleList : data.contentList;\r\n\t\t\t// console.log('then : ', _resData, _resData.length);\r\n\t\t\tif(! _resData || _resData.length <= 0 ) return;\r\n\t\t\tSTORE.data.movie = _resData;\r\n\t\t\t_this.render(_resData);\r\n\t\t}).catch(function (err) { // There was an error\r\n\t\t\t// console.warn('Something went wrong.', err);\r\n\t\t\tconsole.log('오류가 발생했습니다.', err);\r\n\t\t});\r\n\t}\r\n\r\n\trender(data) {\r\n\t\tconst wrapper = document.querySelector('.movie-wrapper');\r\n\t\tlet tmpl = this.templ(data);\r\n\t\twrapper.innerHTML = tmpl;\r\n\t\tthis.addEvent();\r\n\t}\r\n\r\n\ttempl(_d){\r\n\t\tlet _title = `
${this.TITLE}
`;\r\n\t\treturn `\r\n\t\t\t\r\n\t\t\t\t\t${_d.map( (item, index) => {\r\n\t\t\t\t\t\tif(index<3) return this.listTempl(item);\r\n\t\t\t\t\t}).join('')}\r\n\t\t\t\t
\r\n\t\t\t${this.TITLE}
`;\r\n\t\treturn `\r\n\t\t\t\r\n\t\t\t\t\t${_d.map( (item, index) => {\r\n\t\t\t\t\t\treturn this.listTempl(item);\r\n\t\t\t\t\t}).join('')}\r\n\t\t\t\t
\r\n\t\t\t