').addClass(settings.dotsClass).appendTo(this.$element)).addClass('disabled');\r\n\r\n\t\tthis._controls.$absolute.on('click', 'button', $.proxy(function(e) {\r\n\t\t\tvar index = $(e.target).parent().is(this._controls.$absolute)\r\n\t\t\t\t? $(e.target).index() : $(e.target).parent().index();\r\n\r\n\t\t\te.preventDefault();\r\n\r\n\t\t\tthis.to(index, settings.dotsSpeed);\r\n\t\t}, this));\r\n\r\n\t\t/*$el.on('focusin', function() {\r\n\t\t\t$(document).off(\".carousel\");\r\n\r\n\t\t\t$(document).on('keydown.carousel', function(e) {\r\n\t\t\t\tif(e.keyCode == 37) {\r\n\t\t\t\t\t$el.trigger('prev.owl')\r\n\t\t\t\t}\r\n\t\t\t\tif(e.keyCode == 39) {\r\n\t\t\t\t\t$el.trigger('next.owl')\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});*/\r\n\r\n\t\t// override public methods of the carousel\r\n\t\tfor (override in this._overrides) {\r\n\t\t\tthis._core[override] = $.proxy(this[override], this);\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Destroys the plugin.\r\n\t * @protected\r\n\t */\r\n\tNavigation.prototype.destroy = function() {\r\n\t\tvar handler, control, property, override, settings;\r\n\t\tsettings = this._core.settings;\r\n\r\n\t\tfor (handler in this._handlers) {\r\n\t\t\tthis.$element.off(handler, this._handlers[handler]);\r\n\t\t}\r\n\t\tfor (control in this._controls) {\r\n\t\t\tif (control === '$relative' && settings.navContainer) {\r\n\t\t\t\tthis._controls[control].html('');\r\n\t\t\t} else {\r\n\t\t\t\tthis._controls[control].remove();\r\n\t\t\t}\r\n\t\t}\r\n\t\tfor (override in this.overides) {\r\n\t\t\tthis._core[override] = this._overrides[override];\r\n\t\t}\r\n\t\tfor (property in Object.getOwnPropertyNames(this)) {\r\n\t\t\ttypeof this[property] != 'function' && (this[property] = null);\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Updates the internal state.\r\n\t * @protected\r\n\t */\r\n\tNavigation.prototype.update = function() {\r\n\t\tvar i, j, k,\r\n\t\t\tlower = this._core.clones().length / 2,\r\n\t\t\tupper = lower + this._core.items().length,\r\n\t\t\tmaximum = this._core.maximum(true),\r\n\t\t\tsettings = this._core.settings,\r\n\t\t\tsize = settings.center || settings.autoWidth || settings.dotsData\r\n\t\t\t\t? 1 : settings.dotsEach || settings.items;\r\n\r\n\t\tif (settings.slideBy !== 'page') {\r\n\t\t\tsettings.slideBy = Math.min(settings.slideBy, settings.items);\r\n\t\t}\r\n\r\n\t\tif (settings.dots || settings.slideBy == 'page') {\r\n\t\t\tthis._pages = [];\r\n\r\n\t\t\tfor (i = lower, j = 0, k = 0; i < upper; i++) {\r\n\t\t\t\tif (j >= size || j === 0) {\r\n\t\t\t\t\tthis._pages.push({\r\n\t\t\t\t\t\tstart: Math.min(maximum, i - lower),\r\n\t\t\t\t\t\tend: i - lower + size - 1\r\n\t\t\t\t\t});\r\n\t\t\t\t\tif (Math.min(maximum, i - lower) === maximum) {\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tj = 0, ++k;\r\n\t\t\t\t}\r\n\t\t\t\tj += this._core.mergers(this._core.relative(i));\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Draws the user interface.\r\n\t * @todo The option `dotsData` wont work.\r\n\t * @protected\r\n\t */\r\n\tNavigation.prototype.draw = function() {\r\n\t\tvar difference,\r\n\t\t\tsettings = this._core.settings,\r\n\t\t\tdisabled = this._core.items().length <= settings.items,\r\n\t\t\tindex = this._core.relative(this._core.current()),\r\n\t\t\tloop = settings.loop || settings.rewind;\r\n\r\n\t\tthis._controls.$relative.toggleClass('disabled', !settings.nav || disabled);\r\n\r\n\t\tif (settings.nav) {\r\n\t\t\tthis._controls.$previous.toggleClass('disabled', !loop && index <= this._core.minimum(true));\r\n\t\t\tthis._controls.$next.toggleClass('disabled', !loop && index >= this._core.maximum(true));\r\n\t\t}\r\n\r\n\t\tthis._controls.$absolute.toggleClass('disabled', !settings.dots || disabled);\r\n\r\n\t\tif (settings.dots) {\r\n\t\t\tdifference = this._pages.length - this._controls.$absolute.children().length;\r\n\r\n\t\t\tif (settings.dotsData && difference !== 0) {\r\n\t\t\t\tthis._controls.$absolute.html(this._templates.join(''));\r\n\t\t\t} else if (difference > 0) {\r\n\t\t\t\tthis._controls.$absolute.append(new Array(difference + 1).join(this._templates[0]));\r\n\t\t\t} else if (difference < 0) {\r\n\t\t\t\tthis._controls.$absolute.children().slice(difference).remove();\r\n\t\t\t}\r\n\r\n\t\t\tthis._controls.$absolute.find('.active').removeClass('active');\r\n\t\t\tthis._controls.$absolute.children().eq($.inArray(this.current(), this._pages)).addClass('active');\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Extends event data.\r\n\t * @protected\r\n\t * @param {Event} event - The event object which gets thrown.\r\n\t */\r\n\tNavigation.prototype.onTrigger = function(event) {\r\n\t\tvar settings = this._core.settings;\r\n\r\n\t\tevent.page = {\r\n\t\t\tindex: $.inArray(this.current(), this._pages),\r\n\t\t\tcount: this._pages.length,\r\n\t\t\tsize: settings && (settings.center || settings.autoWidth || settings.dotsData\r\n\t\t\t\t? 1 : settings.dotsEach || settings.items)\r\n\t\t};\r\n\t};\r\n\r\n\t/**\r\n\t * Gets the current page position of the carousel.\r\n\t * @protected\r\n\t * @returns {Number}\r\n\t */\r\n\tNavigation.prototype.current = function() {\r\n\t\tvar current = this._core.relative(this._core.current());\r\n\t\treturn $.grep(this._pages, $.proxy(function(page, index) {\r\n\t\t\treturn page.start <= current && page.end >= current;\r\n\t\t}, this)).pop();\r\n\t};\r\n\r\n\t/**\r\n\t * Gets the current succesor/predecessor position.\r\n\t * @protected\r\n\t * @returns {Number}\r\n\t */\r\n\tNavigation.prototype.getPosition = function(successor) {\r\n\t\tvar position, length,\r\n\t\t\tsettings = this._core.settings;\r\n\r\n\t\tif (settings.slideBy == 'page') {\r\n\t\t\tposition = $.inArray(this.current(), this._pages);\r\n\t\t\tlength = this._pages.length;\r\n\t\t\tsuccessor ? ++position : --position;\r\n\t\t\tposition = this._pages[((position % length) + length) % length].start;\r\n\t\t} else {\r\n\t\t\tposition = this._core.relative(this._core.current());\r\n\t\t\tlength = this._core.items().length;\r\n\t\t\tsuccessor ? position += settings.slideBy : position -= settings.slideBy;\r\n\t\t}\r\n\r\n\t\treturn position;\r\n\t};\r\n\r\n\t/**\r\n\t * Slides to the next item or page.\r\n\t * @public\r\n\t * @param {Number} [speed=false] - The time in milliseconds for the transition.\r\n\t */\r\n\tNavigation.prototype.next = function(speed) {\r\n\t\t$.proxy(this._overrides.to, this._core)(this.getPosition(true), speed);\r\n\t};\r\n\r\n\t/**\r\n\t * Slides to the previous item or page.\r\n\t * @public\r\n\t * @param {Number} [speed=false] - The time in milliseconds for the transition.\r\n\t */\r\n\tNavigation.prototype.prev = function(speed) {\r\n\t\t$.proxy(this._overrides.to, this._core)(this.getPosition(false), speed);\r\n\t};\r\n\r\n\t/**\r\n\t * Slides to the specified item or page.\r\n\t * @public\r\n\t * @param {Number} position - The position of the item or page.\r\n\t * @param {Number} [speed] - The time in milliseconds for the transition.\r\n\t * @param {Boolean} [standard=false] - Whether to use the standard behaviour or not.\r\n\t */\r\n\tNavigation.prototype.to = function(position, speed, standard) {\r\n\t\tvar length;\r\n\r\n\t\tif (!standard && this._pages.length) {\r\n\t\t\tlength = this._pages.length;\r\n\t\t\t$.proxy(this._overrides.to, this._core)(this._pages[((position % length) + length) % length].start, speed);\r\n\t\t} else {\r\n\t\t\t$.proxy(this._overrides.to, this._core)(position, speed);\r\n\t\t}\r\n\t};\r\n\r\n\t$.fn.owlCarousel.Constructor.Plugins.Navigation = Navigation;\r\n\r\n})(window.Zepto || window.jQuery, window, document);\r\n\r\n/**\r\n * Hash Plugin\r\n * @version 2.3.4\r\n * @author Artus Kolanowski\r\n * @author David Deutsch\r\n * @license The MIT License (MIT)\r\n */\r\n;(function($, window, document, undefined) {\r\n\t'use strict';\r\n\r\n\t/**\r\n\t * Creates the hash plugin.\r\n\t * @class The Hash Plugin\r\n\t * @param {Owl} carousel - The Owl Carousel\r\n\t */\r\n\tvar Hash = function(carousel) {\r\n\t\t/**\r\n\t\t * Reference to the core.\r\n\t\t * @protected\r\n\t\t * @type {Owl}\r\n\t\t */\r\n\t\tthis._core = carousel;\r\n\r\n\t\t/**\r\n\t\t * Hash index for the items.\r\n\t\t * @protected\r\n\t\t * @type {Object}\r\n\t\t */\r\n\t\tthis._hashes = {};\r\n\r\n\t\t/**\r\n\t\t * The carousel element.\r\n\t\t * @type {jQuery}\r\n\t\t */\r\n\t\tthis.$element = this._core.$element;\r\n\r\n\t\t/**\r\n\t\t * All event handlers.\r\n\t\t * @protected\r\n\t\t * @type {Object}\r\n\t\t */\r\n\t\tthis._handlers = {\r\n\t\t\t'initialized.owl.carousel': $.proxy(function(e) {\r\n\t\t\t\tif (e.namespace && this._core.settings.startPosition === 'URLHash') {\r\n\t\t\t\t\t$(window).trigger('hashchange.owl.navigation');\r\n\t\t\t\t}\r\n\t\t\t}, this),\r\n\t\t\t'prepared.owl.carousel': $.proxy(function(e) {\r\n\t\t\t\tif (e.namespace) {\r\n\t\t\t\t\tvar hash = $(e.content).find('[data-hash]').addBack('[data-hash]').attr('data-hash');\r\n\r\n\t\t\t\t\tif (!hash) {\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tthis._hashes[hash] = e.content;\r\n\t\t\t\t}\r\n\t\t\t}, this),\r\n\t\t\t'changed.owl.carousel': $.proxy(function(e) {\r\n\t\t\t\tif (e.namespace && e.property.name === 'position') {\r\n\t\t\t\t\tvar current = this._core.items(this._core.relative(this._core.current())),\r\n\t\t\t\t\t\thash = $.map(this._hashes, function(item, hash) {\r\n\t\t\t\t\t\t\treturn item === current ? hash : null;\r\n\t\t\t\t\t\t}).join();\r\n\r\n\t\t\t\t\tif (!hash || window.location.hash.slice(1) === hash) {\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\twindow.location.hash = hash;\r\n\t\t\t\t}\r\n\t\t\t}, this)\r\n\t\t};\r\n\r\n\t\t// set default options\r\n\t\tthis._core.options = $.extend({}, Hash.Defaults, this._core.options);\r\n\r\n\t\t// register the event handlers\r\n\t\tthis.$element.on(this._handlers);\r\n\r\n\t\t// register event listener for hash navigation\r\n\t\t$(window).on('hashchange.owl.navigation', $.proxy(function(e) {\r\n\t\t\tvar hash = window.location.hash.substring(1),\r\n\t\t\t\titems = this._core.$stage.children(),\r\n\t\t\t\tposition = this._hashes[hash] && items.index(this._hashes[hash]);\r\n\r\n\t\t\tif (position === undefined || position === this._core.current()) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tthis._core.to(this._core.relative(position), false, true);\r\n\t\t}, this));\r\n\t};\r\n\r\n\t/**\r\n\t * Default options.\r\n\t * @public\r\n\t */\r\n\tHash.Defaults = {\r\n\t\tURLhashListener: false\r\n\t};\r\n\r\n\t/**\r\n\t * Destroys the plugin.\r\n\t * @public\r\n\t */\r\n\tHash.prototype.destroy = function() {\r\n\t\tvar handler, property;\r\n\r\n\t\t$(window).off('hashchange.owl.navigation');\r\n\r\n\t\tfor (handler in this._handlers) {\r\n\t\t\tthis._core.$element.off(handler, this._handlers[handler]);\r\n\t\t}\r\n\t\tfor (property in Object.getOwnPropertyNames(this)) {\r\n\t\t\ttypeof this[property] != 'function' && (this[property] = null);\r\n\t\t}\r\n\t};\r\n\r\n\t$.fn.owlCarousel.Constructor.Plugins.Hash = Hash;\r\n\r\n})(window.Zepto || window.jQuery, window, document);\r\n\r\n/**\r\n * Support Plugin\r\n *\r\n * @version 2.3.4\r\n * @author Vivid Planet Software GmbH\r\n * @author Artus Kolanowski\r\n * @author David Deutsch\r\n * @license The MIT License (MIT)\r\n */\r\n;(function($, window, document, undefined) {\r\n\r\n\tvar style = $('
').get(0).style,\r\n\t\tprefixes = 'Webkit Moz O ms'.split(' '),\r\n\t\tevents = {\r\n\t\t\ttransition: {\r\n\t\t\t\tend: {\r\n\t\t\t\t\tWebkitTransition: 'webkitTransitionEnd',\r\n\t\t\t\t\tMozTransition: 'transitionend',\r\n\t\t\t\t\tOTransition: 'oTransitionEnd',\r\n\t\t\t\t\ttransition: 'transitionend'\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tanimation: {\r\n\t\t\t\tend: {\r\n\t\t\t\t\tWebkitAnimation: 'webkitAnimationEnd',\r\n\t\t\t\t\tMozAnimation: 'animationend',\r\n\t\t\t\t\tOAnimation: 'oAnimationEnd',\r\n\t\t\t\t\tanimation: 'animationend'\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\ttests = {\r\n\t\t\tcsstransforms: function() {\r\n\t\t\t\treturn !!test('transform');\r\n\t\t\t},\r\n\t\t\tcsstransforms3d: function() {\r\n\t\t\t\treturn !!test('perspective');\r\n\t\t\t},\r\n\t\t\tcsstransitions: function() {\r\n\t\t\t\treturn !!test('transition');\r\n\t\t\t},\r\n\t\t\tcssanimations: function() {\r\n\t\t\t\treturn !!test('animation');\r\n\t\t\t}\r\n\t\t};\r\n\r\n\tfunction test(property, prefixed) {\r\n\t\tvar result = false,\r\n\t\t\tupper = property.charAt(0).toUpperCase() + property.slice(1);\r\n\r\n\t\t$.each((property + ' ' + prefixes.join(upper + ' ') + upper).split(' '), function(i, property) {\r\n\t\t\tif (style[property] !== undefined) {\r\n\t\t\t\tresult = prefixed ? property : true;\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\treturn result;\r\n\t}\r\n\r\n\tfunction prefixed(property) {\r\n\t\treturn test(property, true);\r\n\t}\r\n\r\n\tif (tests.csstransitions()) {\r\n\t\t/* jshint -W053 */\r\n\t\t$.support.transition = new String(prefixed('transition'))\r\n\t\t$.support.transition.end = events.transition.end[ $.support.transition ];\r\n\t}\r\n\r\n\tif (tests.cssanimations()) {\r\n\t\t/* jshint -W053 */\r\n\t\t$.support.animation = new String(prefixed('animation'))\r\n\t\t$.support.animation.end = events.animation.end[ $.support.animation ];\r\n\t}\r\n\r\n\tif (tests.csstransforms()) {\r\n\t\t/* jshint -W053 */\r\n\t\t$.support.transform = new String(prefixed('transform'));\r\n\t\t$.support.transform3d = tests.csstransforms3d();\r\n\t}\r\n\r\n})(window.Zepto || window.jQuery, window, document);\r\n","/**\r\n * Owl Carousel v2 Accessibility Plugin\r\n * Version 0.2.1\r\n * © Geoffrey Roberts 2016\r\n */\r\n\r\n;\r\n(function ($, window, document) {\r\n var Owl2A11y = function (carousel) {\r\n this._core = carousel;\r\n this._initialized = false;\r\n\r\n this._core._options = $.extend(Owl2A11y.defaults, this._core.options);\r\n\r\n this.$element = this._core.$element;\r\n\r\n var setCurrent = $.proxy(function (e) {\r\n this.setCurrent(e);\r\n }, this);\r\n\r\n this._handlers = {\r\n 'initialized.owl.carousel': $.proxy(function (e) {\r\n this.setupRoot();\r\n if (e.namespace && !this._initialized) {\r\n this.setupFocus();\r\n this.setupKeyboard();\r\n }\r\n this.setCurrent(e);\r\n }, this),\r\n 'changed.owl.carousel': setCurrent,\r\n 'translated.owl.carousel': setCurrent,\r\n 'refreshed.owl.carousel': setCurrent,\r\n 'resized.owl.carousel': setCurrent\r\n };\r\n this.$element.on(this._handlers);\r\n };\r\n\r\n\r\n /* PREFERENCES */\r\n\r\n /**\r\n * Contains default parameters, if there were any.\r\n */\r\n Owl2A11y.defaults = {};\r\n\r\n\r\n /* EVENT HANDLERS */\r\n\r\n /**\r\n * Adds support for things that don't map nicely to the root object\r\n * such as event handlers.\r\n */\r\n Owl2A11y.eventHandlers = {};\r\n\r\n /**\r\n * Get a callback for keyup events within this carousel.\r\n *\r\n * @return callback\r\n * An event callback that takes an Event as an argument.\r\n */\r\n Owl2A11y.prototype.getDocumentKeyUp = function () {\r\n var self = this;\r\n return function (e) {\r\n var eventTarg = $(e.target),\r\n targ = self.focused(eventTarg),\r\n action = null;\r\n\r\n if (!!targ) {\r\n if (e.keyCode == 37 || e.keyCode == 38) {\r\n action = 'prev.owl.carousel';\r\n } else if (e.keyCode == 39 || e.keyCode == 40) {\r\n action = 'next.owl.carousel';\r\n } else if (e.keyCode == 13) {\r\n if (eventTarg.hasClass('owl-prev')) action = 'prev.owl.carousel';\r\n else if (eventTarg.hasClass('owl-next')) action = 'next.owl.carousel';\r\n else if (eventTarg.hasClass('owl-dot')) action = 'click';\r\n }\r\n\r\n if (!!action) targ.trigger(action);\r\n }\r\n };\r\n };\r\n\r\n\r\n /* SETUP AND TEAR DOWN */\r\n\r\n /**\r\n * Assign attributes to the root element.\r\n */\r\n Owl2A11y.prototype.setupRoot = function () {\r\n this.$element.attr({\r\n role: 'listbox',\r\n tabindex: '0'\r\n });\r\n };\r\n\r\n /**\r\n * Setup keyboard events for this carousel.\r\n */\r\n Owl2A11y.prototype.setupKeyboard = function () {\r\n // Only needed to initialise once for the entire document\r\n if (!this.$element.attr('data-owl-access-keyup')) {\r\n this.$element.bind('keyup', this.getDocumentKeyUp())\r\n .attr('data-owl-access-keyup', '1');\r\n }\r\n this.$element.attr('data-owl-carousel-focusable', '1');\r\n };\r\n\r\n /**\r\n * Setup focusing behaviour for the carousel.\r\n */\r\n Owl2A11y.prototype.setupFocus = function () {\r\n // Only needed to initialise once for the entire document\r\n this.$element.bind('focusin', function () {\r\n $(this).attr({\r\n 'data-owl-carousel-focused': '1',\r\n 'aria-live': 'polite'\r\n }).trigger('stop.owl.autoplay');\r\n }).bind('focusout', function () {\r\n $(this).attr({\r\n 'data-owl-carousel-focused': '0',\r\n 'aria-live': 'off'\r\n }).trigger('play.owl.autoplay');\r\n });\r\n\r\n // Add tabindex to allow navigation to be focused.\r\n if (!!this._core._plugins.navigation) {\r\n var navPlugin = this._core._plugins.navigation,\r\n toFocus = [];\r\n if (!!navPlugin._controls.$previous) {\r\n toFocus.push(navPlugin._controls.$previous);\r\n }\r\n if (!!navPlugin._controls.$next) {\r\n toFocus.push(navPlugin._controls.$next);\r\n }\r\n if (!!navPlugin._controls.$indicators) {\r\n toFocus.push(navPlugin._controls.$indicators.children());\r\n }\r\n $.each(toFocus, function () {\r\n this.attr('tabindex', '0');\r\n });\r\n }\r\n };\r\n\r\n /**\r\n * Assign attributes to the root element.\r\n */\r\n Owl2A11y.prototype.destroy = function () {\r\n this.$element.unbind('keyup', this.eventHandlers.documentKeyUp)\r\n .removeAttr('data-owl-access-keyup data-owl-carousel-focusable')\r\n .unbind('focusin focusout');\r\n };\r\n\r\n\r\n /* HELPER FUNCTIONS */\r\n\r\n /**\r\n * Identifies all focusable elements within a given element.\r\n *\r\n * @param DOMElement elem\r\n * A DOM element.\r\n *\r\n * @return jQuery\r\n * A jQuery object that may refer to zero or more focusable elements.\r\n */\r\n Owl2A11y.prototype.focusableElems = function (elem) {\r\n return $(elem).find('a, input, select, button, *[tabindex]');\r\n };\r\n\r\n /**\r\n * Identifies all focusable elements within a given element.\r\n *\r\n * @param jQeury elems\r\n * A jQuery object that may refer to zero or more focusable elements.\r\n * @param boolean enable\r\n * Whether focus is to be enabled on these elements or not.\r\n */\r\n Owl2A11y.prototype.adjustFocus = function (elems, enable) {\r\n elems.each(function () {\r\n var item = $(this);\r\n var newTabIndex = '0',\r\n storeTabIndex = '0';\r\n\r\n currentTabIndex = item.attr('tabindex'),\r\n storedTabIndex = item.attr('data-owl-temp-tabindex');\r\n\r\n if (enable) {\r\n newTabIndex = (\r\n typeof (storedTabIndex) != 'undefined' && (storedTabIndex != '-1') ?\r\n item.attr('data-owl-temp-tabindex') :\r\n '0'\r\n );\r\n storedTabIndex = newTabIndex;\r\n } else {\r\n newTabIndex = '-1';\r\n storedTabIndex = (\r\n (typeof (currentTabIndex) != 'undefined') || (currentTabIndex != '-1') ?\r\n currentTabIndex :\r\n '0'\r\n );\r\n }\r\n\r\n item.attr({\r\n tabindex: newTabIndex,\r\n 'data-owl-temp-tabindex': storeTabIndex\r\n });\r\n });\r\n };\r\n\r\n /**\r\n * Get the root element if we are focused within it.\r\n *\r\n * @param DOMElement targ\r\n * An element that might be within this carousel.\r\n *\r\n * @return mixed\r\n * Either the jQuery element containing the root element, or NULL.\r\n */\r\n Owl2A11y.prototype.focused = function (targ) {\r\n var targ = $(targ);\r\n if (targ.attr('data-owl-carousel-focused') == 1) {\r\n return targ;\r\n }\r\n var closest = targ.closest('[data-owl-carousel-focused=\"1\"]');\r\n if (closest.length > 0) return closest;\r\n return null;\r\n };\r\n\r\n\r\n /* UPDATE FUNCTIONS */\r\n\r\n /**\r\n * Identify active elements, set WAI-ARIA sttributes accordingly,\r\n * scroll to show element if we need to, and set up focusing.\r\n *\r\n * @param Event e\r\n * The triggering event.\r\n */\r\n Owl2A11y.prototype.setCurrent = function (e) {\r\n var targ = this.focused($(':focus')),\r\n element = this._core.$element,\r\n stage = this._core.$stage,\r\n focusableElems = this.focusableElems,\r\n adjustFocus = this.adjustFocus;\r\n\r\n if (!!stage) {\r\n var offs = stage.offset();\r\n if (!!targ) {\r\n window.scrollTo(\r\n offs.left,\r\n offs.top - parseInt($('body').css('padding-top'), 10)\r\n );\r\n }\r\n\r\n this._core.$stage.children().each(function (i) {\r\n var item = $(this);\r\n var focusable = focusableElems(this);\r\n\r\n // Use the active class to determine if we can see it or not.\r\n // Pretty lazy, but the Owl API doesn't make it easy to tell\r\n // from indices alone.\r\n if (item.hasClass('active')) {\r\n item.attr('aria-hidden', 'false');\r\n adjustFocus(focusable, true);\r\n } else {\r\n item.attr('aria-hidden', 'true');\r\n adjustFocus(focusable, false);\r\n }\r\n });\r\n\r\n if (!!targ) {\r\n // Focus on the root element after we're done moving,\r\n // but only if we're not using the controls.\r\n setTimeout(function () {\r\n var newFocus = element;\r\n if ($(':focus').closest('.owl-controls').length) {\r\n newFocus = $(':focus');\r\n }\r\n newFocus.focus();\r\n }, 250);\r\n }\r\n }\r\n };\r\n\r\n $.fn.owlCarousel.Constructor.Plugins['Owl2A11y'] = Owl2A11y;\r\n})(window.Zepto || window.jQuery, window, document);","/*!\n * Splide.js\n * Version : 2.4.20\n * License : MIT\n * Copyright: 2020 Naotoshi Fujita\n * Website: https://splidejs.com/\n */\n/******/ (function () { // webpackBootstrap\n/******/ \t\"use strict\";\n/******/ \t// The require scope\n/******/ \tvar __webpack_require__ = {};\n/******/\n/************************************************************************/\n/******/ \t/* webpack/runtime/define property getters */\n/******/ \t!function () {\n/******/ \t\t// define getter functions for harmony exports\n/******/ \t\t__webpack_require__.d = function (exports, definition) {\n/******/ \t\t\tfor (var key in definition) {\n/******/ \t\t\t\tif (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n/******/ \t\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n /******/\n}\n /******/\n}\n /******/\n};\n /******/\n}();\n/******/\n/******/ \t/* webpack/runtime/hasOwnProperty shorthand */\n/******/ \t!function () {\n/******/ \t\t__webpack_require__.o = function (obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }\n /******/\n}();\n/******/\n/******/ \t/* webpack/runtime/make namespace object */\n/******/ \t!function () {\n/******/ \t\t// define __esModule on exports\n/******/ \t\t__webpack_require__.r = function (exports) {\n/******/ \t\t\tif (typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n/******/ \t\t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n /******/\n}\n/******/ \t\t\tObject.defineProperty(exports, '__esModule', { value: true });\n /******/\n};\n /******/\n}();\n /******/\n /************************************************************************/\n\n // UNUSED EXPORTS: Splide\n\n // NAMESPACE OBJECT: ./src/js/constants/states.js\n var states_namespaceObject = {};\n __webpack_require__.r(states_namespaceObject);\n __webpack_require__.d(states_namespaceObject, {\n \"CREATED\": function () { return CREATED; },\n \"DESTROYED\": function () { return DESTROYED; },\n \"IDLE\": function () { return IDLE; },\n \"MOUNTED\": function () { return MOUNTED; },\n \"MOVING\": function () { return MOVING; }\n });\n\n ;// CONCATENATED MODULE: ./src/js/core/event.js\n/**\n * The function for providing an Event object simply managing events.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n/**\n * The function for providing an Event object simply managing events.\n */\n/* harmony default export */ var core_event = (function () {\n /**\n * Store all event data.\n *\n * @type {Array}\n */\n var data = [];\n var Event = {\n /**\n * Subscribe the given event(s).\n *\n * @param {string} events - An event name. Use space to separate multiple events.\n * Also, namespace is accepted by dot, such as 'resize.{namespace}'.\n * @param {function} handler - A callback function.\n * @param {Element} elm - Optional. Native event will be listened to when this arg is provided.\n * @param {Object} options - Optional. Options for addEventListener.\n */\n on: function on(events, handler, elm, options) {\n if (elm === void 0) {\n elm = null;\n }\n\n if (options === void 0) {\n options = {};\n }\n\n events.split(' ').forEach(function (event) {\n if (elm) {\n elm.addEventListener(event, handler, options);\n }\n\n data.push({\n event: event,\n handler: handler,\n elm: elm,\n options: options\n });\n });\n },\n\n /**\n * Unsubscribe the given event(s).\n *\n * @param {string} events - A event name or names split by space.\n * @param {Element} elm - Optional. removeEventListener() will be called when this arg is provided.\n */\n off: function off(events, elm) {\n if (elm === void 0) {\n elm = null;\n }\n\n events.split(' ').forEach(function (event) {\n data = data.filter(function (item) {\n if (item && item.event === event && item.elm === elm) {\n unsubscribe(item);\n return false;\n }\n\n return true;\n });\n });\n },\n\n /**\n * Emit an event.\n * This method is only for custom events.\n *\n * @param {string} event - An event name.\n * @param {*} args - Any number of arguments passed to handlers.\n */\n emit: function emit(event) {\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n data.forEach(function (item) {\n if (!item.elm && item.event.split('.')[0] === event) {\n item.handler.apply(item, args);\n }\n });\n },\n\n /**\n * Clear event data.\n */\n destroy: function destroy() {\n data.forEach(unsubscribe);\n data = [];\n }\n };\n /**\n * Remove the registered event listener.\n *\n * @param {Object} item - An object containing event data.\n */\n\n function unsubscribe(item) {\n if (item.elm) {\n item.elm.removeEventListener(item.event, item.handler, item.options);\n }\n }\n\n return Event;\n });\n ;// CONCATENATED MODULE: ./src/js/core/state.js\n/**\n * The function providing a super simple state system.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n/**\n * The function providing a super simple state system.\n *\n * @param {string|number} initialState - Provide the initial state value.\n */\n/* harmony default export */ var state = (function (initialState) {\n /**\n * Store the current state.\n *\n * @type {string|number}\n */\n var curr = initialState;\n return {\n /**\n * Change state.\n *\n * @param {string|number} state - A new state.\n */\n set: function set(state) {\n curr = state;\n },\n\n /**\n * Verify if the current state is given one or not.\n *\n * @param {string|number} state - A state name to be verified.\n *\n * @return {boolean} - True if the current state is the given one.\n */\n is: function is(state) {\n return state === curr;\n }\n };\n });\n ;// CONCATENATED MODULE: ./src/js/utils/object.js\n function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\n /**\n * Some utility functions related with Object, supporting IE.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n var keys = Object.keys;\n /**\n * Iterate an object like Array.forEach.\n * IE doesn't support forEach of HTMLCollection.\n *\n * @param {Object} obj - An object.\n * @param {function} callback - A function handling each value. Arguments are value, property and index.\n */\n\n function each(obj, callback) {\n keys(obj).some(function (key, index) {\n return callback(obj[key], key, index);\n });\n }\n /**\n * Return values of the given object as an array.\n * IE doesn't support Object.values.\n *\n * @param {Object} obj - An object.\n *\n * @return {Array} - An array containing all values of the given object.\n */\n\n function values(obj) {\n return keys(obj).map(function (key) {\n return obj[key];\n });\n }\n /**\n * Check if the given subject is object or not.\n *\n * @param {*} subject - A subject to be verified.\n *\n * @return {boolean} - True if object, false otherwise.\n */\n\n function isObject(subject) {\n return typeof subject === 'object';\n }\n /**\n * Merge two objects deeply.\n *\n * @param {Object} to - An object where \"from\" is merged.\n * @param {Object} from - An object merged to \"to\".\n *\n * @return {Object} - A merged object.\n */\n\n function merge(_ref, from) {\n var to = _extends({}, _ref);\n\n each(from, function (value, key) {\n if (isObject(value)) {\n if (!isObject(to[key])) {\n to[key] = {};\n }\n\n to[key] = merge(to[key], value);\n } else {\n to[key] = value;\n }\n });\n return to;\n }\n /**\n * Assign all properties \"from\" to \"to\" object.\n *\n * @param {Object} to - An object where properties are assigned.\n * @param {Object} from - An object whose properties are assigned to \"to\".\n *\n * @return {Object} - An assigned object.\n */\n\n function object_assign(to, from) {\n keys(from).forEach(function (key) {\n if (!to[key]) {\n Object.defineProperty(to, key, Object.getOwnPropertyDescriptor(from, key));\n }\n });\n return to;\n }\n ;// CONCATENATED MODULE: ./src/js/utils/utils.js\n /**\n * A package of some miscellaneous utility functions.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n /**\n * Convert the given value to array.\n *\n * @param {*} value - Any value.\n *\n * @return {*[]} - Array containing the given value.\n */\n\n function toArray(value) {\n return Array.isArray(value) ? value : [value];\n }\n /**\n * Check if the given value is between min and max.\n * Min will be returned when the value is less than min or max will do when greater than max.\n *\n * @param {number} value - A number to be checked.\n * @param {number} m1 - Minimum or maximum number.\n * @param {number} m2 - Maximum or minimum number.\n *\n * @return {number} - A value itself, min or max.\n */\n\n function between(value, m1, m2) {\n return Math.min(Math.max(value, m1 > m2 ? m2 : m1), m1 > m2 ? m1 : m2);\n }\n /**\n * The sprintf method with minimum functionality.\n *\n * @param {string} format - The string format.\n * @param {string|Array} replacements - Replacements accepting multiple arguments.\n *\n * @returns {string} - Converted string.\n */\n\n function sprintf(format, replacements) {\n var i = 0;\n return format.replace(/%s/g, function () {\n return toArray(replacements)[i++];\n });\n }\n /**\n * Append px unit to the given subject if necessary.\n *\n * @param {number|string} value - A value that may not include an unit.\n *\n * @return {string} - If the value is string, return itself.\n * If number, do value + \"px\". An empty string, otherwise.\n */\n\n function unit(value) {\n var type = typeof value;\n\n if (type === 'number' && value > 0) {\n return parseFloat(value) + 'px';\n }\n\n return type === 'string' ? value : '';\n }\n /**\n * Pad start with 0.\n *\n * @param {number} number - A number to be filled with 0.\n *\n * @return {string|number} - Padded number.\n */\n\n function pad(number) {\n return number < 10 ? '0' + number : number;\n }\n /**\n * Convert the given value to pixel.\n *\n * @param {Element} root - Root element where a dummy div is appended.\n * @param {string|number} value - CSS value to be converted, such as 10rem.\n *\n * @return {number} - Pixel.\n */\n\n function toPixel(root, value) {\n if (typeof value === 'string') {\n var div = create('div', {});\n applyStyle(div, {\n position: 'absolute',\n width: value\n });\n append(root, div);\n value = div.clientWidth;\n dom_remove(div);\n }\n\n return +value || 0;\n }\n ;// CONCATENATED MODULE: ./src/js/utils/dom.js\n /**\n * Some utility functions related with DOM.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n\n /**\n * Find the first element matching the given selector.\n * Be aware that all selectors after a space are ignored.\n *\n * @param {Element|Node} elm - An ancestor element.\n * @param {string} selector - DOMString.\n *\n * @return {Element|null} - A found element or null.\n */\n\n function find(elm, selector) {\n return elm ? elm.querySelector(selector.split(' ')[0]) : null;\n }\n /**\n * Find a first child having the given tag or class name.\n *\n * @param {Element} parent - A parent element.\n * @param {string} tagOrClassName - A tag or class name.\n *\n * @return {Element|undefined} - A found element on success or undefined on failure.\n */\n\n function child(parent, tagOrClassName) {\n return children(parent, tagOrClassName)[0];\n }\n /**\n * Return chile elements that matches the provided tag or class name.\n *\n * @param {Element} parent - A parent element.\n * @param {string} tagOrClassName - A tag or class name.\n *\n * @return {Element[]} - Found elements.\n */\n\n function children(parent, tagOrClassName) {\n if (parent) {\n return values(parent.children).filter(function (child) {\n return hasClass(child, tagOrClassName.split(' ')[0]) || child.tagName === tagOrClassName;\n });\n }\n\n return [];\n }\n /**\n * Create an element with some optional attributes.\n *\n * @param {string} tag - A tag name.\n * @param {Object} attrs - An object any attribute pairs of name and value.\n *\n * @return {Element} - A created element.\n */\n\n function create(tag, attrs) {\n var elm = document.createElement(tag);\n each(attrs, function (value, key) {\n return setAttribute(elm, key, value);\n });\n return elm;\n }\n /**\n * Convert HTML string to DOM node.\n *\n * @param {string} html - HTML string.\n *\n * @return {Node} - A created node.\n */\n\n function domify(html) {\n var div = create('div', {});\n div.innerHTML = html;\n return div.firstChild;\n }\n /**\n * Remove a given element from a DOM tree.\n *\n * @param {Element|Element[]} elms - Element(s) to be removed.\n */\n\n function dom_remove(elms) {\n toArray(elms).forEach(function (elm) {\n if (elm) {\n var parent = elm.parentElement;\n parent && parent.removeChild(elm);\n }\n });\n }\n /**\n * Append a child to a given element.\n *\n * @param {Element} parent - A parent element.\n * @param {Element} child - An element to be appended.\n */\n\n function append(parent, child) {\n if (parent) {\n parent.appendChild(child);\n }\n }\n /**\n * Insert an element before the reference element.\n *\n * @param {Element|Node} ref - A reference element.\n * @param {Element} elm - An element to be inserted.\n */\n\n function before(elm, ref) {\n if (elm && ref) {\n var parent = ref.parentElement;\n parent && parent.insertBefore(elm, ref);\n }\n }\n /**\n * Apply styles to the given element.\n *\n * @param {Element} elm - An element where styles are applied.\n * @param {Object} styles - Object containing styles.\n */\n\n function applyStyle(elm, styles) {\n if (elm) {\n each(styles, function (value, prop) {\n if (value !== null) {\n elm.style[prop] = value;\n }\n });\n }\n }\n /**\n * Add or remove classes to/from the element.\n * This function is for internal usage.\n *\n * @param {Element} elm - An element where classes are added.\n * @param {string|string[]} classes - Class names being added.\n * @param {boolean} remove - Whether to remove or add classes.\n */\n\n function addOrRemoveClasses(elm, classes, remove) {\n if (elm) {\n toArray(classes).forEach(function (name) {\n if (name) {\n elm.classList[remove ? 'remove' : 'add'](name);\n }\n });\n }\n }\n /**\n * Add classes to the element.\n *\n * @param {Element} elm - An element where classes are added.\n * @param {string|string[]} classes - Class names being added.\n */\n\n\n function addClass(elm, classes) {\n addOrRemoveClasses(elm, classes, false);\n }\n /**\n * Remove a class from the element.\n *\n * @param {Element} elm - An element where classes are removed.\n * @param {string|string[]} classes - A class name being removed.\n */\n\n function removeClass(elm, classes) {\n addOrRemoveClasses(elm, classes, true);\n }\n /**\n * Verify if the provided element has the class or not.\n *\n * @param {Element} elm - An element.\n * @param {string} className - A class name.\n *\n * @return {boolean} - True if the element has the class or false if not.\n */\n\n function hasClass(elm, className) {\n return !!elm && elm.classList.contains(className);\n }\n /**\n * Set attribute to the given element.\n *\n * @param {Element} elm - An element where an attribute is assigned.\n * @param {string} name - Attribute name.\n * @param {string|number|boolean} value - Attribute value.\n */\n\n function setAttribute(elm, name, value) {\n if (elm) {\n elm.setAttribute(name, value);\n }\n }\n /**\n * Get attribute from the given element.\n *\n * @param {Element} elm - An element where an attribute is assigned.\n * @param {string} name - Attribute name.\n *\n * @return {string} - The value of the given attribute if available. An empty string if not.\n */\n\n function getAttribute(elm, name) {\n return elm ? elm.getAttribute(name) : '';\n }\n /**\n * Remove attribute from the given element.\n *\n * @param {Element|Element[]} elms - An element where an attribute is removed.\n * @param {string|string[]} names - Attribute name.\n */\n\n function removeAttribute(elms, names) {\n toArray(names).forEach(function (name) {\n toArray(elms).forEach(function (elm) {\n return elm && elm.removeAttribute(name);\n });\n });\n }\n /**\n * Return the Rect object of the provided object.\n *\n * @param {Element} elm - An element.\n *\n * @return {ClientRect|DOMRect} - A rect object.\n */\n\n function getRect(elm) {\n return elm.getBoundingClientRect();\n }\n /**\n * Trigger the given callback after all images contained by the element are loaded.\n *\n * @param {Element} elm - Element that may contain images.\n * @param {Function} callback - Callback function fired right after all images are loaded.\n */\n\n function loaded(elm, callback) {\n var images = elm.querySelectorAll('img');\n var length = images.length;\n\n if (length) {\n var count = 0;\n each(images, function (img) {\n img.onload = img.onerror = function () {\n if (++count === length) {\n callback();\n }\n };\n });\n } else {\n // Trigger the callback immediately if there is no image.\n callback();\n }\n }\n ;// CONCATENATED MODULE: ./src/js/constants/types.js\n /**\n * Export slider types.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n /**\n * Normal slider.\n *\n * @type {string}\n */\n var SLIDE = 'slide';\n /**\n * Loop after the last slide and before the first one.\n *\n * @type {string}\n */\n\n var LOOP = 'loop';\n /**\n * The track doesn't move.\n *\n * @type {string}\n */\n\n var FADE = 'fade';\n ;// CONCATENATED MODULE: ./src/js/transitions/slide/index.js\n/**\n * The component for general slide effect transition.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n\n/**\n * The component for general slide effect transition.\n *\n * @param {Splide} Splide - A Splide instance.\n * @param {Object} Components - An object containing components.\n *\n * @return {Object} - The component object.\n */\n\n/* harmony default export */ var slide = (function (Splide, Components) {\n /**\n * Hold the list element.\n *\n * @type {Element}\n */\n var list;\n /**\n * Hold the onEnd callback function.\n *\n * @type {function}\n */\n\n var endCallback;\n return {\n /**\n * Called when the component is mounted.\n */\n mount: function mount() {\n list = Components.Elements.list;\n Splide.on('transitionend', function (e) {\n if (e.target === list && endCallback) {\n endCallback();\n }\n }, list);\n },\n\n /**\n * Start transition.\n *\n * @param {number} destIndex - Destination slide index that might be clone's.\n * @param {number} newIndex - New index.\n * @param {number} prevIndex - Previous index.\n * @param {Object} coord - Destination coordinates.\n * @param {function} done - Callback function must be invoked when transition is completed.\n */\n start: function start(destIndex, newIndex, prevIndex, coord, done) {\n var options = Splide.options;\n var edgeIndex = Components.Controller.edgeIndex;\n var speed = options.speed;\n endCallback = done;\n\n if (Splide.is(SLIDE)) {\n if (prevIndex === 0 && newIndex >= edgeIndex || prevIndex >= edgeIndex && newIndex === 0) {\n speed = options.rewindSpeed || speed;\n }\n }\n\n applyStyle(list, {\n transition: \"transform \" + speed + \"ms \" + options.easing,\n transform: \"translate(\" + coord.x + \"px,\" + coord.y + \"px)\"\n });\n }\n };\n });\n ;// CONCATENATED MODULE: ./src/js/transitions/fade/index.js\n/**\n * The component for fade transition.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n\n/**\n * The component for fade transition.\n *\n * @param {Splide} Splide - A Splide instance.\n * @param {Object} Components - An object containing components.\n *\n * @return {Object} - The component object.\n */\n\n/* harmony default export */ var fade = (function (Splide, Components) {\n var Fade = {\n /**\n * Called when the component is mounted.\n * Apply transition style to the first slide.\n */\n mount: function mount() {\n apply(Splide.index);\n },\n\n /**\n * Start transition.\n *\n * @param {number} destIndex - Destination slide index that might be clone's.\n * @param {number} newIndex - New index.\n * @param {number} prevIndex - Previous index.\n * @param {Object} coord - Destination coordinates.\n * @param {function} done - Callback function must be invoked when transition is completed.\n */\n start: function start(destIndex, newIndex, prevIndex, coord, done) {\n var track = Components.Elements.track;\n applyStyle(track, {\n height: unit(track.clientHeight)\n });\n apply(newIndex);\n setTimeout(function () {\n done();\n applyStyle(track, {\n height: ''\n });\n });\n }\n };\n /**\n * Apply transition style to the slide specified by the given index.\n *\n * @param {number} index - A slide index.\n */\n\n function apply(index) {\n var options = Splide.options;\n applyStyle(Components.Elements.slides[index], {\n transition: \"opacity \" + options.speed + \"ms \" + options.easing\n });\n }\n\n return Fade;\n });\n ;// CONCATENATED MODULE: ./src/js/transitions/index.js\n /**\n * Export transition components.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n\n ;// CONCATENATED MODULE: ./src/js/core/composer.js\n /**\n * Provide a function for composing components.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n\n\n /**\n * Compose components.\n *\n * @param {Splide} Splide - Splide instance.\n * @param {Object} Components - Additional components.\n * @param {function} Transition - Change component for transition.\n *\n * @return {Object} - An object containing all components.\n */\n\n function compose(Splide, Components, Transition) {\n var components = {};\n each(Components, function (Component, name) {\n components[name] = Component(Splide, components, name.toLowerCase());\n });\n\n if (!Transition) {\n Transition = Splide.is(FADE) ? fade : slide;\n }\n\n components.Transition = Transition(Splide, components);\n return components;\n }\n ;// CONCATENATED MODULE: ./src/js/utils/error.js\n /**\n * Utility functions for outputting logs.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n /**\n * Prefix of an error massage.\n *\n * @type {string}\n */\n var MESSAGE_PREFIX = '[SPLIDE]';\n /**\n * Display an error message on the browser console.\n *\n * @param {string} message - An error message.\n */\n\n function error(message) {\n console.error(MESSAGE_PREFIX + \" \" + message);\n }\n /**\n * Check existence of the given object and throw an error if it doesn't.\n *\n * @throws {Error}\n *\n * @param {*} subject - A subject to be confirmed.\n * @param {string} message - An error message.\n */\n\n function exist(subject, message) {\n if (!subject) {\n throw new Error(message);\n }\n }\n ;// CONCATENATED MODULE: ./src/js/constants/classes.js\n /**\n * Export class names.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n /**\n * A root class name.\n *\n * @type {string}\n */\n var ROOT = 'splide';\n /**\n * The definition table of all classes for elements.\n * They might be modified by options.\n *\n * @type {Object}\n */\n\n var ELEMENT_CLASSES = {\n root: ROOT,\n slider: ROOT + \"__slider\",\n track: ROOT + \"__track\",\n list: ROOT + \"__list\",\n slide: ROOT + \"__slide\",\n container: ROOT + \"__slide__container\",\n arrows: ROOT + \"__arrows\",\n arrow: ROOT + \"__arrow\",\n prev: ROOT + \"__arrow--prev\",\n next: ROOT + \"__arrow--next\",\n pagination: ROOT + \"__pagination\",\n page: ROOT + \"__pagination__page\",\n clone: ROOT + \"__slide--clone\",\n progress: ROOT + \"__progress\",\n bar: ROOT + \"__progress__bar\",\n autoplay: ROOT + \"__autoplay\",\n play: ROOT + \"__play\",\n pause: ROOT + \"__pause\",\n spinner: ROOT + \"__spinner\",\n sr: ROOT + \"__sr\"\n };\n /**\n * Definitions of status classes.\n *\n * @type {Object}\n */\n\n var STATUS_CLASSES = {\n active: 'is-active',\n visible: 'is-visible',\n loading: 'is-loading'\n };\n ;// CONCATENATED MODULE: ./src/js/constants/i18n.js\n /**\n * Export i18n texts as object.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n /**\n * Texts for i18n.\n *\n * @type {Object}\n */\n var I18N = {\n prev: 'Previous slide',\n next: 'Next slide',\n first: 'Go to first slide',\n last: 'Go to last slide',\n slideX: 'Go to slide %s',\n pageX: 'Go to page %s',\n play: 'Start autoplay',\n pause: 'Pause autoplay'\n };\n ;// CONCATENATED MODULE: ./src/js/constants/defaults.js\n /**\n * Export default options.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n\n var DEFAULTS = {\n /**\n * Determine a slider type.\n * - 'slide': Regular slider.\n * - 'loop' : Carousel slider.\n * - 'fade' : Change slides with fade transition. perPage, drag options are ignored.\n *\n * @type {string}\n */\n type: 'slide',\n\n /**\n * Whether to rewind a slider before the first slide or after the last one.\n * In \"loop\" mode, this option is ignored.\n *\n * @type {boolean}\n */\n rewind: false,\n\n /**\n * Transition speed in milliseconds.\n *\n * @type {number}\n */\n speed: 400,\n\n /**\n * Transition speed on rewind in milliseconds.\n *\n * @type {number}\n */\n rewindSpeed: 0,\n\n /**\n * Whether to prevent any actions while a slider is transitioning.\n * If false, navigation, drag and swipe work while the slider is running.\n * Even so, it will be forced to wait for transition in some cases in the loop mode to shift a slider.\n *\n * @type {boolean}\n */\n waitForTransition: true,\n\n /**\n * Define slider max width.\n *\n * @type {number}\n */\n width: 0,\n\n /**\n * Define slider height.\n *\n * @type {number}\n */\n height: 0,\n\n /**\n * Fix width of slides. CSS format is allowed such as 10em, 80% or 80vw.\n * perPage number will be ignored when this option is falsy.\n *\n * @type {number|string}\n */\n fixedWidth: 0,\n\n /**\n * Fix height of slides. CSS format is allowed such as 10em, 80vh but % unit is not accepted.\n * heightRatio option will be ignored when this option is falsy.\n *\n * @type {number|string}\n */\n fixedHeight: 0,\n\n /**\n * Determine height of slides by ratio to a slider width.\n * This will be ignored when the fixedHeight is provided.\n *\n * @type {number}\n */\n heightRatio: 0,\n\n /**\n * If true, slide width will be determined by the element width itself.\n * - perPage/perMove should be 1.\n *\n * @type {boolean}\n */\n autoWidth: false,\n\n /**\n * If true, slide height will be determined by the element width itself.\n * - perPage/perMove should be 1.\n *\n * @type {boolean}\n */\n autoHeight: false,\n\n /**\n * Determine how many slides should be displayed per page.\n *\n * @type {number}\n */\n perPage: 1,\n\n /**\n * Determine how many slides should be moved when a slider goes to next or perv.\n *\n * @type {number}\n */\n perMove: 0,\n\n /**\n * Determine manually how many clones should be generated on the left and right side.\n * The total number of clones will be twice of this number.\n *\n * @type {number}\n */\n clones: 0,\n\n /**\n * Start index.\n *\n * @type {number}\n */\n start: 0,\n\n /**\n * Determine which slide should be focused if there are multiple slides in a page.\n * A string \"center\" is acceptable for centering slides.\n *\n * @type {boolean|number|string}\n */\n focus: false,\n\n /**\n * Gap between slides. CSS format is allowed such as 1em.\n *\n * @type {number|string}\n */\n gap: 0,\n\n /**\n * Set padding-left/right in horizontal mode or padding-top/bottom in vertical one.\n * Give a single value to set a same size for both sides or\n * do an object for different sizes.\n * Also, CSS format is allowed such as 1em.\n *\n * @example\n * - 10: Number\n * - '1em': CSS format.\n * - { left: 0, right: 20 }: Object for different sizes in horizontal mode.\n * - { top: 0, bottom: 20 }: Object for different sizes in vertical mode.\n *\n * @type {number|string|Object}\n */\n padding: 0,\n\n /**\n * Whether to append arrows.\n *\n * @type {boolean}\n */\n arrows: true,\n\n /**\n * Change the arrow SVG path like 'm7.61 0.807-2.12...'.\n *\n * @type {string}\n */\n arrowPath: '',\n\n /**\n * Whether to append pagination(indicator dots) or not.\n *\n * @type {boolean}\n */\n pagination: true,\n\n /**\n * Activate autoplay.\n *\n * @type {boolean}\n */\n autoplay: false,\n\n /**\n * Autoplay interval in milliseconds.\n *\n * @type {number}\n */\n interval: 5000,\n\n /**\n * Whether to stop autoplay when a slider is hovered.\n *\n * @type {boolean}\n */\n pauseOnHover: true,\n\n /**\n * Whether to stop autoplay when a slider elements are focused.\n * True is recommended for accessibility.\n *\n * @type {boolean}\n */\n pauseOnFocus: true,\n\n /**\n * Whether to reset progress of the autoplay timer when resumed.\n *\n * @type {boolean}\n */\n resetProgress: true,\n\n /**\n * Loading images lazily.\n * Image src must be provided by a data-splide-lazy attribute.\n *\n * - false: Do nothing.\n * - 'nearby': Only images around an active slide will be loaded.\n * - 'sequential': All images will be sequentially loaded.\n *\n * @type {boolean|string}\n */\n lazyLoad: false,\n\n /**\n * This option works only when a lazyLoad option is \"nearby\".\n * Determine how many pages(not slides) around an active slide should be loaded beforehand.\n *\n * @type {number}\n */\n preloadPages: 1,\n\n /**\n * Easing for CSS transition. For example, linear, ease or cubic-bezier().\n *\n * @type {string}\n */\n easing: 'cubic-bezier(.42,.65,.27,.99)',\n\n /**\n * Whether to enable keyboard shortcuts\n * - true or 'global': Listen to keydown event of the document.\n * - 'focused': Listen to the keydown event of the slider root element. tabindex=\"0\" will be added to the element.\n * - false: Disable keyboard shortcuts.\n *\n * @type {boolean|string}\n */\n keyboard: 'global',\n\n /**\n * Whether to allow mouse drag and touch swipe.\n *\n * @type {boolean}\n */\n drag: true,\n\n /**\n * The angle threshold for drag.\n * The slider starts moving only when the drag angle is less than this threshold.\n *\n * @type {number}\n */\n dragAngleThreshold: 30,\n\n /**\n * Distance threshold for determining if the action is \"flick\" or \"swipe\".\n * When a drag distance is over this value, the action will be treated as \"swipe\", not \"flick\".\n *\n * @type {number}\n */\n swipeDistanceThreshold: 150,\n\n /**\n * Velocity threshold for determining if the action is \"flick\" or \"swipe\".\n * Around 0.5 is recommended.\n *\n * @type {number}\n */\n flickVelocityThreshold: .6,\n\n /**\n * Determine power of flick. The larger number this is, the farther a slider runs by flick.\n * Around 500 is recommended.\n *\n * @type {number}\n */\n flickPower: 600,\n\n /**\n * Limit a number of pages to move by flick.\n *\n * @type {number}\n */\n flickMaxPages: 1,\n\n /**\n * Slider direction.\n * - 'ltr': Left to right.\n * - 'rtl': Right to left.\n * - 'ttb': Top to bottom.\n *\n * @type {string}\n */\n direction: 'ltr',\n\n /**\n * Set img src to background-image of its parent element.\n * Images with various sizes can be displayed as same dimension without cropping work.\n * fixedHeight or heightRatio is required.\n *\n * @type {boolean}\n */\n cover: false,\n\n /**\n * Whether to enable accessibility(aria and screen reader texts) or not.\n *\n * @type {boolean}\n */\n accessibility: true,\n\n /**\n * Whether to add tabindex=\"0\" to visible slides or not.\n *\n * @type {boolean}\n */\n slideFocus: true,\n\n /**\n * Determine if a slider is navigation for another.\n * Use \"sync\" API to synchronize two sliders.\n *\n * @type {boolean}\n */\n isNavigation: false,\n\n /**\n * Whether to trim spaces before the fist slide or after the last one when \"focus\" is not 0.\n *\n * @type {boolean}\n */\n trimSpace: true,\n\n /**\n * The \"is-active\" class is added after transition as default.\n * If true, it will be added before move.\n *\n * @type {boolean}\n */\n updateOnMove: false,\n\n /**\n * Throttle duration in milliseconds for the resize event.\n *\n * @type {number}\n */\n throttle: 100,\n\n /**\n * Whether to destroy a slider or not.\n *\n * @type {boolean}\n */\n destroy: false,\n\n /**\n * Options for specific breakpoints.\n *\n * @example\n * {\n * 1000: {\n * perPage: 3,\n * gap: 20\n * },\n * 600: {\n * perPage: 1,\n * gap: 5,\n * }\n * }\n *\n * @type {boolean|Object}\n */\n breakpoints: false,\n\n /**\n * Collection of class names.\n *\n * @see ./classes.js\n *\n * @type {Object}\n */\n classes: ELEMENT_CLASSES,\n\n /**\n * Collection of i18n texts.\n *\n * @see ./i18n.js\n *\n * @type {Object}\n */\n i18n: I18N\n };\n ;// CONCATENATED MODULE: ./src/js/constants/states.js\n /**\n * Export state constants.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n /**\n * Splide has been just created.\n *\n * @type {number}\n */\n var CREATED = 1;\n /**\n * All components have been mounted and initialized.\n *\n * @type {number}\n */\n\n var MOUNTED = 2;\n /**\n * Splide is ready for transition.\n *\n * @type {number}\n */\n\n var IDLE = 3;\n /**\n * Splide is moving.\n *\n * @type {number}\n */\n\n var MOVING = 4;\n /**\n * Splide is moving.\n *\n * @type {number}\n */\n\n var DESTROYED = 5;\n ;// CONCATENATED MODULE: ./src/js/splide.js\n function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\n function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\n /**\n * The main class for applying Splide to an element.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n\n\n\n\n\n\n\n /**\n * The main class for applying Splide to an element,\n * providing some APIs to control the behavior.\n */\n\n var Splide = /*#__PURE__*/function () {\n /**\n * Splide constructor.\n *\n * @throws {Error} When the given root element or selector is invalid.\n *\n * @param {Element|string} root - A selector for a root element or an element itself.\n * @param {Object} options - Optional. Options to change default behaviour.\n * @param {Object} Components - Optional. Components.\n */\n function Splide(root, options, Components) {\n if (options === void 0) {\n options = {};\n }\n\n if (Components === void 0) {\n Components = {};\n }\n\n this.root = root instanceof Element ? root : document.querySelector(root);\n exist(this.root, 'An invalid element/selector was given.');\n this.Components = null;\n this.Event = core_event();\n this.State = state(CREATED);\n this.STATES = states_namespaceObject;\n this._o = merge(DEFAULTS, options);\n this._i = 0;\n this._c = Components;\n this._e = {}; // Extensions\n\n this._t = null; // Transition\n }\n /**\n * Compose and mount components.\n *\n * @param {Object} Extensions - Optional. Additional components.\n * @param {function} Transition - Optional. Set a custom transition component.\n *\n * @return {Splide|undefined} - This instance or undefined if an exception occurred.\n */\n\n\n var _proto = Splide.prototype;\n\n _proto.mount = function mount(Extensions, Transition) {\n var _this = this;\n\n if (Extensions === void 0) {\n Extensions = this._e;\n }\n\n if (Transition === void 0) {\n Transition = this._t;\n }\n\n // Reset the state.\n this.State.set(CREATED);\n this._e = Extensions;\n this._t = Transition;\n this.Components = compose(this, merge(this._c, Extensions), Transition);\n\n try {\n each(this.Components, function (component, key) {\n var required = component.required;\n\n if (required === undefined || required) {\n component.mount && component.mount();\n } else {\n delete _this.Components[key];\n }\n });\n } catch (e) {\n error(e.message);\n return;\n }\n\n var State = this.State;\n State.set(MOUNTED);\n each(this.Components, function (component) {\n component.mounted && component.mounted();\n });\n this.emit('mounted');\n State.set(IDLE);\n this.emit('ready');\n applyStyle(this.root, {\n visibility: 'visible'\n });\n this.on('move drag', function () {\n return State.set(MOVING);\n }).on('moved dragged', function () {\n return State.set(IDLE);\n });\n return this;\n }\n /**\n * Set sync target.\n *\n * @param {Splide} splide - A Splide instance.\n *\n * @return {Splide} - This instance.\n */\n ;\n\n _proto.sync = function sync(splide) {\n this.sibling = splide;\n return this;\n }\n /**\n * Register callback fired on the given event(s).\n *\n * @param {string} events - An event name. Use space to separate multiple events.\n * Also, namespace is accepted by dot, such as 'resize.{namespace}'.\n * @param {function} handler - A callback function.\n * @param {Element} elm - Optional. Native event will be listened to when this arg is provided.\n * @param {Object} options - Optional. Options for addEventListener.\n *\n * @return {Splide} - This instance.\n */\n ;\n\n _proto.on = function on(events, handler, elm, options) {\n if (elm === void 0) {\n elm = null;\n }\n\n if (options === void 0) {\n options = {};\n }\n\n this.Event.on(events, handler, elm, options);\n return this;\n }\n /**\n * Unsubscribe the given event.\n *\n * @param {string} events - A event name.\n * @param {Element} elm - Optional. removeEventListener() will be called when this arg is provided.\n *\n * @return {Splide} - This instance.\n */\n ;\n\n _proto.off = function off(events, elm) {\n if (elm === void 0) {\n elm = null;\n }\n\n this.Event.off(events, elm);\n return this;\n }\n /**\n * Emit an event.\n *\n * @param {string} event - An event name.\n * @param {*} args - Any number of arguments passed to handlers.\n */\n ;\n\n _proto.emit = function emit(event) {\n var _this$Event;\n\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n (_this$Event = this.Event).emit.apply(_this$Event, [event].concat(args));\n\n return this;\n }\n /**\n * Go to the slide specified by the given control.\n *\n * @param {string|number} control - A control pattern.\n * @param {boolean} wait - Optional. Whether to wait for transition.\n */\n ;\n\n _proto.go = function go(control, wait) {\n if (wait === void 0) {\n wait = this.options.waitForTransition;\n }\n\n if (this.State.is(IDLE) || this.State.is(MOVING) && !wait) {\n this.Components.Controller.go(control, false);\n }\n\n return this;\n }\n /**\n * Verify whether the slider type is the given one or not.\n *\n * @param {string} type - A slider type.\n *\n * @return {boolean} - True if the slider type is the provided type or false if not.\n */\n ;\n\n _proto.is = function is(type) {\n return type === this._o.type;\n }\n /**\n * Insert a slide.\n *\n * @param {Element|string} slide - A slide element to be added.\n * @param {number} index - A slide will be added at the position.\n */\n ;\n\n _proto.add = function add(slide, index) {\n if (index === void 0) {\n index = -1;\n }\n\n this.Components.Elements.add(slide, index, this.refresh.bind(this));\n return this;\n }\n /**\n * Remove the slide designated by the index.\n *\n * @param {number} index - A slide index.\n */\n ;\n\n _proto.remove = function remove(index) {\n this.Components.Elements.remove(index);\n this.refresh();\n return this;\n }\n /**\n * Destroy all Slide objects and clones and recreate them again.\n */\n ;\n\n _proto.refresh = function refresh() {\n this.emit('refresh:before').emit('refresh').emit('resize');\n return this;\n }\n /**\n * Destroy the Splide.\n * \"Completely\" boolean is mainly for breakpoints.\n *\n * @param {boolean} completely - Destroy completely.\n */\n ;\n\n _proto.destroy = function destroy(completely) {\n var _this2 = this;\n\n if (completely === void 0) {\n completely = true;\n }\n\n // Postpone destroy because it should be done after mount.\n if (this.State.is(CREATED)) {\n this.on('ready', function () {\n return _this2.destroy(completely);\n });\n return;\n }\n\n values(this.Components).reverse().forEach(function (component) {\n component.destroy && component.destroy(completely);\n });\n this.emit('destroy', completely); // Destroy all event handlers, including ones for native events.\n\n this.Event.destroy();\n this.State.set(DESTROYED);\n return this;\n }\n /**\n * Return the current slide index.\n *\n * @return {number} - The current slide index.\n // */\n ;\n\n _createClass(Splide, [{\n key: \"index\",\n get: function get() {\n return this._i;\n }\n /**\n * Set the current slide index.\n *\n * @param {number|string} index - A new index.\n */\n ,\n set: function set(index) {\n this._i = parseInt(index);\n }\n /**\n * Return length of slides.\n * This is an alias of Elements.length.\n *\n * @return {number} - A number of slides.\n */\n\n }, {\n key: \"length\",\n get: function get() {\n return this.Components.Elements.length;\n }\n /**\n * Return options.\n *\n * @return {Object} - Options object.\n */\n\n }, {\n key: \"options\",\n get: function get() {\n return this._o;\n }\n /**\n * Set options with merging the given object to the current one.\n *\n * @param {Object} options - New options.\n */\n ,\n set: function set(options) {\n var created = this.State.is(CREATED);\n\n if (!created) {\n this.emit('update');\n }\n\n this._o = merge(this._o, options);\n\n if (!created) {\n this.emit('updated', this._o);\n }\n }\n /**\n * Return the class list.\n * This is an alias of Splide.options.classList.\n *\n * @return {Object} - An object containing all class list.\n */\n\n }, {\n key: \"classes\",\n get: function get() {\n return this._o.classes;\n }\n /**\n * Return the i18n strings.\n * This is an alias of Splide.options.i18n.\n *\n * @return {Object} - An object containing all i18n strings.\n */\n\n }, {\n key: \"i18n\",\n get: function get() {\n return this._o.i18n;\n }\n }]);\n\n return Splide;\n }();\n\n\n ;// CONCATENATED MODULE: ./src/js/components/options/index.js\n/**\n * The component for initializing options.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n\n\n/**\n * The component for initializing options.\n *\n * @param {Splide} Splide - A Splide instance.\n *\n * @return {Object} - The component object.\n */\n\n/* harmony default export */ var options = (function (Splide) {\n /**\n * Retrieve options from the data attribute.\n * Note that IE10 doesn't support dataset property.\n *\n * @type {string}\n */\n var options = getAttribute(Splide.root, 'data-splide');\n\n if (options) {\n try {\n Splide.options = JSON.parse(options);\n } catch (e) {\n error(e.message);\n }\n }\n\n return {\n /**\n * Called when the component is mounted.\n */\n mount: function mount() {\n if (Splide.State.is(CREATED)) {\n Splide.index = Splide.options.start;\n }\n }\n };\n });\n ;// CONCATENATED MODULE: ./src/js/constants/directions.js\n /**\n * Export layout modes.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n /**\n * Enumerate slides from left to right.\n *\n * @type {string}\n */\n var LTR = 'ltr';\n /**\n * Enumerate slides from right to left.\n *\n * @type {string}\n */\n\n var RTL = 'rtl';\n /**\n * Enumerate slides in a col.\n *\n * @type {string}\n */\n\n var TTB = 'ttb';\n ;// CONCATENATED MODULE: ./src/js/components/elements/slide.js\n /**\n * The sub component for handling each slide.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n\n\n\n\n\n /**\n * Events for restoring original styles.\n *\n * @type {string}\n */\n\n var STYLE_RESTORE_EVENTS = 'update.slide';\n/**\n * The sub component for handling each slide.\n *\n * @param {Splide} Splide - A Splide instance.\n * @param {number} index - An unique slide index.\n * @param {number} realIndex - Clones should pass a real slide index.\n * @param {Element} slide - A slide element.\n *\n * @return {Object} - The sub component object.\n */\n\n/* harmony default export */ var elements_slide = (function (Splide, index, realIndex, slide) {\n /**\n * Whether to update \"is-active\" class before or after transition.\n *\n * @type {boolean}\n */\n var updateOnMove = Splide.options.updateOnMove;\n /**\n * Events when the slide status is updated.\n * Append a namespace to remove listeners later.\n *\n * @type {string}\n */\n\n var STATUS_UPDATE_EVENTS = 'ready.slide updated.slide resized.slide moved.slide' + (updateOnMove ? ' move.slide' : '');\n /**\n * Slide sub component object.\n *\n * @type {Object}\n */\n\n var Slide = {\n /**\n * Slide element.\n *\n * @type {Element}\n */\n slide: slide,\n\n /**\n * Slide index.\n *\n * @type {number}\n */\n index: index,\n\n /**\n * Real index for clones.\n *\n * @type {number}\n */\n realIndex: realIndex,\n\n /**\n * Container element if available.\n *\n * @type {Element|undefined}\n */\n container: child(slide, Splide.classes.container),\n\n /**\n * Whether this is a cloned slide or not.\n *\n * @type {boolean}\n */\n isClone: realIndex > -1,\n\n /**\n * Called when the component is mounted.\n */\n mount: function mount() {\n var _this = this;\n\n if (!this.isClone) {\n slide.id = Splide.root.id + \"-slide\" + pad(index + 1);\n }\n\n Splide.on(STATUS_UPDATE_EVENTS, function () {\n return _this.update();\n }).on(STYLE_RESTORE_EVENTS, restoreStyles).on('click', function () {\n return Splide.emit('click', _this);\n }, slide);\n /*\n * Add \"is-active\" class to a clone element temporarily\n * and it will be removed on \"moved\" event.\n */\n\n if (updateOnMove) {\n Splide.on('move.slide', function (newIndex) {\n if (newIndex === realIndex) {\n _update(true, false);\n }\n });\n } // Make sure the slide is shown.\n\n\n applyStyle(slide, {\n display: ''\n }); // Hold the original styles.\n\n this.styles = getAttribute(slide, 'style') || '';\n },\n\n /**\n * Destroy.\n */\n destroy: function destroy() {\n Splide.off(STATUS_UPDATE_EVENTS).off(STYLE_RESTORE_EVENTS).off('click', slide);\n removeClass(slide, values(STATUS_CLASSES));\n restoreStyles();\n removeAttribute(this.container, 'style');\n },\n\n /**\n * Update active and visible status.\n */\n update: function update() {\n _update(this.isActive(), false);\n\n _update(this.isVisible(), true);\n },\n\n /**\n * Check whether this slide is active or not.\n *\n * @return {boolean} - True if the slide is active or false if not.\n */\n isActive: function isActive() {\n return Splide.index === index;\n },\n\n /**\n * Check whether this slide is visible in the viewport or not.\n *\n * @return {boolean} - True if the slide is visible or false if not.\n */\n isVisible: function isVisible() {\n var active = this.isActive();\n\n if (Splide.is(FADE) || active) {\n return active;\n }\n\n var ceil = Math.ceil;\n var trackRect = getRect(Splide.Components.Elements.track);\n var slideRect = getRect(slide);\n\n if (Splide.options.direction === TTB) {\n return trackRect.top <= slideRect.top && slideRect.bottom <= ceil(trackRect.bottom);\n }\n\n return trackRect.left <= slideRect.left && slideRect.right <= ceil(trackRect.right);\n },\n\n /**\n * Calculate how far this slide is from another slide and\n * return true if the distance is within the given number.\n *\n * @param {number} from - Index of a target slide.\n * @param {number} within - True if the slide is within this number.\n *\n * @return {boolean} - True if the slide is within the number or false otherwise.\n */\n isWithin: function isWithin(from, within) {\n var diff = Math.abs(from - index);\n\n if (!Splide.is(SLIDE) && !this.isClone) {\n diff = Math.min(diff, Splide.length - diff);\n }\n\n return diff < within;\n }\n };\n /**\n * Update classes for activity or visibility.\n *\n * @param {boolean} active - Is active/visible or not.\n * @param {boolean} forVisibility - Toggle classes for activity or visibility.\n */\n\n function _update(active, forVisibility) {\n var type = forVisibility ? 'visible' : 'active';\n var className = STATUS_CLASSES[type];\n\n if (active) {\n addClass(slide, className);\n Splide.emit(\"\" + type, Slide);\n } else {\n if (hasClass(slide, className)) {\n removeClass(slide, className);\n Splide.emit(\"\" + (forVisibility ? 'hidden' : 'inactive'), Slide);\n }\n }\n }\n /**\n * Restore the original styles.\n */\n\n\n function restoreStyles() {\n setAttribute(slide, 'style', Slide.styles);\n }\n\n return Slide;\n });\n ;// CONCATENATED MODULE: ./src/js/components/elements/index.js\n /**\n * The component for main elements.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n\n\n\n\n /**\n * The property name for UID stored in a window object.\n *\n * @type {string}\n */\n\n var UID_NAME = 'uid';\n/**\n * The component for main elements.\n *\n * @param {Splide} Splide - A Splide instance.\n * @param {Object} Components - An object containing components.\n *\n * @return {Object} - The component object.\n */\n\n/* harmony default export */ var components_elements = (function (Splide, Components) {\n /**\n * Hold the root element.\n *\n * @type {Element}\n */\n var root = Splide.root;\n /**\n * Hold the class list.\n *\n * @type {Object}\n */\n\n var classes = Splide.classes;\n /**\n * Store Slide objects.\n *\n * @type {Array}\n */\n\n var Slides = [];\n /*\n * Assign unique ID to the root element if it doesn't have the one.\n * Note that IE doesn't support padStart() to fill the uid by 0.\n */\n\n if (!root.id) {\n window.splide = window.splide || {};\n var uid = window.splide[UID_NAME] || 0;\n window.splide[UID_NAME] = ++uid;\n root.id = \"splide\" + pad(uid);\n }\n /**\n * Elements component object.\n *\n * @type {Object}\n */\n\n\n var Elements = {\n /**\n * Called when the component is mounted.\n * Collect main elements and store them as member properties.\n */\n mount: function mount() {\n var _this = this;\n\n this.init();\n Splide.on('refresh', function () {\n _this.destroy();\n\n _this.init();\n }).on('updated', function () {\n removeClass(root, getClasses());\n addClass(root, getClasses());\n });\n },\n\n /**\n * Destroy.\n */\n destroy: function destroy() {\n Slides.forEach(function (Slide) {\n Slide.destroy();\n });\n Slides = [];\n removeClass(root, getClasses());\n },\n\n /**\n * Initialization.\n */\n init: function init() {\n var _this2 = this;\n\n collect();\n addClass(root, getClasses());\n this.slides.forEach(function (slide, index) {\n _this2.register(slide, index, -1);\n });\n },\n\n /**\n * Register a slide to create a Slide object and handle its behavior.\n *\n * @param {Element} slide - A slide element.\n * @param {number} index - A unique index. This can be negative.\n * @param {number} realIndex - A real index for clones. Set -1 for real slides.\n */\n register: function register(slide, index, realIndex) {\n var SlideObject = elements_slide(Splide, index, realIndex, slide);\n SlideObject.mount();\n Slides.push(SlideObject);\n },\n\n /**\n * Return the Slide object designated by the index.\n * Note that \"find\" is not supported by IE.\n *\n * @return {Object|undefined} - A Slide object if available. Undefined if not.\n */\n getSlide: function getSlide(index) {\n return Slides.filter(function (Slide) {\n return Slide.index === index;\n })[0];\n },\n\n /**\n * Return all Slide objects.\n *\n * @param {boolean} includeClones - Whether to include cloned slides or not.\n *\n * @return {Object[]} - Slide objects.\n */\n getSlides: function getSlides(includeClones) {\n return includeClones ? Slides : Slides.filter(function (Slide) {\n return !Slide.isClone;\n });\n },\n\n /**\n * Return Slide objects belonging to the given page.\n *\n * @param {number} page - A page number.\n *\n * @return {Object[]} - An array containing Slide objects.\n */\n getSlidesByPage: function getSlidesByPage(page) {\n var idx = Components.Controller.toIndex(page);\n var options = Splide.options;\n var max = options.focus !== false ? 1 : options.perPage;\n return Slides.filter(function (_ref) {\n var index = _ref.index;\n return idx <= index && index < idx + max;\n });\n },\n\n /**\n * Insert a slide to a slider.\n * Need to refresh Splide after adding a slide.\n *\n * @param {Node|string} slide - A slide element to be added.\n * @param {number} index - A slide will be added at the position.\n * @param {Function} callback - Called right after the slide is added to the DOM tree.\n */\n add: function add(slide, index, callback) {\n if (typeof slide === 'string') {\n slide = domify(slide);\n }\n\n if (slide instanceof Element) {\n var ref = this.slides[index]; // This will be removed in mount() of a Slide component.\n\n applyStyle(slide, {\n display: 'none'\n });\n\n if (ref) {\n before(slide, ref);\n this.slides.splice(index, 0, slide);\n } else {\n append(this.list, slide);\n this.slides.push(slide);\n }\n\n loaded(slide, function () {\n callback && callback(slide);\n });\n }\n },\n\n /**\n * Remove a slide from a slider.\n * Need to refresh Splide after removing a slide.\n *\n * @param index - Slide index.\n */\n remove: function remove(index) {\n dom_remove(this.slides.splice(index, 1)[0]);\n },\n\n /**\n * Trigger the provided callback for each Slide object.\n *\n * @param {Function} callback - A callback function. The first argument will be the Slide object.\n */\n each: function each(callback) {\n Slides.forEach(callback);\n },\n\n /**\n * Return slides length without clones.\n *\n * @return {number} - Slide length.\n */\n get length() {\n return this.slides.length;\n },\n\n /**\n * Return \"SlideObjects\" length including clones.\n *\n * @return {number} - Slide length including clones.\n */\n get total() {\n return Slides.length;\n }\n\n };\n /**\n * Collect elements.\n */\n\n function collect() {\n Elements.slider = child(root, classes.slider);\n Elements.track = find(root, \".\" + classes.track);\n Elements.list = child(Elements.track, classes.list);\n exist(Elements.track && Elements.list, 'Track or list was not found.');\n Elements.slides = children(Elements.list, classes.slide);\n var arrows = findParts(classes.arrows);\n Elements.arrows = {\n prev: find(arrows, \".\" + classes.prev),\n next: find(arrows, \".\" + classes.next)\n };\n var autoplay = findParts(classes.autoplay);\n Elements.bar = find(findParts(classes.progress), \".\" + classes.bar);\n Elements.play = find(autoplay, \".\" + classes.play);\n Elements.pause = find(autoplay, \".\" + classes.pause);\n Elements.track.id = Elements.track.id || root.id + \"-track\";\n Elements.list.id = Elements.list.id || root.id + \"-list\";\n }\n /**\n * Return class names for the root element.\n */\n\n\n function getClasses() {\n var rootClass = classes.root;\n var options = Splide.options;\n return [rootClass + \"--\" + options.type, rootClass + \"--\" + options.direction, options.drag ? rootClass + \"--draggable\" : '', options.isNavigation ? rootClass + \"--nav\" : '', STATUS_CLASSES.active];\n }\n /**\n * Find parts only from children of the root or track.\n *\n * @return {Element} - A found element or undefined.\n */\n\n\n function findParts(className) {\n return child(root, className) || child(Elements.slider, className);\n }\n\n return Elements;\n });\n ;// CONCATENATED MODULE: ./src/js/components/controller/index.js\n /**\n * The component for controlling the track.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n\n\n var floor = Math.floor;\n/**\n * The component for controlling the track.\n *\n * @param {Splide} Splide - A Splide instance.\n * @param {Object} Components - An object containing components.\n *\n * @return {Object} - The component object.\n */\n\n/* harmony default export */ var controller = (function (Splide, Components) {\n /**\n * Store current options.\n *\n * @type {Object}\n */\n var options;\n /**\n * True if the slide is LOOP mode.\n *\n * @type {boolean}\n */\n\n var isLoop;\n /**\n * Controller component object.\n *\n * @type {Object}\n */\n\n var Controller = {\n /**\n * Called when the component is mounted.\n */\n mount: function mount() {\n options = Splide.options;\n isLoop = Splide.is(LOOP);\n bind();\n },\n\n /**\n * Make track run by the given control.\n * - \"+{i}\" : Increment the slide index by i.\n * - \"-{i}\" : Decrement the slide index by i.\n * - \"{i}\" : Go to the slide whose index is i.\n * - \">\" : Go to next page.\n * - \"<\" : Go to prev page.\n * - \">{i}\" : Go to page i.\n *\n * @param {string|number} control - A control pattern.\n * @param {boolean} silently - Go to the destination without event emission.\n */\n go: function go(control, silently) {\n var destIndex = this.trim(this.parse(control));\n Components.Track.go(destIndex, this.rewind(destIndex), silently);\n },\n\n /**\n * Parse the given control and return the destination index for the track.\n *\n * @param {string} control - A control target pattern.\n *\n * @return {number} - A parsed target.\n */\n parse: function parse(control) {\n var index = Splide.index;\n var matches = String(control).match(/([+\\-<>]+)(\\d+)?/);\n var indicator = matches ? matches[1] : '';\n var number = matches ? parseInt(matches[2]) : 0;\n\n switch (indicator) {\n case '+':\n index += number || 1;\n break;\n\n case '-':\n index -= number || 1;\n break;\n\n case '>':\n case '<':\n index = parsePage(number, index, indicator === '<');\n break;\n\n default:\n index = parseInt(control);\n }\n\n return index;\n },\n\n /**\n * Compute index from the given page number.\n *\n * @param {number} page - Page number.\n *\n * @return {number} - A computed page number.\n */\n toIndex: function toIndex(page) {\n if (hasFocus()) {\n return page;\n }\n\n var length = Splide.length;\n var perPage = options.perPage;\n var index = page * perPage;\n index = index - (this.pageLength * perPage - length) * floor(index / length); // Adjustment for the last page.\n\n if (length - perPage <= index && index < length) {\n index = length - perPage;\n }\n\n return index;\n },\n\n /**\n * Compute page number from the given slide index.\n *\n * @param {number} index - Slide index.\n *\n * @return {number} - A computed page number.\n */\n toPage: function toPage(index) {\n if (hasFocus()) {\n return index;\n }\n\n var length = Splide.length;\n var perPage = options.perPage; // Make the last \"perPage\" number of slides belong to the last page.\n\n if (length - perPage <= index && index < length) {\n return floor((length - 1) / perPage);\n }\n\n return floor(index / perPage);\n },\n\n /**\n * Trim the given index according to the current mode.\n * Index being returned could be less than 0 or greater than the length in Loop mode.\n *\n * @param {number} index - An index being trimmed.\n *\n * @return {number} - A trimmed index.\n */\n trim: function trim(index) {\n if (!isLoop) {\n index = options.rewind ? this.rewind(index) : between(index, 0, this.edgeIndex);\n }\n\n return index;\n },\n\n /**\n * Rewind the given index if it's out of range.\n *\n * @param {number} index - An index.\n *\n * @return {number} - A rewound index.\n */\n rewind: function rewind(index) {\n var edge = this.edgeIndex;\n\n if (isLoop) {\n while (index > edge) {\n index -= edge + 1;\n }\n\n while (index < 0) {\n index += edge + 1;\n }\n } else {\n if (index > edge) {\n index = 0;\n } else if (index < 0) {\n index = edge;\n }\n }\n\n return index;\n },\n\n /**\n * Check if the direction is \"rtl\" or not.\n *\n * @return {boolean} - True if \"rtl\" or false if not.\n */\n isRtl: function isRtl() {\n return options.direction === RTL;\n },\n\n /**\n * Return the page length.\n *\n * @return {number} - Max page number.\n */\n get pageLength() {\n var length = Splide.length;\n return hasFocus() ? length : Math.ceil(length / options.perPage);\n },\n\n /**\n * Return the edge index.\n *\n * @return {number} - Edge index.\n */\n get edgeIndex() {\n var length = Splide.length;\n\n if (!length) {\n return 0;\n }\n\n if (hasFocus() || options.isNavigation || isLoop) {\n return length - 1;\n }\n\n return length - options.perPage;\n },\n\n /**\n * Return the index of the previous slide.\n *\n * @return {number} - The index of the previous slide if available. -1 otherwise.\n */\n get prevIndex() {\n var prev = Splide.index - 1;\n\n if (isLoop || options.rewind) {\n prev = this.rewind(prev);\n }\n\n return prev > -1 ? prev : -1;\n },\n\n /**\n * Return the index of the next slide.\n *\n * @return {number} - The index of the next slide if available. -1 otherwise.\n */\n get nextIndex() {\n var next = Splide.index + 1;\n\n if (isLoop || options.rewind) {\n next = this.rewind(next);\n }\n\n return Splide.index < next && next <= this.edgeIndex || next === 0 ? next : -1;\n }\n\n };\n /**\n * Listen to some events.\n */\n\n function bind() {\n Splide.on('move', function (newIndex) {\n Splide.index = newIndex;\n }).on('updated refresh', function (newOptions) {\n options = newOptions || options;\n Splide.index = between(Splide.index, 0, Controller.edgeIndex);\n });\n }\n /**\n * Verify if the focus option is available or not.\n *\n * @return {boolean} - True if a slider has the focus option.\n */\n\n\n function hasFocus() {\n return options.focus !== false;\n }\n /**\n * Return the next or previous page index computed by the page number and current index.\n *\n * @param {number} number - Specify the page number.\n * @param {number} index - Current index.\n * @param {boolean} prev - Prev or next.\n *\n * @return {number} - Slide index.\n */\n\n\n function parsePage(number, index, prev) {\n if (number > -1) {\n return Controller.toIndex(number);\n }\n\n var perMove = options.perMove;\n var sign = prev ? -1 : 1;\n\n if (perMove) {\n return index + perMove * sign;\n }\n\n return Controller.toIndex(Controller.toPage(index) + sign);\n }\n\n return Controller;\n });\n ;// CONCATENATED MODULE: ./src/js/components/track/index.js\n /**\n * The component for moving list in the track.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n\n\n\n\n var abs = Math.abs;\n/**\n * The component for moving list in the track.\n *\n * @param {Splide} Splide - A Splide instance.\n * @param {Object} Components - An object containing components.\n *\n * @return {Object} - The component object.\n */\n\n/* harmony default export */ var track = (function (Splide, Components) {\n /**\n * Hold the Layout component.\n *\n * @type {Object}\n */\n var Layout;\n /**\n * Hold the Layout component.\n *\n * @type {Object}\n */\n\n var Elements;\n /**\n * Store the list element.\n *\n * @type {Element}\n */\n\n var list;\n /**\n * Whether the current direction is vertical or not.\n *\n * @type {boolean}\n */\n\n var isVertical = Splide.options.direction === TTB;\n /**\n * Whether the slider type is FADE or not.\n *\n * @type {boolean}\n */\n\n var isFade = Splide.is(FADE);\n /**\n * Whether the slider direction is RTL or not.\n *\n * @type {boolean}\n */\n\n var isRTL = Splide.options.direction === RTL;\n /**\n * This will be true while transitioning from the last index to the first one.\n *\n * @type {boolean}\n */\n\n var isLoopPending = false;\n /**\n * Sign for the direction. Only RTL mode uses the positive sign.\n *\n * @type {number}\n */\n\n var sign = isRTL ? 1 : -1;\n /**\n * Track component object.\n *\n * @type {Object}\n */\n\n var Track = {\n /**\n * Make public the sign defined locally.\n *\n * @type {number}\n */\n sign: sign,\n\n /**\n * Called when the component is mounted.\n */\n mount: function mount() {\n Elements = Components.Elements;\n Layout = Components.Layout;\n list = Elements.list;\n },\n\n /**\n * Called after the component is mounted.\n * The resize event must be registered after the Layout's one is done.\n */\n mounted: function mounted() {\n var _this = this;\n\n if (!isFade) {\n this.jump(0);\n Splide.on('mounted resize updated', function () {\n _this.jump(Splide.index);\n });\n }\n },\n\n /**\n * Go to the given destination index.\n * After arriving there, the track is jump to the new index without animation, mainly for loop mode.\n *\n * @param {number} destIndex - A destination index.\n * This can be negative or greater than slides length for reaching clones.\n * @param {number} newIndex - An actual new index. They are always same in Slide and Rewind mode.\n * @param {boolean} silently - If true, suppress emitting events.\n */\n go: function go(destIndex, newIndex, silently) {\n var newPosition = getTrimmedPosition(destIndex);\n var prevIndex = Splide.index; // Prevent any actions while transitioning from the last index to the first one for jump.\n\n if (Splide.State.is(MOVING) && isLoopPending) {\n return;\n }\n\n isLoopPending = destIndex !== newIndex;\n\n if (!silently) {\n Splide.emit('move', newIndex, prevIndex, destIndex);\n }\n\n if (Math.abs(newPosition - this.position) >= 1 || isFade) {\n Components.Transition.start(destIndex, newIndex, prevIndex, this.toCoord(newPosition), function () {\n onTransitionEnd(destIndex, newIndex, prevIndex, silently);\n });\n } else {\n if (destIndex !== prevIndex && Splide.options.trimSpace === 'move') {\n Components.Controller.go(destIndex + destIndex - prevIndex, silently);\n } else {\n onTransitionEnd(destIndex, newIndex, prevIndex, silently);\n }\n }\n },\n\n /**\n * Move the track to the specified index.\n *\n * @param {number} index - A destination index where the track jumps.\n */\n jump: function jump(index) {\n this.translate(getTrimmedPosition(index));\n },\n\n /**\n * Set the list position by CSS translate property.\n *\n * @param {number} position - A new position value.\n */\n translate: function translate(position) {\n applyStyle(list, {\n transform: \"translate\" + (isVertical ? 'Y' : 'X') + \"(\" + position + \"px)\"\n });\n },\n\n /**\n * Cancel the transition and set the list position.\n * Also, loop the slider if necessary.\n */\n cancel: function cancel() {\n if (Splide.is(LOOP)) {\n this.shift();\n } else {\n // Ensure the current position.\n this.translate(this.position);\n }\n\n applyStyle(list, {\n transition: ''\n });\n },\n\n /**\n * Shift the slider if it exceeds borders on the edge.\n */\n shift: function shift() {\n var position = abs(this.position);\n var left = abs(this.toPosition(0));\n var right = abs(this.toPosition(Splide.length));\n var innerSize = right - left;\n\n if (position < left) {\n position += innerSize;\n } else if (position > right) {\n position -= innerSize;\n }\n\n this.translate(sign * position);\n },\n\n /**\n * Trim redundant spaces on the left or right edge if necessary.\n *\n * @param {number} position - Position value to be trimmed.\n *\n * @return {number} - Trimmed position.\n */\n trim: function trim(position) {\n if (!Splide.options.trimSpace || Splide.is(LOOP)) {\n return position;\n }\n\n var edge = sign * (Layout.totalSize() - Layout.size - Layout.gap);\n return between(position, edge, 0);\n },\n\n /**\n * Calculate the closest slide index from the given position.\n *\n * @param {number} position - A position converted to an slide index.\n *\n * @return {number} - The closest slide index.\n */\n toIndex: function toIndex(position) {\n var _this2 = this;\n\n var index = 0;\n var minDistance = Infinity;\n Elements.getSlides(true).forEach(function (Slide) {\n var slideIndex = Slide.index;\n var distance = abs(_this2.toPosition(slideIndex) - position);\n\n if (distance < minDistance) {\n minDistance = distance;\n index = slideIndex;\n }\n });\n return index;\n },\n\n /**\n * Return coordinates object by the given position.\n *\n * @param {number} position - A position value.\n *\n * @return {Object} - A coordinates object.\n */\n toCoord: function toCoord(position) {\n return {\n x: isVertical ? 0 : position,\n y: isVertical ? position : 0\n };\n },\n\n /**\n * Calculate the track position by a slide index.\n *\n * @param {number} index - Slide index.\n *\n * @return {Object} - Calculated position.\n */\n toPosition: function toPosition(index) {\n var position = Layout.totalSize(index) - Layout.slideSize(index) - Layout.gap;\n return sign * (position + this.offset(index));\n },\n\n /**\n * Return the current offset value, considering direction.\n *\n * @return {number} - Offset amount.\n */\n offset: function offset(index) {\n var focus = Splide.options.focus;\n var slideSize = Layout.slideSize(index);\n\n if (focus === 'center') {\n return -(Layout.size - slideSize) / 2;\n }\n\n return -(parseInt(focus) || 0) * (slideSize + Layout.gap);\n },\n\n /**\n * Return the current position.\n * This returns the correct position even while transitioning by CSS.\n *\n * @return {number} - Current position.\n */\n get position() {\n var prop = isVertical ? 'top' : isRTL ? 'right' : 'left';\n return getRect(list)[prop] - (getRect(Elements.track)[prop] - Layout.padding[prop] * sign);\n }\n\n };\n /**\n * Called whenever slides arrive at a destination.\n *\n * @param {number} destIndex - A destination index.\n * @param {number} newIndex - A new index.\n * @param {number} prevIndex - A previous index.\n * @param {boolean} silently - If true, suppress emitting events.\n */\n\n function onTransitionEnd(destIndex, newIndex, prevIndex, silently) {\n applyStyle(list, {\n transition: ''\n });\n isLoopPending = false;\n\n if (!isFade) {\n Track.jump(newIndex);\n }\n\n if (!silently) {\n Splide.emit('moved', newIndex, prevIndex, destIndex);\n }\n }\n /**\n * Convert index to the trimmed position.\n *\n * @return {number} - Trimmed position.\n */\n\n\n function getTrimmedPosition(index) {\n return Track.trim(Track.toPosition(index));\n }\n\n return Track;\n });\n ;// CONCATENATED MODULE: ./src/js/components/clones/index.js\n/**\n * The component for cloning some slides for \"loop\" mode of the track.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n\n\n\n/**\n * The component for cloning some slides for \"loop\" mode of the track.\n *\n * @param {Splide} Splide - A Splide instance.\n * @param {Object} Components - An object containing components.\n *\n * @return {Object} - The component object.\n */\n\n/* harmony default export */ var clones = (function (Splide, Components) {\n /**\n * Store information of all clones.\n *\n * @type {Array}\n */\n var clones = [];\n /**\n * Store the current clone count on one side.\n *\n * @type {number}\n */\n\n var cloneCount = 0;\n /**\n * Keep Elements component.\n *\n * @type {Object}\n */\n\n var Elements = Components.Elements;\n /**\n * Clones component object.\n *\n * @type {Object}\n */\n\n var Clones = {\n /**\n * Called when the component is mounted.\n */\n mount: function mount() {\n var _this = this;\n\n if (Splide.is(LOOP)) {\n init();\n Splide.on('refresh:before', function () {\n _this.destroy();\n }).on('refresh', init).on('resize', function () {\n if (cloneCount !== getCloneCount()) {\n // Destroy before refresh not to collect clones by the Elements component.\n _this.destroy();\n\n Splide.refresh();\n }\n });\n }\n },\n\n /**\n * Destroy.\n */\n destroy: function destroy() {\n dom_remove(clones);\n clones = [];\n },\n\n /**\n * Return all clones.\n *\n * @return {Element[]} - Cloned elements.\n */\n get clones() {\n return clones;\n },\n\n /**\n * Return clone length.\n *\n * @return {number} - A length of clones.\n */\n get length() {\n return clones.length;\n }\n\n };\n /**\n * Initialization.\n */\n\n function init() {\n Clones.destroy();\n cloneCount = getCloneCount();\n generateClones(cloneCount);\n }\n /**\n * Generate and append/prepend clones.\n *\n * @param {number} count - The half number of clones.\n */\n\n\n function generateClones(count) {\n var length = Elements.length,\n register = Elements.register;\n\n if (length) {\n var slides = Elements.slides;\n\n while (slides.length < count) {\n slides = slides.concat(slides);\n } // Clones after the last element.\n\n\n slides.slice(0, count).forEach(function (elm, index) {\n var clone = cloneDeeply(elm);\n append(Elements.list, clone);\n clones.push(clone);\n register(clone, index + length, index % length);\n }); // Clones before the first element.\n\n slides.slice(-count).forEach(function (elm, index) {\n var clone = cloneDeeply(elm);\n before(clone, slides[0]);\n clones.push(clone);\n register(clone, index - count, (length + index - count % length) % length);\n });\n }\n }\n /**\n * Return half count of clones to be generated.\n * Clone count is determined by:\n * - \"clones\" value in the options.\n * - Number of slides that can be placed in a view in \"fixed\" mode.\n * - Max pages a flick action can move.\n * - Whether the slide length is enough for perPage.\n *\n * @return {number} - Count for clones.\n */\n\n\n function getCloneCount() {\n var options = Splide.options;\n\n if (options.clones) {\n return options.clones;\n } // Use the slide length in autoWidth mode because the number cannot be calculated.\n\n\n var baseCount = options.autoWidth || options.autoHeight ? Elements.length : options.perPage;\n var dimension = options.direction === TTB ? 'Height' : 'Width';\n var fixedSize = toPixel(Splide.root, options[\"fixed\" + dimension]);\n\n if (fixedSize) {\n // Roughly calculate the count. This needs not to be strict.\n baseCount = Math.ceil(Elements.track[\"client\" + dimension] / fixedSize);\n }\n\n return baseCount * (options.drag ? options.flickMaxPages + 1 : 1);\n }\n /**\n * Clone deeply the given element.\n *\n * @param {Element} elm - An element being duplicated.\n *\n * @return {Node} - A cloned node(element).\n */\n\n\n function cloneDeeply(elm) {\n var clone = elm.cloneNode(true);\n addClass(clone, Splide.classes.clone); // ID should not be duplicated.\n\n removeAttribute(clone, 'id');\n return clone;\n }\n\n return Clones;\n });\n ;// CONCATENATED MODULE: ./src/js/components/layout/directions/horizontal.js\n/**\n * The resolver component for horizontal layout.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n\n\n/**\n * The resolver component for horizontal layout.\n *\n * @param {Splide} Splide - A Splide instance.\n * @param {Object} Components - An object containing components.\n *\n * @return {Object} - The resolver object.\n */\n\n/* harmony default export */ var horizontal = (function (Splide, Components) {\n /**\n * Keep the Elements component.\n *\n * @type {string}\n */\n var Elements = Components.Elements;\n /**\n * Keep the root element.\n *\n * @type {Element}\n */\n\n var root = Splide.root;\n /**\n * Keep the track element.\n *\n * @type {Element}\n */\n\n var track;\n /**\n * Keep the latest options.\n *\n * @type {Element}\n */\n\n var options = Splide.options;\n return {\n /**\n * Margin property name.\n *\n * @type {string}\n */\n margin: 'margin' + (options.direction === RTL ? 'Left' : 'Right'),\n\n /**\n * Always 0 because the height will be determined by inner contents.\n *\n * @type {number}\n */\n height: 0,\n\n /**\n * Initialization.\n */\n init: function init() {\n this.resize();\n },\n\n /**\n * Resize gap and padding.\n * This must be called on init.\n */\n resize: function resize() {\n options = Splide.options;\n track = Elements.track;\n this.gap = toPixel(root, options.gap);\n var padding = options.padding;\n var left = toPixel(root, padding.left || padding);\n var right = toPixel(root, padding.right || padding);\n this.padding = {\n left: left,\n right: right\n };\n applyStyle(track, {\n paddingLeft: unit(left),\n paddingRight: unit(right)\n });\n },\n\n /**\n * Return total width from the left of the list to the right of the slide specified by the provided index.\n *\n * @param {number} index - Optional. A slide index. If undefined, total width of the slider will be returned.\n *\n * @return {number} - Total width to the right side of the specified slide, or 0 for an invalid index.\n */\n totalWidth: function totalWidth(index) {\n if (index === void 0) {\n index = Splide.length - 1;\n }\n\n var Slide = Elements.getSlide(index);\n var width = 0;\n\n if (Slide) {\n var slideRect = getRect(Slide.slide);\n var listRect = getRect(Elements.list);\n\n if (options.direction === RTL) {\n width = listRect.right - slideRect.left;\n } else {\n width = slideRect.right - listRect.left;\n }\n\n width += this.gap;\n }\n\n return width;\n },\n\n /**\n * Return the slide width in px.\n *\n * @param {number} index - Slide index.\n *\n * @return {number} - The slide width.\n */\n slideWidth: function slideWidth(index) {\n if (options.autoWidth) {\n var Slide = Elements.getSlide(index);\n return Slide ? Slide.slide.offsetWidth : 0;\n }\n\n var width = options.fixedWidth || (this.width + this.gap) / options.perPage - this.gap;\n return toPixel(root, width);\n },\n\n /**\n * Return the slide height in px.\n *\n * @return {number} - The slide height.\n */\n slideHeight: function slideHeight() {\n var height = options.height || options.fixedHeight || this.width * options.heightRatio;\n return toPixel(root, height);\n },\n\n /**\n * Return slider width without padding.\n *\n * @return {number} - Current slider width.\n */\n get width() {\n return track.clientWidth - this.padding.left - this.padding.right;\n }\n\n };\n });\n ;// CONCATENATED MODULE: ./src/js/components/layout/directions/vertical.js\n/**\n * The resolver component for vertical layout.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n\n\n/**\n * The resolver component for vertical layout.\n *\n * @param {Splide} Splide - A Splide instance.\n * @param {Object} Components - An object containing components.\n *\n * @return {Object} - The resolver object.\n */\n\n/* harmony default export */ var vertical = (function (Splide, Components) {\n /**\n * Keep the Elements component.\n *\n * @type {string}\n */\n var Elements = Components.Elements;\n /**\n * Keep the root element.\n *\n * @type {Element}\n */\n\n var root = Splide.root;\n /**\n * Keep the track element.\n *\n * @type {Element}\n */\n\n var track;\n /**\n * Keep the latest options.\n *\n * @type {Element}\n */\n\n var options;\n return {\n /**\n * Margin property name.\n *\n * @type {string}\n */\n margin: 'marginBottom',\n\n /**\n * Initialization.\n */\n init: function init() {\n this.resize();\n },\n\n /**\n * Resize gap and padding.\n * This must be called on init.\n */\n resize: function resize() {\n options = Splide.options;\n track = Elements.track;\n this.gap = toPixel(root, options.gap);\n var padding = options.padding;\n var top = toPixel(root, padding.top || padding);\n var bottom = toPixel(root, padding.bottom || padding);\n this.padding = {\n top: top,\n bottom: bottom\n };\n applyStyle(track, {\n paddingTop: unit(top),\n paddingBottom: unit(bottom)\n });\n },\n\n /**\n * Return total height from the top of the list to the bottom of the slide specified by the provided index.\n *\n * @param {number} index - Optional. A slide index. If undefined, total height of the slider will be returned.\n *\n * @return {number} - Total height to the bottom of the specified slide, or 0 for an invalid index.\n */\n totalHeight: function totalHeight(index) {\n if (index === void 0) {\n index = Splide.length - 1;\n }\n\n var Slide = Elements.getSlide(index);\n\n if (Slide) {\n return getRect(Slide.slide).bottom - getRect(Elements.list).top + this.gap;\n }\n\n return 0;\n },\n\n /**\n * Return the slide width in px.\n *\n * @return {number} - The slide width.\n */\n slideWidth: function slideWidth() {\n return toPixel(root, options.fixedWidth || this.width);\n },\n\n /**\n * Return the slide height in px.\n *\n * @param {number} index - Slide index.\n *\n * @return {number} - The slide height.\n */\n slideHeight: function slideHeight(index) {\n if (options.autoHeight) {\n var Slide = Elements.getSlide(index);\n return Slide ? Slide.slide.offsetHeight : 0;\n }\n\n var height = options.fixedHeight || (this.height + this.gap) / options.perPage - this.gap;\n return toPixel(root, height);\n },\n\n /**\n * Return slider width without padding.\n *\n * @return {number} - Current slider width.\n */\n get width() {\n return track.clientWidth;\n },\n\n /**\n * Return slide height without padding.\n *\n * @return {number} - Slider height.\n */\n get height() {\n var height = options.height || this.width * options.heightRatio;\n exist(height, '\"height\" or \"heightRatio\" is missing.');\n return toPixel(root, height) - this.padding.top - this.padding.bottom;\n }\n\n };\n });\n ;// CONCATENATED MODULE: ./src/js/utils/time.js\n /**\n * A package of utility functions related with time.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n /**\n * Simple throttle function that controls how often the given function is executed.\n *\n * @param {function} func - A function to be throttled.\n * @param {number} wait - Time in millisecond for interval of execution.\n *\n * @return {Function} - A debounced function.\n */\n function throttle(func, wait) {\n var timeout; // Declare function by the \"function\" keyword to prevent \"this\" from being inherited.\n\n return function () {\n if (!timeout) {\n timeout = setTimeout(function () {\n func();\n timeout = null;\n }, wait);\n }\n };\n }\n /**\n * Custom setInterval function that provides progress rate as callback.\n *\n * @param {function} callback - A callback function fired every time the interval time passes.\n * @param {number} interval - Interval duration in milliseconds.\n * @param {function} progress - A callback function fired whenever the progress goes.\n *\n * @return {Object} - An object containing play() and pause() functions.\n */\n\n function createInterval(callback, interval, progress) {\n var _window = window,\n requestAnimationFrame = _window.requestAnimationFrame;\n var start,\n elapse,\n rate,\n _pause = true;\n\n var step = function step(timestamp) {\n if (!_pause) {\n if (!start) {\n start = timestamp;\n\n if (rate && rate < 1) {\n start -= rate * interval;\n }\n }\n\n elapse = timestamp - start;\n rate = elapse / interval;\n\n if (elapse >= interval) {\n start = 0;\n rate = 1;\n callback();\n }\n\n if (progress) {\n progress(rate);\n }\n\n requestAnimationFrame(step);\n }\n };\n\n return {\n pause: function pause() {\n _pause = true;\n start = 0;\n },\n play: function play(reset) {\n start = 0;\n\n if (reset) {\n rate = 0;\n }\n\n if (_pause) {\n _pause = false;\n requestAnimationFrame(step);\n }\n }\n };\n }\n ;// CONCATENATED MODULE: ./src/js/components/layout/index.js\n/**\n * The component for handing slide layouts and their sizes.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n\n\n\n\n\n\n/**\n * The component for handing slide layouts and their sizes.\n *\n * @param {Splide} Splide - A Splide instance.\n * @param {Object} Components - An object containing components.\n *\n * @return {Object} - The component object.\n */\n\n/* harmony default export */ var layout = (function (Splide, Components) {\n /**\n * Keep the Elements component.\n *\n * @type {string}\n */\n var Elements = Components.Elements;\n /**\n * Whether the slider is vertical or not.\n *\n * @type {boolean}\n */\n\n var isVertical = Splide.options.direction === TTB;\n /**\n * Layout component object.\n *\n * @type {Object}\n */\n\n var Layout = object_assign({\n /**\n * Called when the component is mounted.\n */\n mount: function mount() {\n bind();\n init(); // The word \"size\" means width for a horizontal slider and height for a vertical slider.\n\n this.totalSize = isVertical ? this.totalHeight : this.totalWidth;\n this.slideSize = isVertical ? this.slideHeight : this.slideWidth;\n },\n\n /**\n * Destroy the component.\n */\n destroy: function destroy() {\n removeAttribute([Elements.list, Elements.track], 'style');\n },\n\n /**\n * Return the slider height on the vertical mode or width on the horizontal mode.\n *\n * @return {number}\n */\n get size() {\n return isVertical ? this.height : this.width;\n }\n\n }, isVertical ? vertical(Splide, Components) : horizontal(Splide, Components));\n /**\n * Init slider styles according to options.\n */\n\n function init() {\n Layout.init();\n applyStyle(Splide.root, {\n maxWidth: unit(Splide.options.width)\n });\n Elements.each(function (Slide) {\n Slide.slide.style[Layout.margin] = unit(Layout.gap);\n });\n resize();\n }\n /**\n * Listen the resize native event with throttle.\n * Initialize when the component is mounted or options are updated.\n */\n\n\n function bind() {\n Splide.on('resize load', throttle(function () {\n Splide.emit('resize');\n }, Splide.options.throttle), window).on('resize', resize).on('updated refresh', init);\n }\n /**\n * Resize the track and slide elements.\n */\n\n\n function resize() {\n var options = Splide.options;\n Layout.resize();\n applyStyle(Elements.track, {\n height: unit(Layout.height)\n });\n var slideHeight = options.autoHeight ? null : unit(Layout.slideHeight());\n Elements.each(function (Slide) {\n applyStyle(Slide.container, {\n height: slideHeight\n });\n applyStyle(Slide.slide, {\n width: options.autoWidth ? null : unit(Layout.slideWidth(Slide.index)),\n height: Slide.container ? null : slideHeight\n });\n });\n Splide.emit('resized');\n }\n\n return Layout;\n });\n ;// CONCATENATED MODULE: ./src/js/components/drag/index.js\n /**\n * The component for supporting mouse drag and swipe.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n\n\n\n\n var drag_abs = Math.abs;\n /**\n * If the absolute velocity is greater thant this value,\n * a slider always goes to a different slide after drag, not allowed to stay on a current slide.\n */\n\n var MIN_VELOCITY = 0.1;\n /**\n * Adjust how much the track can be pulled on the first or last page.\n * The larger number this is, the farther the track moves.\n * This should be around 5 - 9.\n *\n * @type {number}\n */\n\n var FRICTION_REDUCER = 7;\n/**\n * The component supporting mouse drag and swipe.\n *\n * @param {Splide} Splide - A Splide instance.\n * @param {Object} Components - An object containing components.\n *\n * @return {Object} - The component object.\n */\n\n/* harmony default export */ var drag = (function (Splide, Components) {\n /**\n * Store the Move component.\n *\n * @type {Object}\n */\n var Track = Components.Track;\n /**\n * Store the Controller component.\n *\n * @type {Object}\n */\n\n var Controller = Components.Controller;\n /**\n * Coordinate of the track on starting drag.\n *\n * @type {Object}\n */\n\n var startCoord;\n /**\n * Analyzed info on starting drag.\n *\n * @type {Object|null}\n */\n\n var startInfo;\n /**\n * Analyzed info being updated while dragging/swiping.\n *\n * @type {Object}\n */\n\n var currentInfo;\n /**\n * Determine whether slides are being dragged or not.\n *\n * @type {boolean}\n */\n\n var isDragging;\n /**\n * Whether the slider direction is vertical or not.\n *\n * @type {boolean}\n */\n\n var isVertical = Splide.options.direction === TTB;\n /**\n * Axis for the direction.\n *\n * @type {string}\n */\n\n var axis = isVertical ? 'y' : 'x';\n /**\n * Drag component object.\n *\n * @type {Object}\n */\n\n var Drag = {\n /**\n * Whether dragging is disabled or not.\n *\n * @type {boolean}\n */\n disabled: false,\n\n /**\n * Called when the component is mounted.\n */\n mount: function mount() {\n var _this = this;\n\n var Elements = Components.Elements;\n var track = Elements.track;\n Splide.on('touchstart mousedown', start, track).on('touchmove mousemove', move, track, {\n passive: false\n }).on('touchend touchcancel mouseleave mouseup dragend', end, track).on('mounted refresh', function () {\n // Prevent dragging an image or anchor itself.\n each(Elements.list.querySelectorAll('img, a'), function (elm) {\n Splide.off('dragstart', elm).on('dragstart', function (e) {\n e.preventDefault();\n }, elm, {\n passive: false\n });\n });\n }).on('mounted updated', function () {\n _this.disabled = !Splide.options.drag;\n });\n }\n };\n /**\n * Called when the track starts to be dragged.\n *\n * @param {TouchEvent|MouseEvent} e - TouchEvent or MouseEvent object.\n */\n\n function start(e) {\n if (!Drag.disabled && !isDragging) {\n // These prams are used to evaluate whether the slider should start moving.\n init(e);\n }\n }\n /**\n * Initialize parameters.\n *\n * @param {TouchEvent|MouseEvent} e - TouchEvent or MouseEvent object.\n */\n\n\n function init(e) {\n startCoord = Track.toCoord(Track.position);\n startInfo = analyze(e, {});\n currentInfo = startInfo;\n }\n /**\n * Called while the track being dragged.\n *\n * @param {TouchEvent|MouseEvent} e - TouchEvent or MouseEvent object.\n */\n\n\n function move(e) {\n if (startInfo) {\n currentInfo = analyze(e, startInfo);\n\n if (isDragging) {\n if (e.cancelable) {\n e.preventDefault();\n }\n\n if (!Splide.is(FADE)) {\n var position = startCoord[axis] + currentInfo.offset[axis];\n Track.translate(resist(position));\n }\n } else {\n if (shouldMove(currentInfo)) {\n Splide.emit('drag', startInfo);\n isDragging = true;\n Track.cancel(); // These params are actual drag data.\n\n init(e);\n }\n }\n }\n }\n /**\n * Determine whether to start moving the track or not by drag angle.\n *\n * @param {Object} info - An information object.\n *\n * @return {boolean} - True if the track should be moved or false if not.\n */\n\n\n function shouldMove(_ref) {\n var offset = _ref.offset;\n\n if (Splide.State.is(MOVING) && Splide.options.waitForTransition) {\n return false;\n }\n\n var angle = Math.atan(drag_abs(offset.y) / drag_abs(offset.x)) * 180 / Math.PI;\n\n if (isVertical) {\n angle = 90 - angle;\n }\n\n return angle < Splide.options.dragAngleThreshold;\n }\n /**\n * Resist dragging the track on the first/last page because there is no more.\n *\n * @param {number} position - A position being applied to the track.\n *\n * @return {Object} - Adjusted position.\n */\n\n\n function resist(position) {\n if (Splide.is(SLIDE)) {\n var sign = Track.sign;\n\n var _start = sign * Track.trim(Track.toPosition(0));\n\n var _end = sign * Track.trim(Track.toPosition(Controller.edgeIndex));\n\n position *= sign;\n\n if (position < _start) {\n position = _start - FRICTION_REDUCER * Math.log(_start - position);\n } else if (position > _end) {\n position = _end + FRICTION_REDUCER * Math.log(position - _end);\n }\n\n position *= sign;\n }\n\n return position;\n }\n /**\n * Called when dragging ends.\n */\n\n\n function end() {\n startInfo = null;\n\n if (isDragging) {\n Splide.emit('dragged', currentInfo);\n go(currentInfo);\n isDragging = false;\n }\n }\n /**\n * Go to the slide determined by the analyzed data.\n *\n * @param {Object} info - An info object.\n */\n\n\n function go(info) {\n var velocity = info.velocity[axis];\n var absV = drag_abs(velocity);\n\n if (absV > 0) {\n var options = Splide.options;\n var index = Splide.index;\n var sign = velocity < 0 ? -1 : 1;\n var destIndex = index;\n\n if (!Splide.is(FADE)) {\n var destination = Track.position;\n\n if (absV > options.flickVelocityThreshold && drag_abs(info.offset[axis]) < options.swipeDistanceThreshold) {\n destination += sign * Math.min(absV * options.flickPower, Components.Layout.size * (options.flickMaxPages || 1));\n }\n\n destIndex = Track.toIndex(destination);\n }\n /*\n * Do not allow the track to go to a previous position if there is enough velocity.\n * Always use the adjacent index for the fade mode.\n */\n\n\n if (destIndex === index && absV > MIN_VELOCITY) {\n destIndex = index + sign * Track.sign;\n }\n\n if (Splide.is(SLIDE)) {\n destIndex = between(destIndex, 0, Controller.edgeIndex);\n }\n\n Controller.go(destIndex, options.isNavigation);\n }\n }\n /**\n * Analyze the given event object and return important information for handling swipe behavior.\n *\n * @param {Event} e - Touch or Mouse event object.\n * @param {Object} startInfo - Information analyzed on start for calculating difference from the current one.\n *\n * @return {Object} - An object containing analyzed information, such as offset, velocity, etc.\n */\n\n\n function analyze(e, startInfo) {\n var timeStamp = e.timeStamp,\n touches = e.touches;\n\n var _ref2 = touches ? touches[0] : e,\n clientX = _ref2.clientX,\n clientY = _ref2.clientY;\n\n var _ref3 = startInfo.to || {},\n _ref3$x = _ref3.x,\n fromX = _ref3$x === void 0 ? clientX : _ref3$x,\n _ref3$y = _ref3.y,\n fromY = _ref3$y === void 0 ? clientY : _ref3$y;\n\n var startTime = startInfo.time || 0;\n var offset = {\n x: clientX - fromX,\n y: clientY - fromY\n };\n var duration = timeStamp - startTime;\n var velocity = {\n x: offset.x / duration,\n y: offset.y / duration\n };\n return {\n to: {\n x: clientX,\n y: clientY\n },\n offset: offset,\n time: timeStamp,\n velocity: velocity\n };\n }\n\n return Drag;\n });\n ;// CONCATENATED MODULE: ./src/js/components/click/index.js\n/**\n * The component for handling a click event.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n/**\n * The component for handling a click event.\n * Click should be disabled during drag/swipe.\n *\n * @param {Splide} Splide - A Splide instance.\n * @param {Object} Components - An object containing components.\n *\n * @return {Object} - The component object.\n */\n/* harmony default export */ var click = (function (Splide, Components) {\n /**\n * Whether click is disabled or not.\n *\n * @type {boolean}\n */\n var disabled = false;\n /**\n * Click component object.\n *\n * @type {Object}\n */\n\n var Click = {\n /**\n * Mount only when the drag is activated and the slide type is not \"fade\".\n *\n * @type {boolean}\n */\n required: Splide.options.drag,\n\n /**\n * Called when the component is mounted.\n */\n mount: function mount() {\n Splide.on('click', onClick, Components.Elements.track, {\n capture: true\n }).on('drag', function () {\n disabled = true;\n }).on('dragged', function () {\n // Make sure the flag is released after the click event is fired.\n setTimeout(function () {\n disabled = false;\n });\n });\n }\n };\n /**\n * Called when a track element is clicked.\n *\n * @param {Event} e - A click event.\n */\n\n function onClick(e) {\n if (disabled) {\n e.preventDefault();\n e.stopPropagation();\n e.stopImmediatePropagation();\n }\n }\n\n return Click;\n });\n ;// CONCATENATED MODULE: ./src/js/components/autoplay/index.js\n /**\n * The component for playing slides automatically.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n\n /**\n * Set of pause flags.\n */\n\n var PAUSE_FLAGS = {\n HOVER: 1,\n FOCUS: 2,\n MANUAL: 3\n };\n/**\n * The component for playing slides automatically.\n *\n * @param {Splide} Splide - A Splide instance.\n * @param {Object} Components - An object containing components.\n * @param {string} name - A component name as a lowercase string.\n *\n * @return {Object} - The component object.\n */\n\n/* harmony default export */ var autoplay = (function (Splide, Components, name) {\n /**\n * Store pause flags.\n *\n * @type {Array}\n */\n var flags = [];\n /**\n * Store an interval object.\n *\n * @type {Object};\n */\n\n var interval;\n /**\n * Keep the Elements component.\n *\n * @type {string}\n */\n\n var Elements = Components.Elements;\n /**\n * Autoplay component object.\n *\n * @type {Object}\n */\n\n var Autoplay = {\n /**\n * Required only when the autoplay option is true.\n *\n * @type {boolean}\n */\n required: Splide.options.autoplay,\n\n /**\n * Called when the component is mounted.\n * Note that autoplay starts only if there are slides over perPage number.\n */\n mount: function mount() {\n var options = Splide.options;\n\n if (Elements.slides.length > options.perPage) {\n interval = createInterval(function () {\n Splide.go('>');\n }, options.interval, function (rate) {\n Splide.emit(name + \":playing\", rate);\n\n if (Elements.bar) {\n applyStyle(Elements.bar, {\n width: rate * 100 + \"%\"\n });\n }\n });\n bind();\n this.play();\n }\n },\n\n /**\n * Start autoplay.\n *\n * @param {number} flag - A pause flag to be removed.\n */\n play: function play(flag) {\n if (flag === void 0) {\n flag = 0;\n }\n\n flags = flags.filter(function (f) {\n return f !== flag;\n });\n\n if (!flags.length) {\n Splide.emit(name + \":play\");\n interval.play(Splide.options.resetProgress);\n }\n },\n\n /**\n * Pause autoplay.\n * Note that Array.includes is not supported by IE.\n *\n * @param {number} flag - A pause flag to be added.\n */\n pause: function pause(flag) {\n if (flag === void 0) {\n flag = 0;\n }\n\n interval.pause();\n\n if (flags.indexOf(flag) === -1) {\n flags.push(flag);\n }\n\n if (flags.length === 1) {\n Splide.emit(name + \":pause\");\n }\n }\n };\n /**\n * Listen some events.\n */\n\n function bind() {\n var options = Splide.options;\n var sibling = Splide.sibling;\n var elms = [Splide.root, sibling ? sibling.root : null];\n\n if (options.pauseOnHover) {\n switchOn(elms, 'mouseleave', PAUSE_FLAGS.HOVER, true);\n switchOn(elms, 'mouseenter', PAUSE_FLAGS.HOVER, false);\n }\n\n if (options.pauseOnFocus) {\n switchOn(elms, 'focusout', PAUSE_FLAGS.FOCUS, true);\n switchOn(elms, 'focusin', PAUSE_FLAGS.FOCUS, false);\n }\n\n if (Elements.play) {\n Splide.on('click', function () {\n // Need to be removed a focus flag at first.\n Autoplay.play(PAUSE_FLAGS.FOCUS);\n Autoplay.play(PAUSE_FLAGS.MANUAL);\n }, Elements.play);\n }\n\n if (Elements.pause) {\n switchOn([Elements.pause], 'click', PAUSE_FLAGS.MANUAL, false);\n }\n\n Splide.on('move refresh', function () {\n Autoplay.play();\n }) // Rewind the timer.\n .on('destroy', function () {\n Autoplay.pause();\n });\n }\n /**\n * Play or pause on the given event.\n *\n * @param {Element[]} elms - Elements.\n * @param {string} event - An event name or names.\n * @param {number} flag - A pause flag defined on the top.\n * @param {boolean} play - Determine whether to play or pause.\n */\n\n\n function switchOn(elms, event, flag, play) {\n elms.forEach(function (elm) {\n Splide.on(event, function () {\n Autoplay[play ? 'play' : 'pause'](flag);\n }, elm);\n });\n }\n\n return Autoplay;\n });\n ;// CONCATENATED MODULE: ./src/js/components/cover/index.js\n/**\n * The component for change an img element to background image of its wrapper.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n/**\n * The component for change an img element to background image of its wrapper.\n *\n * @param {Splide} Splide - A Splide instance.\n * @param {Object} Components - An object containing components.\n *\n * @return {Object} - The component object.\n */\n\n/* harmony default export */ var cover = (function (Splide, Components) {\n /**\n * Hold options.\n *\n * @type {Object}\n */\n var options = Splide.options;\n /**\n * Cover component object.\n *\n * @type {Object}\n */\n\n var Cover = {\n /**\n * Required only when \"cover\" option is true.\n *\n * @type {boolean}\n */\n required: options.cover,\n\n /**\n * Called when the component is mounted.\n */\n mount: function mount() {\n Splide.on('lazyload:loaded', function (img) {\n cover(img, false);\n });\n Splide.on('mounted updated refresh', function () {\n return apply(false);\n });\n },\n\n /**\n * Destroy.\n */\n destroy: function destroy() {\n apply(true);\n }\n };\n /**\n * Apply \"cover\" to all slides.\n *\n * @param {boolean} uncover - If true, \"cover\" will be clear.\n */\n\n function apply(uncover) {\n Components.Elements.each(function (Slide) {\n var img = child(Slide.slide, 'IMG') || child(Slide.container, 'IMG');\n\n if (img && img.src) {\n cover(img, uncover);\n }\n });\n }\n /**\n * Set background image of the parent element, using source of the given image element.\n *\n * @param {Element} img - An image element.\n * @param {boolean} uncover - Reset \"cover\".\n */\n\n\n function cover(img, uncover) {\n applyStyle(img.parentElement, {\n background: uncover ? '' : \"center/cover no-repeat url(\\\"\" + img.src + \"\\\")\"\n });\n applyStyle(img, {\n display: uncover ? '' : 'none'\n });\n }\n\n return Cover;\n });\n ;// CONCATENATED MODULE: ./src/js/components/arrows/path.js\n /**\n * Export vector path for an arrow.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n /**\n * Namespace definition for SVG element.\n *\n * @type {string}\n */\n var XML_NAME_SPACE = 'http://www.w3.org/2000/svg';\n /**\n * The arrow vector path.\n *\n * @type {number}\n */\n\n var PATH = 'm15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z';\n /**\n * SVG width and height.\n *\n * @type {number}\n */\n\n var SIZE = 40;\n ;// CONCATENATED MODULE: ./src/js/components/arrows/index.js\n/**\n * The component for appending prev/next arrows.\n *\n * @author Naotoshi Fujita\n * @copyright Naotoshi Fujita. All rights reserved.\n */\n\n\n\n/**\n * The component for appending prev/next arrows.\n *\n * @param {Splide} Splide - A Splide instance.\n * @param {Object} Components - An object containing components.\n * @param {string} name - A component name as a lowercase string.\n *\n * @return {Object} - The component object.\n */\n\n/* harmony default export */ var arrows = (function (Splide, Components, name) {\n /**\n * Previous arrow element.\n *\n * @type {Element|undefined}\n */\n var prev;\n /**\n * Next arrow element.\n *\n * @type {Element|undefined}\n */\n\n var next;\n /**\n * Store the class list.\n *\n * @type {Object}\n */\n\n var classes = Splide.classes;\n /**\n * Hold the root element.\n *\n * @type {Element}\n */\n\n var root = Splide.root;\n /**\n * Whether arrows are created programmatically or not.\n *\n * @type {boolean}\n */\n\n var created;\n /**\n * Hold the Elements component.\n *\n * @type {Object}\n */\n\n var Elements = Components.Elements;\n /**\n * Arrows component object.\n *\n * @type {Object}\n */\n\n var Arrows = {\n /**\n * Required when the arrows option is true.\n *\n * @type {boolean}\n */\n required: Splide.options.arrows,\n\n /**\n * Called when the component is mounted.\n */\n mount: function mount() {\n // Attempt to get arrows from HTML source.\n prev = Elements.arrows.prev;\n next = Elements.arrows.next; // If arrows were not found in HTML, let's generate them.\n\n if ((!prev || !next) && Splide.options.arrows) {\n prev = createArrow(true);\n next = createArrow(false);\n created = true;\n appendArrows();\n }\n\n if (prev && next) {\n bind();\n }\n\n this.arrows = {\n prev: prev,\n next: next\n };\n },\n\n /**\n * Called after all components are mounted.\n */\n mounted: function mounted() {\n Splide.emit(name + \":mounted\", prev, next);\n },\n\n /**\n * Destroy.\n */\n destroy: function destroy() {\n removeAttribute([prev, next], 'disabled');\n\n if (created) {\n dom_remove(prev.parentElement);\n }\n }\n };\n /**\n * Listen to native and custom events.\n */\n\n function bind() {\n Splide.on('click', function () {\n Splide.go('<');\n }, prev).on('click', function () {\n Splide.go('>');\n }, next).on('mounted move updated refresh', updateDisabled);\n }\n /**\n * Update a disabled attribute.\n */\n\n\n function updateDisabled() {\n var _Components$Controlle = Components.Controller,\n prevIndex = _Components$Controlle.prevIndex,\n nextIndex = _Components$Controlle.nextIndex;\n var isEnough = Splide.length > Splide.options.perPage || Splide.is(LOOP);\n prev.disabled = prevIndex < 0 || !isEnough;\n next.disabled = nextIndex < 0 || !isEnough;\n Splide.emit(name + \":updated\", prev, next, prevIndex, nextIndex);\n }\n /**\n * Create a wrapper element and append arrows.\n */\n\n\n function appendArrows() {\n var wrapper = create('div', {\n \"class\": classes.arrows\n });\n append(wrapper, prev);\n append(wrapper, next);\n var slider = Elements.slider;\n var parent = Splide.options.arrows === 'slider' && slider ? slider : root;\n before(wrapper, parent.firstElementChild);\n }\n /**\n * Create an arrow element.\n *\n * @param {boolean} prev - Determine to create a prev arrow or next arrow.\n *\n * @return {Element} - A created arrow element.\n */\n\n\n function createArrow(prev) {\n var arrow = \"