').addClass(c.dotsClass).appendTo(this.$element)\n ).addClass('disabled')),\n this._controls.$absolute.on(\n 'click',\n 'button',\n a.proxy(function (b) {\n var d = a(b.target).parent().is(this._controls.$absolute)\n ? a(b.target).index()\n : a(b.target).parent().index();\n b.preventDefault(), this.to(d, c.dotsSpeed);\n }, this)\n );\n for (b in this._overrides) this._core[b] = a.proxy(this[b], this);\n }),\n (e.prototype.destroy = function () {\n var a, b, c, d, e;\n e = this._core.settings;\n for (a in this._handlers) this.$element.off(a, this._handlers[a]);\n for (b in this._controls)\n '$relative' === b && e.navContainer ? this._controls[b].html('') : this._controls[b].remove();\n for (d in this.overides) this._core[d] = this._overrides[d];\n for (c in Object.getOwnPropertyNames(this)) 'function' != typeof this[c] && (this[c] = null);\n }),\n (e.prototype.update = function () {\n var a,\n b,\n c,\n d = this._core.clones().length / 2,\n e = d + this._core.items().length,\n f = this._core.maximum(!0),\n g = this._core.settings,\n h = g.center || g.autoWidth || g.dotsData ? 1 : g.dotsEach || g.items;\n if (('page' !== g.slideBy && (g.slideBy = Math.min(g.slideBy, g.items)), g.dots || 'page' == g.slideBy))\n for (this._pages = [], a = d, b = 0, c = 0; a < e; a++) {\n if (b >= h || 0 === b) {\n if (\n (this._pages.push({start: Math.min(f, a - d), end: a - d + h - 1}),\n Math.min(f, a - d) === f)\n )\n break;\n (b = 0), ++c;\n }\n b += this._core.mergers(this._core.relative(a));\n }\n }),\n (e.prototype.draw = function () {\n var b,\n c = this._core.settings,\n d = this._core.items().length <= c.items,\n e = this._core.relative(this._core.current()),\n f = c.loop || c.rewind;\n this._controls.$relative.toggleClass('disabled', !c.nav || d),\n c.nav &&\n (this._controls.$previous.toggleClass('disabled', !f && e <= this._core.minimum(!0)),\n this._controls.$next.toggleClass('disabled', !f && e >= this._core.maximum(!0))),\n this._controls.$absolute.toggleClass('disabled', !c.dots || d),\n c.dots &&\n ((b = this._pages.length - this._controls.$absolute.children().length),\n c.dotsData && 0 !== b\n ? this._controls.$absolute.html(this._templates.join(''))\n : b > 0\n ? this._controls.$absolute.append(new Array(b + 1).join(this._templates[0]))\n : b < 0 && this._controls.$absolute.children().slice(b).remove(),\n this._controls.$absolute.find('.active').removeClass('active').removeAttr('aria-selected'),\n this._controls.$absolute\n .children()\n .eq(a.inArray(this.current(), this._pages))\n .addClass('active'))\n .attr('aria-selected','true');\n }),\n (e.prototype.onTrigger = function (b) {\n var c = this._core.settings;\n b.page = {\n index: a.inArray(this.current(), this._pages),\n count: this._pages.length,\n size: c && (c.center || c.autoWidth || c.dotsData ? 1 : c.dotsEach || c.items),\n };\n }),\n (e.prototype.current = function () {\n var b = this._core.relative(this._core.current());\n return a\n .grep(\n this._pages,\n a.proxy(function (a, c) {\n return a.start <= b && a.end >= b;\n }, this)\n )\n .pop();\n }),\n (e.prototype.getPosition = function (b) {\n var c,\n d,\n e = this._core.settings;\n return (\n 'page' == e.slideBy\n ? ((c = a.inArray(this.current(), this._pages)),\n (d = this._pages.length),\n b ? ++c : --c,\n (c = this._pages[((c % d) + d) % d].start))\n : ((c = this._core.relative(this._core.current())),\n (d = this._core.items().length),\n b ? (c += e.slideBy) : (c -= e.slideBy)),\n c\n );\n }),\n (e.prototype.next = function (b) {\n a.proxy(this._overrides.to, this._core)(this.getPosition(!0), b);\n }),\n (e.prototype.prev = function (b) {\n a.proxy(this._overrides.to, this._core)(this.getPosition(!1), b);\n }),\n (e.prototype.to = function (b, c, d) {\n var e;\n !d && this._pages.length\n ? ((e = this._pages.length),\n a.proxy(this._overrides.to, this._core)(this._pages[((b % e) + e) % e].start, c))\n : a.proxy(this._overrides.to, this._core)(b, c);\n }),\n (a.fn.owlCarousel.Constructor.Plugins.Navigation = e);\n })(window.Zepto || window.jQuery, window, document),\n (function (a, b, c, d) {\n 'use strict';\n var e = function (c) {\n (this._core = c),\n (this._hashes = {}),\n (this.$element = this._core.$element),\n (this._handlers = {\n 'initialized.owl.carousel': a.proxy(function (c) {\n c.namespace &&\n 'URLHash' === this._core.settings.startPosition &&\n a(b).trigger('hashchange.owl.navigation');\n }, this),\n 'prepared.owl.carousel': a.proxy(function (b) {\n if (b.namespace) {\n var c = a(b.content).find('[data-hash]').addBack('[data-hash]').attr('data-hash');\n if (!c) return;\n this._hashes[c] = b.content;\n }\n }, this),\n 'changed.owl.carousel': a.proxy(function (c) {\n if (c.namespace && 'position' === c.property.name) {\n var d = this._core.items(this._core.relative(this._core.current())),\n e = a\n .map(this._hashes, function (a, b) {\n return a === d ? b : null;\n })\n .join();\n if (!e || b.location.hash.slice(1) === e) return;\n b.location.hash = e;\n }\n }, this),\n }),\n (this._core.options = a.extend({}, e.Defaults, this._core.options)),\n this.$element.on(this._handlers),\n a(b).on(\n 'hashchange.owl.navigation',\n a.proxy(function (a) {\n var c = b.location.hash.substring(1),\n e = this._core.$stage.children(),\n f = this._hashes[c] && e.index(this._hashes[c]);\n f !== d && f !== this._core.current() && this._core.to(this._core.relative(f), !1, !0);\n }, this)\n );\n };\n (e.Defaults = {URLhashListener: !1}),\n (e.prototype.destroy = function () {\n var c, d;\n a(b).off('hashchange.owl.navigation');\n for (c in this._handlers) this._core.$element.off(c, this._handlers[c]);\n for (d in Object.getOwnPropertyNames(this)) 'function' != typeof this[d] && (this[d] = null);\n }),\n (a.fn.owlCarousel.Constructor.Plugins.Hash = e);\n })(window.Zepto || window.jQuery, window, document),\n (function (a, b, c, d) {\n function e(b, c) {\n var e = !1,\n f = b.charAt(0).toUpperCase() + b.slice(1);\n return (\n a.each((b + ' ' + h.join(f + ' ') + f).split(' '), function (a, b) {\n if (g[b] !== d) return (e = !c || b), !1;\n }),\n e\n );\n }\n function f(a) {\n return e(a, !0);\n }\n var g = a('
').get(0).style,\n h = 'Webkit Moz O ms'.split(' '),\n i = {\n transition: {\n end: {\n WebkitTransition: 'webkitTransitionEnd',\n MozTransition: 'transitionend',\n OTransition: 'oTransitionEnd',\n transition: 'transitionend',\n },\n },\n animation: {\n end: {\n WebkitAnimation: 'webkitAnimationEnd',\n MozAnimation: 'animationend',\n OAnimation: 'oAnimationEnd',\n animation: 'animationend',\n },\n },\n },\n j = {\n csstransforms: function () {\n return !!e('transform');\n },\n csstransforms3d: function () {\n return !!e('perspective');\n },\n csstransitions: function () {\n return !!e('transition');\n },\n cssanimations: function () {\n return !!e('animation');\n },\n };\n j.csstransitions() &&\n ((a.support.transition = new String(f('transition'))),\n (a.support.transition.end = i.transition.end[a.support.transition])),\n j.cssanimations() &&\n ((a.support.animation = new String(f('animation'))),\n (a.support.animation.end = i.animation.end[a.support.animation])),\n j.csstransforms() &&\n ((a.support.transform = new String(f('transform'))), (a.support.transform3d = j.csstransforms3d()));\n })(window.Zepto || window.jQuery, window, document);\n","(function () {\n const $body = $('body');\n\n var slider = {\n $slider: null,\n options: {},\n vPort: 'always', // default responsive break point\n isMobile: false,\n navText: [\n \"prev\",\n \"next\",\n ],\n ActiveBtnBgColor: '#D6D6D6',\n InactiveBtnBgColor: '#a1a1a1',\n init: function () {\n slider.additionalInit();\n slider.on.build();\n slider.control();\n slider.additionalControls();\n slider.cleanDuplicateID();\n },\n control: function () {\n const playBtn = $('.owl-play');\n const pauseBtn = $('.owl-pause');\n if (config.enableSlideshowControls) { /*eslint-disable-line*/\n $body.on('click', '.owl-play', function () {\n slider.$slider = $(this).closest('.owl-carousel');\n slider.$slider.data('owl.carousel').options.autoplay = true;\n slider.$slider.trigger('refresh.owl.carousel');\n //slider.$slider.trigger('play.owl.autoplay');\n });\n $body.on('click', '.owl-pause', function () {\n slider.$slider = $(this).closest('.owl-carousel');\n slider.$slider.trigger('stop.owl.autoplay');\n });\n }\n\n $body.on('touchend', '.owl-pause, .owl-play, .owl-prev, .owl-next', function () {\n $(this).css('background', '#d6d6d6');\n });\n\n $('body').on('touchstart', '.owl-pause, .owl-play, .owl-prev, .owl-next', function () {\n $(this).css('background', '#869791');\n });\n\n playBtn.on('touchend click', function () {\n $(this).css({background: slider.ActiveBtnBgColor});\n pauseBtn.css({background: slider.InactiveBtnBgColor});\n $('.owl-next').trigger('click');\n });\n\n pauseBtn.on('touchend click', function () {\n $(this).css({background: slider.ActiveBtnBgColor});\n playBtn.css({background: slider.InactiveBtnBgColor});\n });\n\n $('.owl-carousel').each(function () {\n var $element = $(this);\n if (typeof $element.closest('.viewport-slider').data('slider-vport') != 'undefined') {\n slider.vPort = $element.closest('.viewport-slider').data('slider-vport');\n $(document).on(slider.vPort + '-on', function () {\n // Waiting for custom event that will be triggered by controller.js to activate responsive effects\n slider.isMobile = true;\n slider.get.options($element, true);\n });\n $(document).on(slider.vPort + '-off', function () {\n // Waiting for custom event that will be triggered by controller.js to deactivate responsive effects\n slider.isMobile = false;\n slider.on.destroy($element);\n });\n }\n });\n\n if ($('.owl-item:not(.cloned)').first().hasClass('active')) {\n $('.owl-nav .owl-next').addClass('owl-nav-active');\n }\n },\n additionalInit: function () {},\n additionalControls: function () {},\n beforeInitSlider: function ($element) {},\n /**\n * Accessibility for owl carousel\n * @namespace\n */\n accessibility: {\n /**\n * @type Boolean\n * @default false\n * @protected\n */\n\n /**\n * Setup slider accessibility\n * @param {jQuery} $slider - jQuery object of Owl carousel container .owl-carousel\n * @public\n */\n setup: function ($slider) {\n // make slides accessible\n this.slider($slider);\n if (config.enableSlideshowControls) { /*eslint-disable-line*/\n // apply meta info to next and previous buttons and make them focusable\n $slider.find('.owl-prev').attr({\n role: 'button',\n title: $slider.data('prev-slide'),\n 'aria-label': $slider.data('prev-slide'),\n tabindex: '0',\n });\n $slider.find('.owl-next').attr({\n role: 'button',\n title: $slider.data('next-slide'),\n 'aria-label': $slider.data('next-slide'),\n tabindex: '0',\n });\n }\n if (config.enableSlideshowIndicator) { /*eslint-disable-line*/\n $slider.find('.owl-dot').each(function (index) {\n var $dot = $(this);\n $dot.attr({\n role: 'tab',\n title: $slider.data('go-to-slide') + ' ' + ($dot.index() + 1),\n 'aria-label': `Slide ${index + 1}`,\n 'aria-controls': `carousel-item-${index + 1}`,\n tabindex: '0',\n });\n });\n }\n\n // make root element focusable\n const $root = $slider.find('.owl-stage');\n const $outerRoot = $slider.find('.owl-stage-outer');\n const label = $slider.data('label') || 'Slideshow';\n $root.attr({\n role: 'list',\n 'aria-label': label, // @todo aria-labeled-by if we have data for it, we don't right now\n tabindex: '0',\n 'aria-live': \"off\",\n });\n\n slider.accessibility.setSliderReadability($outerRoot, true);\n\n $slider.find('.owl-item').attr({\n role: 'tabpanel',\n });\n\n const sliderLength = document.querySelectorAll('.owl-item:not(.cloned)')?.length;\n $slider.find('.owl-item:not(.cloned)').each(function (index) {\n let $item = $(this);\n $item.attr({\n 'aria-label': `${index + 1} of ${sliderLength}`,\n id: `carousel-item-${index + 1}`,\n 'aria-roledescription': 'slide',\n });\n });\n\n // make root element id and use it for aria controls\n let id = $root.attr('id');\n if (!id) {\n id = 'slider' + UX.utils.generateId();\n $root.attr('id', id);\n }\n\n // make Controls to inform screen readers what they control\n $slider.find('.owl-nav, .owl-controls').attr({\n role: 'navigation',\n 'aria-label': label,\n });\n\n $slider.find('.owl-dots').attr({\n role: 'tablist',\n 'aria-label': 'Slide selection',\n });\n\n if (config.enableSlideshowControls) { /*eslint-disable-line*/\n // listen for keyboard input\n this.keyboardControls($slider, $outerRoot);\n }\n\n if (config.enableSlideshowAutoplay) { /*eslint-disable-line*/\n // handle autoplay carousels\n this.handleAutoplay($slider, $outerRoot);\n }\n\n if (config.enableSlideshowIndicator) { /*eslint-disable-line*/\n // make dots accessible\n this.dots($slider, $outerRoot);\n }\n\n // make slider accessible by tab key\n this.keyboardTabAccess($slider);\n\n this.addNavigationHelperText($slider);\n },\n\n /**\n * Add navigation helper text for screen readers\n * @param {jQuery} $slider - jQuery object of Owl carousel container .owl-carousel\n * @protected\n */\n addNavigationHelperText: function ($slider) {\n if (slider.options.navigationHelper) {\n const id = `navigation_helper${UX.utils.generateId()}`;\n $('', {\n class: 'sr-only',\n id: id,\n text: slider.options.navigationHelper,\n }).insertBefore($slider);\n $slider.attr({\n 'aria-describedby': id,\n });\n }\n },\n\n /**\n * Setup tab key access for slider\n * @param {jQuery} $slider - jQuery object of Owl carousel container .owl-carousel\n * @see inspired by Peppermint.js slider [https://wd.dizaina.net/en/scripts/peppermint/]\n * @protected\n */\n keyboardTabAccess: function ($slider) {\n $slider.find('.owl-item').each(function () {\n var slide = this;\n\n //IE fallback first\n slide.onfocusin = function () {\n slider.$slider = $(this).closest('.owl-carousel');\n const oneOwl = slider.$slider.data('owl.carousel'),\n stageToReset = slider.$slider.find('.owl-stage-outer')[0],\n indexOfFocusedSlide = oneOwl.relative($(this).index());\n\n //Reset the scroll\n stageToReset.scrollLeft = 0;\n //WebKit sets the scroll after the event, we need to reset it with zero timeout.\n //Keep the first reset to prevent jittering in other browsers\n setTimeout(function () {\n stageToReset.scrollLeft = 0;\n }, 0);\n\n if (!$(this).hasClass('active')) {\n // switch to the slide containing the event if is not visible already\n // last argument is to enforce \"OLD\" function for moving in slideshow, necesary for multiple slides displayed in same time\n // it is not documented anywhere, it comes from built-in plugin src/js/owl.navigation.js from method Navigation.prototype.to ....\n oneOwl.to(\n indexOfFocusedSlide,\n oneOwl.settings.smartSpeed ? oneOwl.settings.smartSpeed : 500,\n true\n );\n }\n };\n\n //Now use the function bound to `onfocusin` in a regular `addEventListener`\n if (slide.addEventListener) slide.addEventListener('focus', slide.onfocusin, true); //`true` turns on the capturing\n });\n },\n\n /**\n * Make controls accessible\n * @param $slider\n * @public\n */\n controls: function ($slider, $outerRoot) {\n $slider\n .find('.owl-play')\n .attr({\n role: 'button',\n title: $slider.data('play-slide'),\n 'aria-label': $slider.data('play-slide'),\n tabindex: '0',\n })\n .on('click', function () {\n $slider.removeAttr('data-pause');\n slider.accessibility.setSliderReadability($outerRoot, false);\n });\n $slider\n .find('.owl-pause')\n .attr({\n role: 'button',\n title: $slider.data('pause-slide'),\n 'aria-label': $slider.data('pause-slide'),\n tabindex: '0',\n })\n .on('click', function () {\n $slider.attr({'data-pause': 'true'});\n });\n },\n\n /**\n * Set attributes for slider based on active slide\n * This is only wrapper function to avoid necessity of finding slides in function call\n * @param {jQuery} $slider - jQuery object of Owl carousel container .owl-carousel\n * @public\n */\n slider: function ($slider) {\n this.slides($slider.find('.owl-item'));\n },\n\n /**\n * Set attributes for slides based on active slide and cloned slides\n * This is the main logic for handling accessibility visibility to be correctly read by screen readers, etc.\n * @param {jQuery} $slides - jQuery collection of slides\n * @public\n */\n slides: function ($slides) {\n // hide all\n this.slide($slides, 'hide');\n // disable cloned items to skip duplicate slides\n this.slide($slides.filter(':not(.active)'), 'disable');\n // enable clone in case it becomes active\n this.slide($slides.filter('.active'), 'enable');\n // show active\n this.slide($slides.filter('.active'));\n },\n\n setSliderReadability: function ($outerRoot, status) {\n $outerRoot.attr({\n 'aria-live': status ? 'polite' : 'off',\n });\n },\n\n /**\n * Handle one slide - mixed methods\n * @param {jQuery} $slide - collections of slides or one slide\n * @param {('show'|'hide'|'enable'|'disable')} [action] - available methods\n * @public\n */\n slide: function ($slide, action) {\n var actions = {\n /**\n * let screen readers know an item is active\n * set aria visible on active slide\n * @param {jQuery} $slide - collections of slides or one slide\n * @private\n */\n show: function ($slide) {\n $slide.attr('aria-current', 'true');\n $slide.attr('aria-hidden', 'false');\n },\n /**\n * set aria hidden on all slides\n * @param {jQuery} $slide - collections of slides or one slide\n * @private\n */\n hide: function ($slide) {\n $slide.attr('aria-current', 'false');\n $slide.attr('aria-hidden', 'true');\n },\n /**\n * enable tab index on in case it becomes active\n * @param {jQuery} $slide - collections of slides or one slide\n * @private\n */\n enable: function ($slide) {\n $slide.find('[data-was-tabbable]').removeAttr('tabindex').removeAttr('data-was-tabbable');\n },\n /**\n * disable tab index on items to skip duplicate slides in tab order\n * @param {jQuery} $slide - collections of slides or one slide\n * @private\n */\n disable: function ($slide) {\n $slide.find(':tabbable').attr('data-was-tabbable', true).attr('tabindex', '-1');\n },\n };\n\n // actions logic\n if (typeof action === 'string') {\n if (typeof actions[action] === 'undefined') {\n throw new TypeError('No method named \"' + action + '\" found.');\n }\n actions[action]($slide);\n } else if (actions.show) {\n // default action\n actions.show($slide);\n }\n },\n },\n get: {\n options: function ($element, pass) {\n slider.$slider = $element;\n slider.speed = slider.$slider.data('speed');\n slider.autoplay = slider.$slider.data('autoplay');\n slider.animation = slider.$slider.data('animation');\n slider.autoWidth = slider.set.autoWidth();\n if (slider.animation === 'fade') {\n slider.animation = 'fadeOut';\n } else if (slider.animation === 'slide') {\n slider.animation = '';\n } else if (slider.animation === 'none') {\n slider.animation = 'fadeOut';\n slider.speed = 0;\n }\n slider.items = slider.$slider.data('items');\n slider.stagePadding = slider.$slider.data('stagepadding');\n slider.set.responsive();\n slider.indicators = slider.$slider.data('indicators');\n slider.arrow = slider.$slider.data('arrow');\n slider.controls = slider.$slider.data('controls');\n slider.autoHeight = slider.set.autoHeight();\n slider.dotsEach =\n slider.$slider.data('dotseach') !== undefined ? slider.$slider.data('dotseach') : false;\n slider.lazyLoad = slider.$slider.closest('.lazyLoad-slides').length ? true : false;\n slider.center = slider.set.center();\n slider.margin = slider.set.margin();\n slider.transitionDuration = slider.set.transitionDuration();\n slider.linked = slider.set.linked();\n slider.navigationHelper = slider.$slider.data('navigationHelper');\n\n UX.slider.loop = UX.slider.$slider.data('loop');\n UX.slider.slideBy = UX.slider.$slider.data('slideby');\n\n slider.options = {\n rtl: UX.utils.isRTL(),\n center: slider.center,\n stagePadding: slider.stagePadding,\n loop: UX.slider.loop,\n items: slider.items,\n responsive: slider.responsive,\n autoplay: slider.autoplay,\n autoWidth: slider.autoWidth,\n animateOut: slider.animation,\n dots: slider.indicators,\n nav: slider.arrow,\n dotsEach: slider.dotsEach,\n slideBy: UX.slider.slideBy,\n autoHeight: slider.autoHeight,\n autoplayTimeout: slider.speed,\n autoplayHoverPause: slider.autoplay,\n navText: slider.navText,\n lazyLoad: slider.lazyLoad,\n margin: slider.margin,\n smartSpeed: slider.transitionDuration,\n linked: slider.linked,\n navigationHelper: slider.navigationHelper,\n onInitialize: function (event) {\n slider.on.sliderBeforeInit($(event.target));\n },\n onInitialized: function (event) {\n // allow slider accessibility\n slider.accessibility.setup(slider.$slider);\n\n slider.$slider.find('.owl-item.active').first().addClass('first');\n\n // set slides height to be equal\n slider.set.slidesHeight();\n slider.on.sliderInit($(event.target));\n },\n onLoadedLazy: function () {\n var onLoadedLazy = false;\n\n if (!onLoadedLazy) {\n slider.$slider.trigger('refresh.owl.carousel');\n onLoadedLazy = true;\n }\n },\n };\n\n slider.on.activate(slider.$slider, pass);\n\n if (slider.controls && config.enableSlideshowControls) { /*eslint-disable-line*/\n slider.on.buildControls(slider.$slider);\n }\n },\n responsiveData: function () {\n if (slider.$slider.data('responsive')) {\n return slider.$slider.data('responsive');\n } else {\n const responsiveData = slider.$slider.closest('.responsive-slider').data('responsive');\n if (responsiveData) {\n return responsiveData;\n }\n }\n return null;\n },\n },\n set: {\n responsive: function () {\n slider.responsive = slider.get.responsiveData();\n if (slider.responsive) {\n for (let key in slider.responsive) {\n switch (key) {\n case 'xsMin':\n slider.responsive[0] = slider.responsive[key];\n break;\n case 'smMin':\n slider.responsive[UX.grid.screenXs] = slider.responsive[key];\n break;\n case 'mdMin':\n slider.responsive[UX.grid.screenSm] = slider.responsive[key];\n break;\n case 'lgMin':\n slider.responsive[UX.grid.screenMd] = slider.responsive[key];\n break;\n case 'xlgMin':\n slider.responsive[UX.grid.screenLg] = slider.responsive[key];\n break;\n case 'xxlgMin':\n slider.responsive[UX.grid.screenXlg] = slider.responsive[key];\n break;\n }\n }\n }\n },\n autoHeight: function () {\n var autoHeight = slider.$slider.closest('.autoheight-slider').data('autoheight');\n if (autoHeight !== undefined) {\n return autoHeight;\n } else {\n return true;\n }\n },\n autoWidth: function () {\n return false;\n },\n center: function () {\n // if there is wrapper class 'center-slider' then set slider to be center\n return slider.$slider.closest('.center-slider').length > 0;\n },\n margin: function () {\n return 0;\n },\n linked: function () {\n return 0;\n },\n transitionDuration: function () {\n return 250;\n },\n slidesHeight: function () {\n if (slider.$slider.closest('.equal-height-slides').length) {\n //make all slide same height if slide container contains \".equal-height-slides\" class\n const sliderHeight = slider.$slider.height();\n if (sliderHeight > 0) {\n slider.$slider.find('.owl-item', '.slide-item').css('height', slider.$slider.height());\n slider.$slider.find('.slide-item').css('height', '100%');\n }\n }\n },\n },\n on: {\n destroy: function ($element) {\n if (slider.vPort.length > 0) {\n $element.each(function () {\n if (!$(this).hasClass('slide-removal')) {\n $(this).addClass('slide-removal').trigger('destroy.owl.carousel');\n $(this).find('.owl-stage-outer').children(':eq(0)').unwrap();\n }\n });\n }\n },\n activate: function ($element, pass) {\n slider.beforeInitSlider($element);\n\n if (pass || slider.vPort === 'always') {\n $element.owlCarousel(slider.options);\n if ($element.hasClass('slide-removal')) {\n $element.removeClass('slide-removal');\n }\n } else {\n if (!$element.hasClass('slide-removal')) {\n $element.addClass('slide-removal');\n }\n }\n },\n build: function () {\n $('.owl-carousel').each(function (index) {\n if (typeof $(this).closest('.viewport-slider').data('slider-vport') != 'undefined') {\n slider.vPort = $(this).closest('.viewport-slider').data('slider-vport');\n } else {\n slider.vPort = 'always';\n }\n slider.get.options($(this), false);\n\n $(this).on('changed.owl.carousel', function (e) {\n slider.on.changedSlide($(this), e);\n });\n\n $(this).on('translated.owl.carousel', function (e) {\n slider.on.translated($(this));\n });\n });\n },\n translated: function ($slider) {\n $slider.find('.owl-item').removeClass('first');\n $slider.find('.owl-item.active').first().addClass('first');\n },\n changedSlide: function ($slider, e) {\n if ($slider.find('.owl-item:not(.cloned)').last().hasClass('active')) {\n $slider.find('.owl-nav .owl-next').addClass('owl-nav-active');\n $slider.find('.owl-nav .owl-prev').removeClass('owl-nav-active');\n } else if ($('.owl-item:not(.cloned)').first().hasClass('active')) {\n $slider.find('.owl-nav .owl-prev').addClass('owl-nav-active');\n $slider.find('.owl-nav .owl-next').removeClass('owl-nav-active');\n }\n },\n rebuild: {\n responsive: function () {},\n },\n sliderInit: function ($slider) {},\n sliderBeforeInit: function ($slider) {},\n },\n\n cleanDuplicateID: function () {\n const clonedSlides = $('.owl-item.cloned');\n clonedSlides.each(function () {\n $(this)\n .find('[id]')\n .each(function () {\n const id = $(this).attr('id');\n if (id !== '') {\n $(this).attr('id', id + '-cloned');\n }\n });\n });\n },\n };\n\n if (config.enableSlideshowControls) { /*eslint-disable-line*/\n /**\n * Setup keyboard navigation for slider\n * @param {jQuery} $slider - jQuery object of Owl carousel container .owl-carousel\n * @param {jQuery} $outerRoot - jQuery object of Owl carousel .owl-stage-outer\n * @protected\n */\n slider.accessibility.keyboardControls = function ($slider, $outerRoot) {\n // Briefly hide navigation from screen readers when using left and right arrows to make it only read the content\n const hideNavigationFromReaders = navEl => {\n navEl.attr('aria-hidden', 'true').focus();\n setTimeout(() => {\n navEl.attr('aria-hidden', 'false');\n }, 500);\n };\n $slider.on('keydown', function (e) {\n slider.$slider = $(this);\n\n const $focusedElement = $(document.activeElement);\n let type = null;\n switch (e.which) {\n case 39:\n type = 'next';\n break;\n case 37:\n type = 'prev';\n break;\n case 13:\n type = 'enter';\n break;\n }\n\n // use left and right arrow keys to navigate\n if (type === 'next') {\n slider.$slider.trigger('next.owl.carousel');\n hideNavigationFromReaders($slider.find('.owl-next'));\n } else if (type === 'prev') {\n slider.$slider.trigger('prev.owl.carousel');\n hideNavigationFromReaders($slider.find('.owl-prev'));\n } else if (type === 'enter') {\n // if the prev and next buttons are focused, catch \"Enter\" and navigate in the right direction\n\n if ($focusedElement.hasClass('owl-next')) {\n e.preventDefault();\n slider.$slider.trigger('next.owl.carousel');\n } else if ($focusedElement.hasClass('owl-prev')) {\n e.preventDefault();\n slider.$slider.trigger('prev.owl.carousel');\n } else if (\n $focusedElement.hasClass('owl-dot') ||\n $focusedElement.hasClass('owl-play') ||\n $focusedElement.hasClass('owl-pause')\n ) {\n $focusedElement.trigger('click');\n }\n }\n });\n\n $slider.on('translate.owl.carousel', function (event) {\n $outerRoot.attr({\n 'aria-busy': true,\n });\n });\n\n $slider.on('translated.owl.carousel', function (event) {\n $outerRoot.attr({\n 'aria-busy': false,\n });\n\n slider.accessibility.slider($slider);\n });\n };\n\n slider.on.buildControls = function (elem) {\n const $owlContainer = elem.find('.owl-stage-outer');\n if (elem.find('.owl-controls').length === 0) {\n $owlContainer.after(\n ''\n );\n }\n slider.accessibility.controls(elem, $owlContainer);\n };\n }\n\n if (config.enableSlideshowAutoplay) { /*eslint-disable-line*/\n /**\n * Pause on focus if auto-play is enabled\n * @see aria-live documentation\n * @param {jQuery} $slider\n */\n slider.accessibility.handleAutoplay = function ($slider, $outerRoot) {\n var autoplay = $slider.data('autoplay');\n if (autoplay) {\n slider.accessibility.setSliderReadability($outerRoot, false);\n }\n\n $slider\n .bind('focusin', function (event) {\n slider.accessibility.setSliderReadability($outerRoot, true);\n $(this).trigger('stop.owl.autoplay');\n })\n .bind('focusout', function () {\n if (!$slider.data('pause') && autoplay) {\n $(this).trigger('play.owl.autoplay');\n }\n slider.accessibility.setSliderReadability($outerRoot, false);\n });\n };\n }\n\n if (config.enableSlideshowIndicator) { /*eslint-disable-line*/\n /**\n * Make dots navigation accessible\n * @param $slider\n */\n slider.accessibility.dots = function ($slider, $outerRoot) {\n $slider.find('.owl-dot').on('click', function () {\n /**\n * Solution for outlines here:\n *\n * Blur this, while we don't want to outline to be visible in this case\n * but we want to see outline when user cycle through page by tab key\n *\n * solution combined with CSS rule - to don't display outline, when mouse button is pressed\n * .owl-dot:active:focus {\n * outline: none;\n * }\n *\n */\n\n $(this).blur();\n $(this).trigger('stop.owl.autoplay');\n slider.accessibility.setSliderReadability($outerRoot, true);\n });\n };\n }\n UX.slider = slider; // add to global namespace\n\n /* if (window.PB && window.PB.$) {\n // make this module reinitialized in pageBuilder mode\n window.PB.$(document.documentElement).on(\"WidgetReinit.slider\", slider.init);\n }*/\n})();\n","/*\n * This script provides functionality for a slider which is to be navigated with some list of content. Where slider is\n * .js-showcase-showbox and the list of items that serve as navigation is .js-showcase-navigables.\n * Slider is managed by owl.carousel and the nav items functionality is built upon owl's api.\n *\n *\n * The navigation list as well as the owl slider requires to be hooked directly on list's container:\n *\n * E.g.:\n * .js-showcase-navigables\n * .item\n * .item\n * .item\n *\n * @TODO check on accessibility implementation once OWL's accessibility is implemented\n *\n * */\n(function () {\n var showcaseSlideshow = {\n selectors: {\n navigation: '.js-showcase-navigables',\n showbox: '.js-showcase-showbox',\n instance: '.js-showcase-slideshow',\n currentItemClass: 'js-showcase-current',\n },\n defaultOptions: {},\n instances: [],\n applyOptions: function (options, obj) {\n /* this allows to apply different options for each slider on the page */\n return options;\n },\n\n init: function (options) {\n /* slider behaviour can be customised here for all the sliders on the website */\n\n /*\n * Custom options structue:\n * {\n * navigationEvent: 'mouseover' || 'click' || ... ,\n * sliderOptions: {\n * [... Owl Slider Options]\n * }\n * }\n *\n * */\n\n showcaseSlideshow.defaultOptions = typeof options === 'object' ? options : {};\n const instances = $(showcaseSlideshow.selectors.instance);\n\n if (typeof $.fn.owlCarousel === 'function' && instances.length) {\n instances.each(function (i, o) {\n showcaseSlideshow.initInstance(o, showcaseSlideshow.defaultOptions);\n });\n }\n },\n initInstance(element, options) {\n let instance = $(element),\n singularOptions = options;\n\n if (typeof options === 'undefined') {\n options = showcaseSlideshow.defaultOptions;\n }\n\n if (typeof showcaseSlideshow.applyOptions === 'function') {\n /* Different options can be applied for each slider by rewriting the callback */\n // cloning options from the source for each slider instance to prevent any unintentional modifications\n singularOptions = showcaseSlideshow.applyOptions($.extend(true, {}, options), instance);\n }\n\n showcaseSlideshow.initNavigation(\n instance,\n singularOptions\n ); /* The order of initiation is important. Navigation has to be created before slider init. */\n\n let sliderOptions = typeof singularOptions.sliderOptions === 'object' ? singularOptions.sliderOptions : {}; // extracting slider options from common options array\n showcaseSlideshow.initShowbox(instance, sliderOptions);\n\n showcaseSlideshow.instances.push(instance);\n },\n initNavigation: function (instance, options) {\n var event = typeof options !== 'undefined' && !!options.navigationEvent ? options.navigationEvent : 'click'; // default event is click\n instance.showboxNavigation = instance.find(showcaseSlideshow.selectors.navigation);\n instance.showboxNavigation.children().on(event + '.showcaseSlideshow', function (e) {\n /* @TODO allow event type customisation */\n var item = instance.showboxNavigation.children().index(this);\n instance.showbox.trigger('to.owl.carousel', [item]); // what is the default speed?\n });\n\n instance.showboxNavigation.on(event, 'a', function (e) {\n // that's mostly for those content elements that come to us as html and we cant set it up without anchors. Like the authors.\n e.preventDefault();\n });\n },\n initShowbox: function (instance, customOptions) {\n var defaultOptions = {\n navigation: true, // Show next and prev buttons\n items: 1,\n singleItem: true,\n loop: true, // When loop is on owl carousel gives incorrect indexes\n margin: 0,\n transitionStyle: 'fade',\n dots: false,\n // autoWidth: true,\n onChanged: function (e) {\n if (e.property.name === 'position') showcaseSlideshow.onChangeNavCurrentItem(e, instance); // pass the data of\n },\n onInitialized: function () {\n showcaseSlideshow.setNavCurrentItem(instance);\n showcaseSlideshow.initNavigationArrows(instance);\n },\n },\n options = $.extend({}, defaultOptions, customOptions);\n instance.showbox = instance\n .find(showcaseSlideshow.selectors.showbox)\n .addClass('owl-carousel')\n .owlCarousel(options);\n },\n\n setNavCurrentItem: function (instance) {\n /* @TODO check if an initialization with a preset position is possible, implement support if this is the case */\n if (typeof instance.showboxNavigation !== 'undefined')\n instance.showboxNavigation.children().eq(0).addClass(showcaseSlideshow.selectors.currentItemClass);\n else {\n console.log('No navigation was passed.');\n }\n },\n\n onChangeNavCurrentItem: function (e, instance) {\n var items = instance.find(showcaseSlideshow.selectors.navigation).children(),\n settings = instance.showbox.data('owl.carousel'), // accessing setting of the owl carousel\n order = 0; // default active item\n\n if (settings.options.loop === true) {\n const normalOrder = e.item.index - e.relatedTarget.clones().length / 2; // fix for the enabled loop in the owl settings\n order = normalOrder === e.item.count ? 0 : normalOrder; // if index of items is one too many it means we are back on the start\n } else {\n order = e.property.value;\n }\n\n const currentItem = items\n .removeClass(showcaseSlideshow.selectors.currentItemClass)\n .eq(order)\n .addClass(showcaseSlideshow.selectors.currentItemClass);\n\n /* @TODO implement scroll control with modules options */\n showcaseSlideshow.maybeScrollTo(currentItem);\n\n /* As can be seen above items should follow immediately without any subcontainers.\n That is to allow no specific selectors but just children usage for a wider application of the script\n */\n },\n\n maybeScrollTo: function (item) {\n var position = item.position(),\n parent = item.parent(),\n to = false;\n\n if (Math.ceil(position.top) >= parent.height() || position.top + item.outerHeight() > parent.height()) {\n /* the item is down below the fold */\n to = parent.scrollTop() + position.top + item.outerHeight() - parent.height();\n } else if (position.top < 0) {\n /* the item is up above the fold */\n to = parent.scrollTop() + position.top;\n }\n\n if (to !== false) {\n parent.animate({\n scrollTop: to,\n });\n }\n /*\n check if the item's in visible range if not manipulate scroll so the item will appear at the closest edge to its relative position\n */\n },\n\n initNavigationArrows: function (instance, prevSelector, nextSelector) {\n /* custom arrows can be passed and customised */\n var prevArrow =\n typeof prevSelector !== 'undefined'\n ? instance.find(prevSelector)\n : instance.find('.js-showcase-prev'),\n nextArrow =\n typeof nextSelector !== 'undefined'\n ? instance.find(nextSelector)\n : instance.find('.js-showcase-next');\n\n prevArrow.on('click.showcaseSlideshow', function (e) {\n e.preventDefault();\n instance.showbox.trigger('prev.owl.carousel');\n });\n\n nextArrow.on('click.showcaseSlideshow', function (e) {\n e.preventDefault();\n instance.showbox.trigger('next.owl.carousel');\n });\n },\n };\n\n UX.showcaseSlideshow = showcaseSlideshow;\n})();\n","import 'ui-core/widgets/slideshow/js/slideshow';\n(function () {\n var slider = UX.slider;\n\n slider.set.autoHeight = function () {\n var autoHeight = slider.$slider.closest('.autoheight-slider').data('autoheight');\n if (autoHeight !== undefined) {\n return autoHeight;\n } else {\n return false;\n }\n };\n\n //Todo add pagination slider on UX3 level\n slider.additionalControls = function () {\n const PAGINATION_SIZE = 7;\n\n $('.owl-carousel').each(function () {\n if ($(this).parents('.has-numeric-pagination').length) {\n const pagination_size = $(this).find('.owl-dots .owl-dot').length;\n let $owldots = $(this).find('.owl-dots');\n $owldots.wrap('');\n if (pagination_size > PAGINATION_SIZE) {\n $owldots.before(\n \"\"\n );\n $owldots.after(\n \"\"\n );\n }\n\n $('.has-numeric-pagination').delegate('.owl-pagination-next', 'click', function () {\n const dots = $(this).prev('.owl-dots');\n const currently_active_item = dots.find('.owl-dot.active').index();\n\n if (\n currently_active_item < pagination_size - 1 &&\n dots.prev('.owl-pagination-prev').hasClass('disabled')\n ) {\n $('.owl-next').trigger('click');\n dots.prev('.owl-pagination-prev').removeClass('disabled');\n dots.next('.owl-pagination-next').focus();\n } else if (currently_active_item === pagination_size - 2) {\n $('.owl-next').trigger('click');\n dots.next('.owl-pagination-next').addClass('disabled');\n } else if (currently_active_item < pagination_size - 1) {\n $('.owl-next').trigger('click');\n dots.next('.owl-pagination-next').focus();\n }\n });\n\n $('.has-numeric-pagination').delegate('.owl-pagination-prev', 'click', function () {\n const dots = $(this).next('.owl-dots');\n const currently_active_item = dots.find('.owl-dot.active').index();\n\n if (currently_active_item > 0 && dots.next('.owl-pagination-next').hasClass('disabled')) {\n $('.owl-prev').trigger('click');\n dots.next('.owl-pagination-next').removeClass('disabled');\n dots.prev('.owl-pagination-prev').focus();\n } else if (currently_active_item === 1) {\n $('.owl-prev').trigger('click');\n dots.prev('.owl-pagination-prev').addClass('disabled');\n } else if (currently_active_item > 0) {\n $('.owl-prev').trigger('click');\n dots.prev('.owl-pagination-prev').focus();\n }\n });\n }\n });\n };\n})();\n","import 'ui-core/widgets/slideshow/js/showcase-slideshow';\nUX.showcaseSlideshow.defaultOptions = {\n navigationEvent: 'mouseover',\n sliderOptions: {\n responsive: {\n 0: {\n autoHeight: true,\n },\n 768: {\n autoHeight: false,\n },\n },\n },\n};\n\nconst init = UX.showcaseSlideshow.init;\nUX.showcaseSlideshow.init = options => {\n if (typeof options === 'object') {\n options = {...UX.showcaseSlideshow.defaultOptions, ...options};\n } else {\n options = UX.showcaseSlideshow.defaultOptions;\n }\n\n init(options);\n};\n","\n import '/mnt/ssd/na101/home/literatum/sourcegit/ui-products-branches/maint-250204-c9c27144/ui-products/cabi/node_modules/ui-core/plugins/owl-carousel/js/owl.carousel.min';\n \nimport '/mnt/ssd/na101/home/literatum/sourcegit/ui-products-branches/maint-250204-c9c27144/ui-products/cabi/node_modules/ui-theme/widgets/slideshow/js/slideshow';\n \nimport '/mnt/ssd/na101/home/literatum/sourcegit/ui-products-branches/maint-250204-c9c27144/ui-products/cabi/node_modules/ui-theme/widgets/slideshow/js/showcase-slideshow';\n \nconst main = (UX) => {\n const $slider = Array.prototype.slice.call(document.querySelectorAll('.slideshow,.slideShow')),\n $showcaseSlideshow = Array.prototype.slice.call(document.getElementsByClassName('js-showcase-slideshow'))\n\ntry {\n if ($slider.length ) {\n UX.slider.init($slider);\n }\n } catch (err) {\n console.error(err);\n }\n \ntry {\n if ($showcaseSlideshow.length ) {\n UX.showcaseSlideshow.init($showcaseSlideshow);\n }\n } catch (err) {\n console.error(err);\n }\n \n}\n\n export default main;\n "],"sourceRoot":""}