This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.
`\r\n );\r\n\r\n const submitInput = document.createElement('button');\r\n submitInput.type = 'submit';\r\n submitInput.style.cssText = 'display: none;';\r\n\r\n button.insertAdjacentElement('afterend', submitInput);\r\n\r\n const tokenInput = document.createElement('input');\r\n tokenInput.type = 'textarea';\r\n tokenInput.name = 'g-recaptcha-response';\r\n tokenInput.id = 'g-recaptcha-response';\r\n tokenInput.style.display = 'none';\r\n\r\n const parentForm = Recaptcha.findParentByTag(button, 'FORM');\r\n parentForm.appendChild(tokenInput);\r\n\r\n button.addEventListener('click', async e => {\r\n e.preventDefault();\r\n const hasParsley = parentForm.classList.contains('js-parsley-form');\r\n\r\n if (hasParsley) {\r\n $(parentForm)\r\n .parsley()\r\n .validate();\r\n }\r\n if (!parentForm.checkValidity()) {\r\n submitInput.click();\r\n return;\r\n }\r\n if (\r\n hasParsley &&\r\n !$(parentForm)\r\n .parsley()\r\n .isValid()\r\n )\r\n return;\r\n\r\n grecaptcha.ready(() => {\r\n grecaptcha.execute(key, { action: 'backendtoken' }).then(token => {\r\n tokenInput.value = token;\r\n submitInput.click();\r\n });\r\n });\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport default Recaptcha;\r\n","class AddressLookup {\r\n constructor(config) {\r\n this.config = {\r\n forms: document.querySelectorAll('[data-module=\"geolocate\"]')\r\n };\r\n if (\r\n config &&\r\n typeof config === 'object' &&\r\n config.constructor === Object &&\r\n Object.getOwnPropertyNames(config).length !== 0\r\n ) {\r\n Object.keys(config).forEach(key => {\r\n this.config[key] = config[key];\r\n });\r\n }\r\n }\r\n\r\n init() {\r\n if (this.config.forms.length > 0) {\r\n this.config.forms.forEach(form => {\r\n form.addEventListener('blur', AddressLookup.resolveLocation, true);\r\n });\r\n }\r\n }\r\n\r\n static resolveLocation(event) {\r\n const { form } = event.target;\r\n\r\n if (!event.target.getAttribute('name')) {\r\n return;\r\n }\r\n\r\n const targetInput = event.target.getAttribute('name').toLowerCase();\r\n\r\n if (targetInput !== 'housenumber' && targetInput !== 'postalcode') return;\r\n\r\n const tempEl =\r\n targetInput === 'housenumber'\r\n ? form.elements.namedItem('postalCode')\r\n : form.elements.namedItem('houseNumber');\r\n\r\n if (!tempEl) return;\r\n\r\n if (event.target.value.length > 0 && tempEl.value.length > 0) {\r\n const cbName = `jsonp_callback_${Math.floor(10000 * Math.random())}`;\r\n const script = document.createElement('script');\r\n window[cbName] = data => {\r\n delete window[cbName];\r\n document.body.removeChild(script);\r\n if (data !== null && data.constructor === Object) {\r\n const street = form.elements.namedItem('street');\r\n if (street) {\r\n street.value = data.Street;\r\n }\r\n const city = form.elements.namedItem('city');\r\n if (city) {\r\n city.value = data.City;\r\n }\r\n }\r\n };\r\n script.src = `https://api.pangaea.nl/api/GeoEncoding?${\r\n targetInput === 'postalCode'\r\n ? `postalCode=${form.value}&houseNumber=${tempEl.value}`\r\n : `postalCode=${tempEl.value}&houseNumber=${form.value}`\r\n }&callback=${cbName}`;\r\n\r\n document.body.appendChild(script);\r\n }\r\n }\r\n}\r\n\r\nexport default AddressLookup;\r\n","class Sticky {\r\n constructor(options = {}) {\r\n this.config = {\r\n velocity: 0,\r\n ...options\r\n };\r\n }\r\n\r\n init() {\r\n this.checkScrollPosition();\r\n window.addEventListener('scroll', this.checkScrollPosition.bind(this));\r\n }\r\n\r\n checkScrollPosition() {\r\n const { velocity } = this.config;\r\n\r\n if (window.pageYOffset >= velocity) {\r\n document.body.classList.add('is-sticky');\r\n } else {\r\n document.body.classList.remove('is-sticky');\r\n }\r\n }\r\n}\r\n\r\nexport default Sticky;\r\n","/* global lightGallery */\r\nimport 'lightgallery.js';\r\n\r\n// Light gallery submodules: remove one or more to disable\r\nimport 'lg-thumbnail.js';\r\nimport 'lg-autoplay.js';\r\nimport 'lg-video.js';\r\nimport 'lg-fullscreen.js';\r\nimport 'lg-pager.js';\r\nimport 'lg-zoom.js';\r\nimport 'lg-hash.js';\r\nimport 'lg-share.js';\r\n\r\nclass LightGallery {\r\n constructor(options = {}) {\r\n this.config = {\r\n moduleList: document.querySelectorAll('[data-module=\"LightGallery\"]'),\r\n ...options\r\n };\r\n }\r\n\r\n init() {\r\n const { moduleList } = this.config;\r\n\r\n moduleList.forEach(module => {\r\n lightGallery(module, {\r\n selector: '.js-lightgallery-item'\r\n });\r\n });\r\n }\r\n}\r\n\r\nexport default LightGallery;\r\n","import getScrollbarWidth from '../helpers/scrollbar-width';\r\n\r\nclass MenuToggle {\r\n constructor(options = {}) {\r\n this.config = {\r\n rootModule: document.querySelector('[data-module=\"Header\"]'),\r\n module: document.querySelector('[data-module=\"MenuToggle\"]'),\r\n menuModals: document.querySelectorAll('[data-module=\"MenuModal\"]'),\r\n modalTriggers: document.querySelectorAll('[href^=\"#menuModal=\"]'),\r\n ...options\r\n };\r\n }\r\n\r\n init() {\r\n const { module, modalTriggers } = this.config;\r\n\r\n if (!module) {\r\n return;\r\n }\r\n\r\n module.addEventListener('click', this.toggleMenu.bind(this));\r\n window.addEventListener('resize', this.reset.bind(this));\r\n\r\n modalTriggers.forEach(trigger =>\r\n trigger.addEventListener('click', this.triggerModal.bind(this))\r\n );\r\n }\r\n\r\n destroy() {\r\n const { module, modalTriggers } = this.config;\r\n\r\n this.reset();\r\n module.removeEventListener('click', this.toggleMenu.bind(this));\r\n window.removeEventListener('resize', this.reset.bind(this));\r\n\r\n modalTriggers.forEach(trigger =>\r\n trigger.removeEventListener('click', this.triggerModal.bind(this))\r\n );\r\n }\r\n\r\n toggleAnimationState() {\r\n this.isAnimating = !this.isAnimating;\r\n }\r\n\r\n toggleMenu(e) {\r\n e.preventDefault();\r\n this.toggle('menu', e.currentTarget.classList.contains('is-open'));\r\n }\r\n\r\n triggerModal(e) {\r\n const modalId = e.currentTarget.getAttribute('href').split('#menuModal=')[1];\r\n e.preventDefault();\r\n this.toggle(modalId);\r\n }\r\n\r\n async toggle(modalId, forceClose) {\r\n const { menuModals } = this.config;\r\n const modalList = Array.from(menuModals);\r\n const menuModal = modalList.find(modal => modal.dataset.modalId === modalId);\r\n const openModal = modalList.find(modal => !!modal.classList.contains('is-open'));\r\n\r\n if (this.isAnimating || !menuModal) {\r\n return;\r\n }\r\n\r\n if (forceClose) {\r\n this.animateModal(openModal);\r\n } else if (openModal && openModal !== menuModal) {\r\n await this.animateModal(openModal);\r\n this.animateModal(menuModal);\r\n } else {\r\n this.animateModal(menuModal);\r\n }\r\n }\r\n\r\n animateModal(menuModal) {\r\n const { module } = this.config;\r\n\r\n return new Promise(resolve => {\r\n this.toggleAnimationState();\r\n menuModal.classList.toggle('is-open');\r\n\r\n if (module.classList.contains('is-open')) {\r\n module.classList.replace('is-open', 'is-half-open');\r\n setTimeout(() => {\r\n module.classList.remove('is-half-open');\r\n document.body.style.paddingRight = '';\r\n document.body.style.overflow = '';\r\n }, 250);\r\n } else {\r\n module.classList.add('is-half-open');\r\n setTimeout(() => {\r\n module.classList.replace('is-half-open', 'is-open');\r\n document.body.style.paddingRight = `${getScrollbarWidth()}px`;\r\n document.body.style.overflow = 'hidden';\r\n }, 250);\r\n }\r\n\r\n setTimeout(() => {\r\n this.toggleAnimationState();\r\n resolve();\r\n }, 500);\r\n });\r\n }\r\n\r\n reset() {\r\n const { module, menuModals } = this.config;\r\n\r\n [module, ...menuModals].forEach(el => el.classList.remove('is-open'));\r\n document.body.style.paddingRight = '';\r\n document.body.style.overflow = '';\r\n }\r\n}\r\n\r\nexport default MenuToggle;\r\n","export default () => window.innerWidth - document.documentElement.clientWidth;\r\n","import getSiblings from '../helpers/siblings';\r\n\r\nclass SubmenuToggle {\r\n constructor(options = {}) {\r\n this.config = {\r\n rootModule: document.querySelector('[data-module=\"Header\"]'),\r\n module: document.querySelectorAll('[data-module=\"SubmenuToggle\"]'),\r\n menus: document.querySelectorAll('[data-module=\"Menu\"]'),\r\n desktopMenuBreakpoint: 992,\r\n openUrlOnToggle: false,\r\n ...options\r\n };\r\n }\r\n\r\n get isDesktopMenu() {\r\n return window.innerWidth >= this.config.desktopMenuBreakpoint;\r\n }\r\n\r\n init() {\r\n const { module, menus } = this.config;\r\n\r\n if (!module.length || !menus.length) {\r\n return;\r\n }\r\n\r\n module.forEach(submenuToggle => {\r\n const parent = submenuToggle.parentNode;\r\n\r\n submenuToggle.addEventListener('touchend', this.toggle.bind(this));\r\n submenuToggle.addEventListener('click', this.toggle.bind(this));\r\n parent.addEventListener('mouseover', this.open.bind(this));\r\n parent.addEventListener('mouseout', this.close.bind(this));\r\n });\r\n\r\n window.addEventListener('resize', this.reset.bind(this));\r\n document.addEventListener('click', this.onDocumentClick.bind(this));\r\n }\r\n\r\n destroy() {\r\n const { module } = this.config;\r\n\r\n this.reset();\r\n\r\n module.forEach(submenuToggle => {\r\n const parent = submenuToggle.parentNode;\r\n\r\n submenuToggle.removeEventListener('touchend', this.toggle.bind(this));\r\n submenuToggle.removeEventListener('click', this.toggle.bind(this));\r\n parent.removeEventListener('mouseover', this.open.bind(this));\r\n parent.removeEventListener('mouseout', this.close.bind(this));\r\n });\r\n\r\n window.removeEventListener('resize', this.reset.bind(this));\r\n document.removeEventListener('click', this.onDocumentClick.bind(this));\r\n }\r\n\r\n getMenu(el) {\r\n if (el === this.config.rootModule) {\r\n return null;\r\n }\r\n\r\n if (el.dataset.module && el.dataset.module === 'Menu') {\r\n return el;\r\n }\r\n\r\n return this.getMenu(el.parentNode);\r\n }\r\n\r\n onDocumentClick(e) {\r\n const { module, menus } = this.config;\r\n\r\n let normalLinks = [];\r\n\r\n menus.forEach(menu => {\r\n normalLinks = [\r\n ...normalLinks,\r\n ...menu.querySelectorAll('a:not([data-module=\"SubmenuToggle\"])')\r\n ];\r\n });\r\n\r\n if (\r\n !Array.from(module).find(submenuToggle => submenuToggle === e.target) &&\r\n !Array.from(normalLinks).find(normalLink => normalLink === e.target)\r\n ) {\r\n module.forEach(submenuToggle => submenuToggle.parentNode.classList.remove('is-open'));\r\n }\r\n }\r\n\r\n reset() {\r\n const { module } = this.config;\r\n\r\n module.forEach(submenuToggle => submenuToggle.parentNode.classList.remove('is-open'));\r\n }\r\n\r\n toggle(e) {\r\n const { menus, openUrlOnToggle } = this.config;\r\n const parent = e.target.parentNode;\r\n\r\n e.preventDefault();\r\n\r\n if (e.target.dataset.hasNestedSubmenu) {\r\n e.stopPropagation();\r\n }\r\n\r\n if (\r\n parent.classList.contains('is-open') &&\r\n openUrlOnToggle &&\r\n e.target.dataset.disableUrl === undefined\r\n ) {\r\n window.open(e.target.getAttribute('href'), e.target.getAttribute('target') || '_self');\r\n }\r\n\r\n parent.classList.toggle('is-open');\r\n parent.querySelectorAll('.is-open').forEach(child => child.classList.remove('is-open'));\r\n\r\n getSiblings(parent).forEach(sibling => {\r\n sibling.classList.remove('is-open');\r\n sibling.querySelectorAll('.is-open').forEach(child => child.classList.remove('is-open'));\r\n });\r\n\r\n menus.forEach(menu => {\r\n if (menu !== this.getMenu(e.target)) {\r\n menu.querySelectorAll('.is-open').forEach(el => el.classList.remove('is-open'));\r\n }\r\n });\r\n }\r\n\r\n open(e) {\r\n if (this.isDesktopMenu) {\r\n e.preventDefault();\r\n e.currentTarget.classList.add('is-open');\r\n }\r\n }\r\n\r\n close(e) {\r\n if (this.isDesktopMenu) {\r\n e.preventDefault();\r\n e.currentTarget.classList.remove('is-open');\r\n }\r\n }\r\n}\r\n\r\nexport default SubmenuToggle;\r\n","export default el => {\r\n const siblings = [];\r\n let sibling = el.parentNode.firstChild;\r\n\r\n while (sibling) {\r\n if (sibling.nodeType === 1 && sibling !== el) {\r\n siblings.push(sibling);\r\n }\r\n\r\n sibling = sibling.nextSibling;\r\n }\r\n\r\n return siblings;\r\n};\r\n","import MenuToggle from './components/menu-toggle';\r\nimport SubmenuToggle from './components/submenu-toggle';\r\n\r\nclass Header {\r\n constructor(options = {}) {\r\n this.config = {\r\n module: document.querySelector('[data-module=\"Header\"]'),\r\n menuToggle: new MenuToggle(options),\r\n submenuToggle: new SubmenuToggle(options),\r\n ...options\r\n };\r\n }\r\n\r\n init() {\r\n const { module, menuToggle, submenuToggle } = this.config;\r\n\r\n if (!module) {\r\n return;\r\n }\r\n\r\n menuToggle.init();\r\n submenuToggle.init();\r\n\r\n this.disableTransitions();\r\n\r\n window.addEventListener('resize', this.disableTransitions.bind(this));\r\n }\r\n\r\n destroy() {\r\n const { menuToggle, submenuToggle } = this.config;\r\n\r\n menuToggle.destroy();\r\n submenuToggle.destroy();\r\n\r\n this.disableTransitions();\r\n\r\n window.removeEventListener('resize', this.disableTransitions.bind(this));\r\n }\r\n\r\n disableTransitions() {\r\n const { module } = this.config;\r\n\r\n module.classList.add('no-transition');\r\n setTimeout(() => module.classList.remove('no-transition'));\r\n }\r\n}\r\n\r\nexport default Header;\r\n","export const getNextDate = date => new Date(date.getTime() + 24 * 60 * 60 * 1000);\r\n\r\nexport default null;\r\n","import flatpickr from 'flatpickr';\r\nimport locales from 'flatpickr/dist/l10n';\r\nimport { getNextDate } from './utils';\r\n\r\nclass Bookingmask {\r\n constructor(options = {}) {\r\n this.config = {\r\n module: document.querySelectorAll('[data-module=\"Bookingmask\"]'),\r\n displayFormat: 'd/m/Y',\r\n dateFormat: 'd-m-Y',\r\n datepickerType: 'separate',\r\n disableMobile: false,\r\n locale: document.getElementsByTagName('html')[0].getAttribute('lang') || navigator.language,\r\n ...options\r\n };\r\n }\r\n\r\n init() {\r\n const {\r\n module,\r\n displayFormat,\r\n dateFormat,\r\n datepickerType,\r\n locale,\r\n disableMobile\r\n } = this.config;\r\n\r\n module.forEach(bookingmask => {\r\n const checkInDisplay = bookingmask.querySelector('[data-module=\"CheckInDisplay\"]');\r\n const checkInInput = bookingmask.querySelector('[data-module=\"CheckInInput\"]');\r\n const checkOutDisplay = bookingmask.querySelector('[data-module=\"CheckOutDisplay\"]');\r\n const checkOutInput = bookingmask.querySelector('[data-module=\"CheckOutInput\"]');\r\n const dateRangeTrigger = bookingmask.querySelector('[data-module=\"DateRangeTrigger\"]');\r\n const today = new Date();\r\n const tomorrow = getNextDate(today);\r\n\r\n const setCheckInDate = (date, instance) => {\r\n if (!date || !instance) {\r\n return;\r\n }\r\n checkInDisplay.value = instance.formatDate(date, displayFormat);\r\n checkInInput.value = instance.formatDate(date, dateFormat);\r\n };\r\n\r\n const setCheckOutRangeDate = (dates, instance) => {\r\n if (!dates || !instance) {\r\n return;\r\n }\r\n const newCheckOutDate = dates[1] || getNextDate(dates[0]);\r\n checkOutDisplay.value = instance.formatDate(newCheckOutDate, displayFormat);\r\n checkOutInput.value = instance.formatDate(newCheckOutDate, dateFormat);\r\n };\r\n\r\n const setCheckoutDateSeparate = (date, instance) => {\r\n if (!date || !instance) {\r\n return;\r\n }\r\n checkOutDisplay.value = instance.formatDate(date, displayFormat);\r\n checkOutInput.value = instance.formatDate(date, dateFormat);\r\n };\r\n\r\n const onRangeDateChange = (dates, dateStr, instance) => {\r\n setCheckInDate(dates[0], instance);\r\n setCheckOutRangeDate(dates, instance);\r\n };\r\n\r\n const flatPickrOpts = {\r\n dateFormat: displayFormat,\r\n minDate: Date.now(),\r\n disableMobile,\r\n locale: {\r\n ...locales[locale]\r\n },\r\n clickOpens: false\r\n };\r\n\r\n if (checkInDisplay && checkInInput) {\r\n if (checkOutDisplay && checkOutInput) {\r\n if (datepickerType === 'range') {\r\n /**\r\n * Range datepicker\r\n */\r\n flatpickr(checkInDisplay, {\r\n ...flatPickrOpts,\r\n defaultDate: [today, tomorrow],\r\n mode: 'range',\r\n onReady: (selectedDates, dateStr, instance) => {\r\n onRangeDateChange(selectedDates, dateStr, instance);\r\n\r\n if (dateRangeTrigger) {\r\n dateRangeTrigger.addEventListener('click', () => {\r\n instance.toggle();\r\n });\r\n }\r\n },\r\n onOpen: (selectedDates, dateStr, instance) => {\r\n if (!selectedDates.length) {\r\n const inputDates = [\r\n instance.parseDate(checkInInput.value, dateFormat),\r\n instance.parseDate(checkOutInput.value, dateFormat)\r\n ];\r\n instance.setDate(inputDates);\r\n onRangeDateChange(inputDates, dateStr, instance);\r\n }\r\n },\r\n onChange: onRangeDateChange,\r\n onValueUpdate: onRangeDateChange,\r\n onClose: (selectedDates, dateStr, instances) => {\r\n setTimeout(() => onRangeDateChange(selectedDates, dateStr, instances));\r\n }\r\n });\r\n } else {\r\n /**\r\n * Separate datepickers\r\n */\r\n flatpickr(checkInDisplay, {\r\n ...flatPickrOpts,\r\n defaultDate: today,\r\n onReady: (selectedDates, dateStr, instance) => {\r\n setCheckInDate(today, instance);\r\n\r\n checkInDisplay.addEventListener('click', () => {\r\n instance.toggle();\r\n });\r\n },\r\n onChange: (selectedDates, dateStr, instance) => {\r\n const checkInDate = selectedDates[0];\r\n // eslint-disable-next-line no-underscore-dangle\r\n const checkOutInstance = checkOutDisplay._flatpickr;\r\n const checkOutDate = checkOutInstance.selectedDates[0];\r\n const nextDate = getNextDate(checkInDate);\r\n\r\n setCheckInDate(checkInDate, instance);\r\n\r\n checkOutInstance.set('minDate', nextDate);\r\n\r\n if (checkInDate >= checkOutDate) {\r\n checkOutInstance.setDate(nextDate);\r\n setCheckoutDateSeparate(nextDate, checkOutInstance);\r\n }\r\n }\r\n });\r\n\r\n flatpickr(checkOutDisplay, {\r\n ...flatPickrOpts,\r\n defaultDate: tomorrow,\r\n onReady: (selectedDates, dateStr, instance) => {\r\n setCheckoutDateSeparate(selectedDates[0], instance);\r\n instance.set('minDate', selectedDates[0]);\r\n\r\n checkOutDisplay.addEventListener('click', () => {\r\n instance.toggle();\r\n });\r\n },\r\n onChange: (selectedDates, dateStr, instance) => {\r\n setCheckoutDateSeparate(selectedDates[0], instance);\r\n }\r\n });\r\n }\r\n } else {\r\n /**\r\n * Single datepicker\r\n */\r\n flatpickr(checkInDisplay, {\r\n ...flatPickrOpts,\r\n defaultDate: new Date(),\r\n onReady: (selectedDates, dateStr, instance) => {\r\n setCheckInDate(selectedDates[0], instance);\r\n checkInDisplay.addEventListener('click', () => {\r\n instance.toggle();\r\n });\r\n },\r\n onChange: (selectedDates, dateStr, instance) => {\r\n setCheckInDate(selectedDates[0], instance);\r\n }\r\n });\r\n }\r\n }\r\n });\r\n }\r\n}\r\n\r\nexport default Bookingmask;\r\n","module.exports = function(module) {\n\tif (!module.webpackPolyfill) {\n\t\tmodule.deprecate = function() {};\n\t\tmodule.paths = [];\n\t\t// module.parent = undefined by default\n\t\tif (!module.children) module.children = [];\n\t\tObject.defineProperty(module, \"loaded\", {\n\t\t\tenumerable: true,\n\t\t\tget: function() {\n\t\t\t\treturn module.l;\n\t\t\t}\n\t\t});\n\t\tObject.defineProperty(module, \"id\", {\n\t\t\tenumerable: true,\n\t\t\tget: function() {\n\t\t\t\treturn module.i;\n\t\t\t}\n\t\t});\n\t\tmodule.webpackPolyfill = 1;\n\t}\n\treturn module;\n};\n","// Unobtrusive Ajax support library for jQuery\n// Copyright (c) .NET Foundation. All rights reserved.\n// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.\n// @version v3.2.6\n// \n// Microsoft grants you the right to use these script files for the sole\n// purpose of either: (i) interacting through your browser with the Microsoft\n// website or online service, subject to the applicable licensing or use\n// terms; or (ii) using the files as included with a Microsoft product subject\n// to that product's license terms. Microsoft reserves all other rights to the\n// files not expressly granted by Microsoft, whether by implication, estoppel\n// or otherwise. Insofar as a script file is dual licensed under GPL,\n// Microsoft neither took the code under GPL nor distributes it thereunder but\n// under the terms set out in this paragraph. All notices and licenses\n// below are for informational purposes only.\n\n/*jslint white: true, browser: true, onevar: true, undef: true, nomen: true, eqeqeq: true, plusplus: true, bitwise: true, regexp: true, newcap: true, immed: true, strict: false */\n/*global window: false, jQuery: false */\n\n(function ($) {\n var data_click = \"unobtrusiveAjaxClick\",\n data_target = \"unobtrusiveAjaxClickTarget\",\n data_validation = \"unobtrusiveValidation\";\n\n function getFunction(code, argNames) {\n var fn = window, parts = (code || \"\").split(\".\");\n while (fn && parts.length) {\n fn = fn[parts.shift()];\n }\n if (typeof (fn) === \"function\") {\n return fn;\n }\n argNames.push(code);\n return Function.constructor.apply(null, argNames);\n }\n\n function isMethodProxySafe(method) {\n return method === \"GET\" || method === \"POST\";\n }\n\n function asyncOnBeforeSend(xhr, method) {\n if (!isMethodProxySafe(method)) {\n xhr.setRequestHeader(\"X-HTTP-Method-Override\", method);\n }\n }\n\n function asyncOnSuccess(element, data, contentType) {\n var mode;\n\n if (contentType.indexOf(\"application/x-javascript\") !== -1) { // jQuery already executes JavaScript for us\n return;\n }\n\n mode = (element.getAttribute(\"data-ajax-mode\") || \"\").toUpperCase();\n $(element.getAttribute(\"data-ajax-update\")).each(function (i, update) {\n var top;\n\n switch (mode) {\n case \"BEFORE\":\n $(update).prepend(data);\n break;\n case \"AFTER\":\n $(update).append(data);\n break;\n case \"REPLACE-WITH\":\n $(update).replaceWith(data);\n break;\n default:\n $(update).html(data);\n break;\n }\n });\n }\n\n function asyncRequest(element, options) {\n var confirm, loading, method, duration;\n\n confirm = element.getAttribute(\"data-ajax-confirm\");\n if (confirm && !window.confirm(confirm)) {\n return;\n }\n\n loading = $(element.getAttribute(\"data-ajax-loading\"));\n duration = parseInt(element.getAttribute(\"data-ajax-loading-duration\"), 10) || 0;\n\n $.extend(options, {\n type: element.getAttribute(\"data-ajax-method\") || undefined,\n url: element.getAttribute(\"data-ajax-url\") || undefined,\n cache: (element.getAttribute(\"data-ajax-cache\") || \"\").toLowerCase() === \"true\",\n beforeSend: function (xhr) {\n var result;\n asyncOnBeforeSend(xhr, method);\n result = getFunction(element.getAttribute(\"data-ajax-begin\"), [\"xhr\"]).apply(element, arguments);\n if (result !== false) {\n loading.show(duration);\n }\n return result;\n },\n complete: function () {\n loading.hide(duration);\n getFunction(element.getAttribute(\"data-ajax-complete\"), [\"xhr\", \"status\"]).apply(element, arguments);\n },\n success: function (data, status, xhr) {\n asyncOnSuccess(element, data, xhr.getResponseHeader(\"Content-Type\") || \"text/html\");\n getFunction(element.getAttribute(\"data-ajax-success\"), [\"data\", \"status\", \"xhr\"]).apply(element, arguments);\n },\n error: function () {\n getFunction(element.getAttribute(\"data-ajax-failure\"), [\"xhr\", \"status\", \"error\"]).apply(element, arguments);\n }\n });\n\n options.data.push({ name: \"X-Requested-With\", value: \"XMLHttpRequest\" });\n\n method = options.type.toUpperCase();\n if (!isMethodProxySafe(method)) {\n options.type = \"POST\";\n options.data.push({ name: \"X-HTTP-Method-Override\", value: method });\n }\n\n // change here:\n // Check for a Form POST with enctype=multipart/form-data\n // add the input file that were not previously included in the serializeArray()\n // set processData and contentType to false\n var $element = $(element);\n if ($element.is(\"form\") && $element.attr(\"enctype\") == \"multipart/form-data\") {\n var formdata = new FormData();\n $.each(options.data, function (i, v) {\n formdata.append(v.name, v.value);\n });\n $(\"input[type=file]\", $element).each(function () {\n var file = this;\n $.each(file.files, function (n, v) {\n formdata.append(file.name, v);\n });\n });\n $.extend(options, {\n processData: false,\n contentType: false,\n data: formdata\n });\n }\n // end change\n\n $.ajax(options);\n }\n\n function validate(form) {\n var validationInfo = $(form).data(data_validation);\n return !validationInfo || !validationInfo.validate || validationInfo.validate();\n }\n\n $(document).on(\"click\", \"a[data-ajax=true]\", function (evt) {\n evt.preventDefault();\n asyncRequest(this, {\n url: this.href,\n type: \"GET\",\n data: []\n });\n });\n\n $(document).on(\"click\", \"form[data-ajax=true] input[type=image]\", function (evt) {\n var name = evt.target.name,\n target = $(evt.target),\n form = $(target.parents(\"form\")[0]),\n offset = target.offset();\n\n form.data(data_click, [\n { name: name + \".x\", value: Math.round(evt.pageX - offset.left) },\n { name: name + \".y\", value: Math.round(evt.pageY - offset.top) }\n ]);\n\n setTimeout(function () {\n form.removeData(data_click);\n }, 0);\n });\n\n $(document).on(\"click\", \"form[data-ajax=true] :submit\", function (evt) {\n var name = evt.currentTarget.name,\n target = $(evt.target),\n form = $(target.parents(\"form\")[0]);\n\n form.data(data_click, name ? [{ name: name, value: evt.currentTarget.value }] : []);\n form.data(data_target, target);\n\n setTimeout(function () {\n form.removeData(data_click);\n form.removeData(data_target);\n }, 0);\n });\n\n $(document).on(\"submit\", \"form[data-ajax=true]\", function (evt) {\n var clickInfo = $(this).data(data_click) || [],\n clickTarget = $(this).data(data_target),\n isCancel = clickTarget && (clickTarget.hasClass(\"cancel\") || clickTarget.attr('formnovalidate') !== undefined);\n evt.preventDefault();\n if (!isCancel && !validate(this)) {\n return;\n }\n asyncRequest(this, {\n url: this.action,\n type: this.method || \"GET\",\n data: clickInfo.concat($(this).serializeArray())\n });\n });\n}(jQuery));\n","// Polyfill for creating CustomEvents on IE9/10/11\n\n// code pulled from:\n// https://github.com/d4tocchini/customevent-polyfill\n// https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent#Polyfill\n\ntry {\n var ce = new window.CustomEvent('test');\n ce.preventDefault();\n if (ce.defaultPrevented !== true) {\n // IE has problems with .preventDefault() on custom events\n // http://stackoverflow.com/questions/23349191\n throw new Error('Could not prevent default');\n }\n} catch(e) {\n var CustomEvent = function(event, params) {\n var evt, origPrevent;\n params = params || {\n bubbles: false,\n cancelable: false,\n detail: undefined\n };\n\n evt = document.createEvent(\"CustomEvent\");\n evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);\n origPrevent = evt.preventDefault;\n evt.preventDefault = function () {\n origPrevent.call(this);\n try {\n Object.defineProperty(this, 'defaultPrevented', {\n get: function () {\n return true;\n }\n });\n } catch(e) {\n this.defaultPrevented = true;\n }\n };\n return evt;\n };\n\n CustomEvent.prototype = window.Event.prototype;\n window.CustomEvent = CustomEvent; // expose definition to window\n}\n","(function (global, factory) {\n if (typeof define === \"function\" && define.amd) {\n define(['./lg-utils'], factory);\n } else if (typeof exports !== \"undefined\") {\n factory(require('./lg-utils'));\n } else {\n var mod = {\n exports: {}\n };\n factory(global.lgUtils);\n global.lightgallery = mod.exports;\n }\n})(this, function (_lgUtils) {\n 'use strict';\n\n var _lgUtils2 = _interopRequireDefault(_lgUtils);\n\n function _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n }\n\n var _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n /** Polyfill the CustomEvent() constructor functionality in Internet Explorer 9 and higher */\n (function () {\n\n if (typeof window.CustomEvent === 'function') {\n return false;\n }\n\n function CustomEvent(event, params) {\n params = params || {\n bubbles: false,\n cancelable: false,\n detail: undefined\n };\n var evt = document.createEvent('CustomEvent');\n evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);\n return evt;\n }\n\n CustomEvent.prototype = window.Event.prototype;\n\n window.CustomEvent = CustomEvent;\n })();\n\n window.utils = _lgUtils2.default;\n window.lgData = {\n uid: 0\n };\n\n window.lgModules = {};\n var defaults = {\n\n mode: 'lg-slide',\n\n // Ex : 'ease'\n cssEasing: 'ease',\n\n //'for jquery animation'\n easing: 'linear',\n speed: 600,\n height: '100%',\n width: '100%',\n addClass: '',\n startClass: 'lg-start-zoom',\n backdropDuration: 150,\n hideBarsDelay: 6000,\n\n useLeft: false,\n\n closable: true,\n loop: true,\n escKey: true,\n keyPress: true,\n controls: true,\n slideEndAnimatoin: true,\n hideControlOnEnd: false,\n mousewheel: false,\n\n getCaptionFromTitleOrAlt: true,\n\n // .lg-item || '.lg-sub-html'\n appendSubHtmlTo: '.lg-sub-html',\n\n subHtmlSelectorRelative: false,\n\n /**\n * @desc number of preload slides\n * will exicute only after the current slide is fully loaded.\n *\n * @ex you clicked on 4th image and if preload = 1 then 3rd slide and 5th\n * slide will be loaded in the background after the 4th slide is fully loaded..\n * if preload is 2 then 2nd 3rd 5th 6th slides will be preloaded.. ... ...\n *\n */\n preload: 1,\n showAfterLoad: true,\n selector: '',\n selectWithin: '',\n nextHtml: '',\n prevHtml: '',\n\n // 0, 1\n index: false,\n\n iframeMaxWidth: '100%',\n\n download: true,\n counter: true,\n appendCounterTo: '.lg-toolbar',\n\n swipeThreshold: 50,\n enableSwipe: true,\n enableDrag: true,\n\n dynamic: false,\n dynamicEl: [],\n galleryId: 1\n };\n\n function Plugin(element, options) {\n\n // Current lightGallery element\n this.el = element;\n\n // lightGallery settings\n this.s = _extends({}, defaults, options);\n\n // When using dynamic mode, ensure dynamicEl is an array\n if (this.s.dynamic && this.s.dynamicEl !== 'undefined' && this.s.dynamicEl.constructor === Array && !this.s.dynamicEl.length) {\n throw 'When using dynamic mode, you must also define dynamicEl as an Array.';\n }\n\n // lightGallery modules\n this.modules = {};\n\n // false when lightgallery complete first slide;\n this.lGalleryOn = false;\n\n this.lgBusy = false;\n\n // Timeout function for hiding controls;\n this.hideBartimeout = false;\n\n // To determine browser supports for touch events;\n this.isTouch = 'ontouchstart' in document.documentElement;\n\n // Disable hideControlOnEnd if sildeEndAnimation is true\n if (this.s.slideEndAnimatoin) {\n this.s.hideControlOnEnd = false;\n }\n\n this.items = [];\n\n // Gallery items\n if (this.s.dynamic) {\n this.items = this.s.dynamicEl;\n } else {\n if (this.s.selector === 'this') {\n this.items.push(this.el);\n } else if (this.s.selector !== '') {\n if (this.s.selectWithin) {\n this.items = document.querySelector(this.s.selectWithin).querySelectorAll(this.s.selector);\n } else {\n this.items = this.el.querySelectorAll(this.s.selector);\n }\n } else {\n this.items = this.el.children;\n }\n }\n\n // .lg-item\n\n this.___slide = '';\n\n // .lg-outer\n this.outer = '';\n\n this.init();\n\n return this;\n }\n\n Plugin.prototype.init = function () {\n\n var _this = this;\n\n // s.preload should not be more than $item.length\n if (_this.s.preload > _this.items.length) {\n _this.s.preload = _this.items.length;\n }\n\n // if dynamic option is enabled execute immediately\n var _hash = window.location.hash;\n if (_hash.indexOf('lg=' + this.s.galleryId) > 0) {\n\n _this.index = parseInt(_hash.split('&slide=')[1], 10);\n\n _lgUtils2.default.addClass(document.body, 'lg-from-hash');\n if (!_lgUtils2.default.hasClass(document.body, 'lg-on')) {\n _lgUtils2.default.addClass(document.body, 'lg-on');\n setTimeout(function () {\n _this.build(_this.index);\n });\n }\n }\n\n if (_this.s.dynamic) {\n\n _lgUtils2.default.trigger(this.el, 'onBeforeOpen');\n\n _this.index = _this.s.index || 0;\n\n // prevent accidental double execution\n if (!_lgUtils2.default.hasClass(document.body, 'lg-on')) {\n _lgUtils2.default.addClass(document.body, 'lg-on');\n setTimeout(function () {\n _this.build(_this.index);\n });\n }\n } else {\n\n for (var i = 0; i < _this.items.length; i++) {\n\n /*jshint loopfunc: true */\n (function (index) {\n\n // Using different namespace for click because click event should not unbind if selector is same object('this')\n _lgUtils2.default.on(_this.items[index], 'click.lgcustom', function (e) {\n\n e.preventDefault();\n\n _lgUtils2.default.trigger(_this.el, 'onBeforeOpen');\n\n _this.index = _this.s.index || index;\n\n if (!_lgUtils2.default.hasClass(document.body, 'lg-on')) {\n _this.build(_this.index);\n _lgUtils2.default.addClass(document.body, 'lg-on');\n }\n });\n })(i);\n }\n }\n };\n\n Plugin.prototype.build = function (index) {\n\n var _this = this;\n\n _this.structure();\n\n for (var key in window.lgModules) {\n _this.modules[key] = new window.lgModules[key](_this.el);\n }\n\n // initiate slide function\n _this.slide(index, false, false);\n\n if (_this.s.keyPress) {\n _this.keyPress();\n }\n\n if (_this.items.length > 1) {\n\n _this.arrow();\n\n setTimeout(function () {\n _this.enableDrag();\n _this.enableSwipe();\n }, 50);\n\n if (_this.s.mousewheel) {\n _this.mousewheel();\n }\n }\n\n _this.counter();\n\n _this.closeGallery();\n\n _lgUtils2.default.trigger(_this.el, 'onAfterOpen');\n\n // Hide controllers if mouse doesn't move for some period\n _lgUtils2.default.on(_this.outer, 'mousemove.lg click.lg touchstart.lg', function () {\n\n _lgUtils2.default.removeClass(_this.outer, 'lg-hide-items');\n\n clearTimeout(_this.hideBartimeout);\n\n // Timeout will be cleared on each slide movement also\n _this.hideBartimeout = setTimeout(function () {\n _lgUtils2.default.addClass(_this.outer, 'lg-hide-items');\n }, _this.s.hideBarsDelay);\n });\n };\n\n Plugin.prototype.structure = function () {\n var list = '';\n var controls = '';\n var i = 0;\n var subHtmlCont = '';\n var template;\n var _this = this;\n\n document.body.insertAdjacentHTML('beforeend', '');\n _lgUtils2.default.setVendor(document.querySelector('.lg-backdrop'), 'TransitionDuration', this.s.backdropDuration + 'ms');\n\n // Create gallery items\n for (i = 0; i < this.items.length; i++) {\n list += '';\n }\n\n // Create controlls\n if (this.s.controls && this.items.length > 1) {\n controls = '' + '
';\n }\n\n if (this.s.appendSubHtmlTo === '.lg-sub-html') {\n subHtmlCont = '';\n }\n\n template = '' + this.s.prevHtml + '
' + '' + this.s.nextHtml + '
' + '' + '
';\n\n document.body.insertAdjacentHTML('beforeend', template);\n this.outer = document.querySelector('.lg-outer');\n this.___slide = this.outer.querySelectorAll('.lg-item');\n\n if (this.s.useLeft) {\n _lgUtils2.default.addClass(this.outer, 'lg-use-left');\n\n // Set mode lg-slide if use left is true;\n this.s.mode = 'lg-slide';\n } else {\n _lgUtils2.default.addClass(this.outer, 'lg-use-css3');\n }\n\n // For fixed height gallery\n _this.setTop();\n _lgUtils2.default.on(window, 'resize.lg orientationchange.lg', function () {\n setTimeout(function () {\n _this.setTop();\n }, 100);\n });\n\n // add class lg-current to remove initial transition\n _lgUtils2.default.addClass(this.___slide[this.index], 'lg-current');\n\n // add Class for css support and transition mode\n if (this.doCss()) {\n _lgUtils2.default.addClass(this.outer, 'lg-css3');\n } else {\n _lgUtils2.default.addClass(this.outer, 'lg-css');\n\n // Set speed 0 because no animation will happen if browser doesn't support css3\n this.s.speed = 0;\n }\n\n _lgUtils2.default.addClass(this.outer, this.s.mode);\n\n if (this.s.enableDrag && this.items.length > 1) {\n _lgUtils2.default.addClass(this.outer, 'lg-grab');\n }\n\n if (this.s.showAfterLoad) {\n _lgUtils2.default.addClass(this.outer, 'lg-show-after-load');\n }\n\n if (this.doCss()) {\n var inner = this.outer.querySelector('.lg-inner');\n _lgUtils2.default.setVendor(inner, 'TransitionTimingFunction', this.s.cssEasing);\n _lgUtils2.default.setVendor(inner, 'TransitionDuration', this.s.speed + 'ms');\n }\n\n setTimeout(function () {\n _lgUtils2.default.addClass(document.querySelector('.lg-backdrop'), 'in');\n });\n\n setTimeout(function () {\n _lgUtils2.default.addClass(_this.outer, 'lg-visible');\n }, this.s.backdropDuration);\n\n if (this.s.download) {\n this.outer.querySelector('.lg-toolbar').insertAdjacentHTML('beforeend', '');\n }\n\n // Store the current scroll top value to scroll back after closing the gallery..\n this.prevScrollTop = document.documentElement.scrollTop || document.body.scrollTop;\n };\n\n // For fixed height gallery\n Plugin.prototype.setTop = function () {\n if (this.s.height !== '100%') {\n var wH = window.innerHeight;\n var top = (wH - parseInt(this.s.height, 10)) / 2;\n var lGallery = this.outer.querySelector('.lg');\n if (wH >= parseInt(this.s.height, 10)) {\n lGallery.style.top = top + 'px';\n } else {\n lGallery.style.top = '0px';\n }\n }\n };\n\n // Find css3 support\n Plugin.prototype.doCss = function () {\n // check for css animation support\n var support = function support() {\n var transition = ['transition', 'MozTransition', 'WebkitTransition', 'OTransition', 'msTransition', 'KhtmlTransition'];\n var root = document.documentElement;\n var i = 0;\n for (i = 0; i < transition.length; i++) {\n if (transition[i] in root.style) {\n return true;\n }\n }\n };\n\n if (support()) {\n return true;\n }\n\n return false;\n };\n\n /**\n * @desc Check the given src is video\n * @param {String} src\n * @return {Object} video type\n * Ex:{ youtube : [\"//www.youtube.com/watch?v=c0asJgSyxcY\", \"c0asJgSyxcY\"] }\n */\n Plugin.prototype.isVideo = function (src, index) {\n\n var html;\n if (this.s.dynamic) {\n html = this.s.dynamicEl[index].html;\n } else {\n html = this.items[index].getAttribute('data-html');\n }\n\n if (!src && html) {\n return {\n html5: true\n };\n }\n\n var youtube = src.match(/\\/\\/(?:www\\.)?youtu(?:\\.be|be\\.com|be-nocookie\\.com)\\/(?:watch\\?v=|embed\\/)?([a-z0-9\\-\\_\\%]+)/i);\n var vimeo = src.match(/\\/\\/(?:www\\.)?vimeo.com\\/([0-9a-z\\-_]+)/i);\n var dailymotion = src.match(/\\/\\/(?:www\\.)?dai.ly\\/([0-9a-z\\-_]+)/i);\n var vk = src.match(/\\/\\/(?:www\\.)?(?:vk\\.com|vkontakte\\.ru)\\/(?:video_ext\\.php\\?)(.*)/i);\n\n if (youtube) {\n return {\n youtube: youtube\n };\n } else if (vimeo) {\n return {\n vimeo: vimeo\n };\n } else if (dailymotion) {\n return {\n dailymotion: dailymotion\n };\n } else if (vk) {\n return {\n vk: vk\n };\n }\n };\n\n /**\n * @desc Create image counter\n * Ex: 1/10\n */\n Plugin.prototype.counter = function () {\n if (this.s.counter) {\n this.outer.querySelector(this.s.appendCounterTo).insertAdjacentHTML('beforeend', '' + '
' + '' + list + '
' + '' + controls + subHtmlCont + '' + (parseInt(this.index, 10) + 1) + ' / ' + this.items.length + '
');\n }\n };\n\n /**\n * @desc add sub-html into the slide\n * @param {Number} index - index of the slide\n */\n Plugin.prototype.addHtml = function (index) {\n var subHtml = null;\n var currentEle;\n if (this.s.dynamic) {\n subHtml = this.s.dynamicEl[index].subHtml;\n } else {\n currentEle = this.items[index];\n subHtml = currentEle.getAttribute('data-sub-html');\n if (this.s.getCaptionFromTitleOrAlt && !subHtml) {\n subHtml = currentEle.getAttribute('title');\n if (subHtml && currentEle.querySelector('img')) {\n subHtml = currentEle.querySelector('img').getAttribute('alt');\n }\n }\n }\n\n if (typeof subHtml !== 'undefined' && subHtml !== null) {\n\n // get first letter of subhtml\n // if first letter starts with . or # get the html form the jQuery object\n var fL = subHtml.substring(0, 1);\n if (fL === '.' || fL === '#') {\n if (this.s.subHtmlSelectorRelative && !this.s.dynamic) {\n subHtml = currentEle.querySelector(subHtml).innerHTML;\n } else {\n subHtml = document.querySelector(subHtml).innerHTML;\n }\n }\n } else {\n subHtml = '';\n }\n\n if (this.s.appendSubHtmlTo === '.lg-sub-html') {\n this.outer.querySelector(this.s.appendSubHtmlTo).innerHTML = subHtml;\n } else {\n this.___slide[index].insertAdjacentHTML('beforeend', subHtml);\n }\n\n // Add lg-empty-html class if title doesn't exist\n if (typeof subHtml !== 'undefined' && subHtml !== null) {\n if (subHtml === '') {\n _lgUtils2.default.addClass(this.outer.querySelector(this.s.appendSubHtmlTo), 'lg-empty-html');\n } else {\n _lgUtils2.default.removeClass(this.outer.querySelector(this.s.appendSubHtmlTo), 'lg-empty-html');\n }\n }\n\n _lgUtils2.default.trigger(this.el, 'onAfterAppendSubHtml', {\n index: index\n });\n };\n\n /**\n * @desc Preload slides\n * @param {Number} index - index of the slide\n */\n Plugin.prototype.preload = function (index) {\n var i = 1;\n var j = 1;\n for (i = 1; i <= this.s.preload; i++) {\n if (i >= this.items.length - index) {\n break;\n }\n\n this.loadContent(index + i, false, 0);\n }\n\n for (j = 1; j <= this.s.preload; j++) {\n if (index - j < 0) {\n break;\n }\n\n this.loadContent(index - j, false, 0);\n }\n };\n\n /**\n * @desc Load slide content into slide.\n * @param {Number} index - index of the slide.\n * @param {Boolean} rec - if true call loadcontent() function again.\n * @param {Boolean} delay - delay for adding complete class. it is 0 except first time.\n */\n Plugin.prototype.loadContent = function (index, rec, delay) {\n\n var _this = this;\n var _hasPoster = false;\n var _img;\n var _src;\n var _poster;\n var _srcset;\n var _sizes;\n var _html;\n var getResponsiveSrc = function getResponsiveSrc(srcItms) {\n var rsWidth = [];\n var rsSrc = [];\n for (var i = 0; i < srcItms.length; i++) {\n var __src = srcItms[i].split(' ');\n\n // Manage empty space\n if (__src[0] === '') {\n __src.splice(0, 1);\n }\n\n rsSrc.push(__src[0]);\n rsWidth.push(__src[1]);\n }\n\n var wWidth = window.innerWidth;\n for (var j = 0; j < rsWidth.length; j++) {\n if (parseInt(rsWidth[j], 10) > wWidth) {\n _src = rsSrc[j];\n break;\n }\n }\n };\n\n if (_this.s.dynamic) {\n\n if (_this.s.dynamicEl[index].poster) {\n _hasPoster = true;\n _poster = _this.s.dynamicEl[index].poster;\n }\n\n _html = _this.s.dynamicEl[index].html;\n _src = _this.s.dynamicEl[index].src;\n\n if (_this.s.dynamicEl[index].responsive) {\n var srcDyItms = _this.s.dynamicEl[index].responsive.split(',');\n getResponsiveSrc(srcDyItms);\n }\n\n _srcset = _this.s.dynamicEl[index].srcset;\n _sizes = _this.s.dynamicEl[index].sizes;\n } else {\n\n if (_this.items[index].getAttribute('data-poster')) {\n _hasPoster = true;\n _poster = _this.items[index].getAttribute('data-poster');\n }\n\n _html = _this.items[index].getAttribute('data-html');\n _src = _this.items[index].getAttribute('href') || _this.items[index].getAttribute('data-src');\n\n if (_this.items[index].getAttribute('data-responsive')) {\n var srcItms = _this.items[index].getAttribute('data-responsive').split(',');\n getResponsiveSrc(srcItms);\n }\n\n _srcset = _this.items[index].getAttribute('data-srcset');\n _sizes = _this.items[index].getAttribute('data-sizes');\n }\n\n //if (_src || _srcset || _sizes || _poster) {\n\n var iframe = false;\n if (_this.s.dynamic) {\n if (_this.s.dynamicEl[index].iframe) {\n iframe = true;\n }\n } else {\n if (_this.items[index].getAttribute('data-iframe') === 'true') {\n iframe = true;\n }\n }\n\n var _isVideo = _this.isVideo(_src, index);\n if (!_lgUtils2.default.hasClass(_this.___slide[index], 'lg-loaded')) {\n if (iframe) {\n _this.___slide[index].insertAdjacentHTML('afterbegin', '');\n } else if (_hasPoster) {\n var videoClass = '';\n if (_isVideo && _isVideo.youtube) {\n videoClass = 'lg-has-youtube';\n } else if (_isVideo && _isVideo.vimeo) {\n videoClass = 'lg-has-vimeo';\n } else {\n videoClass = 'lg-has-html5';\n }\n\n _this.___slide[index].insertAdjacentHTML('beforeend', '
');\n _lgUtils2.default.trigger(_this.el, 'hasVideo', {\n index: index,\n src: _src,\n html: _html\n });\n } else {\n _this.___slide[index].insertAdjacentHTML('beforeend', '
' + '
';\n\n switch (this.core.s.vimeoThumbSize) {\n case 'thumbnail_large':\n vimeoErrorThumbSize = '640';\n break;\n case 'thumbnail_medium':\n vimeoErrorThumbSize = '200x150';\n break;\n case 'thumbnail_small':\n vimeoErrorThumbSize = '100x75';\n }\n\n utils.addClass(_this.core.outer, 'lg-has-thumb');\n\n _this.core.outer.querySelector('.lg').insertAdjacentHTML('beforeend', html);\n\n _this.thumbOuter = _this.core.outer.querySelector('.lg-thumb-outer');\n _this.thumbOuterWidth = _this.thumbOuter.offsetWidth;\n\n if (_this.core.s.animateThumb) {\n _this.core.outer.querySelector('.lg-thumb').style.width = _this.thumbTotalWidth + 'px';\n _this.core.outer.querySelector('.lg-thumb').style.position = 'relative';\n }\n\n if (this.core.s.animateThumb) {\n _this.thumbOuter.style.height = _this.core.s.thumbContHeight + 'px';\n }\n\n function getThumb(src, thumb, index) {\n var isVideo = _this.core.isVideo(src, index) || {};\n var thumbImg;\n var vimeoId = '';\n\n if (isVideo.youtube || isVideo.vimeo || isVideo.dailymotion) {\n if (isVideo.youtube) {\n if (_this.core.s.loadYoutubeThumbnail) {\n thumbImg = '//img.youtube.com/vi/' + isVideo.youtube[1] + '/' + _this.core.s.youtubeThumbSize + '.jpg';\n } else {\n thumbImg = thumb;\n }\n } else if (isVideo.vimeo) {\n if (_this.core.s.loadVimeoThumbnail) {\n thumbImg = '//i.vimeocdn.com/video/error_' + vimeoErrorThumbSize + '.jpg';\n vimeoId = isVideo.vimeo[1];\n } else {\n thumbImg = thumb;\n }\n } else if (isVideo.dailymotion) {\n if (_this.core.s.loadDailymotionThumbnail) {\n thumbImg = '//www.dailymotion.com/thumbnail/video/' + isVideo.dailymotion[1];\n } else {\n thumbImg = thumb;\n }\n }\n } else {\n thumbImg = thumb;\n }\n\n thumbList += '' + '
' + '