';\n\n if (this.options.dictFallbackText) {\n fieldsString += \"
\");\n var fields = Dropzone.createElement(fieldsString);\n\n if (this.element.tagName !== \"FORM\") {\n form = Dropzone.createElement(\"\"));\n form.appendChild(fields);\n } else {\n // Make sure that the enctype and method attributes are set properly\n this.element.setAttribute(\"enctype\", \"multipart/form-data\");\n this.element.setAttribute(\"method\", this.options.method);\n }\n\n return form != null ? form : fields;\n } // Returns the fallback elements if they exist already\n //\n // This code has to pass in IE7 :(\n\n }, {\n key: \"getExistingFallback\",\n value: function getExistingFallback() {\n var getFallback = function getFallback(elements) {\n var _iterator4 = dropzone_createForOfIteratorHelper(elements, true),\n _step4;\n\n try {\n for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {\n var el = _step4.value;\n\n if (/(^| )fallback($| )/.test(el.className)) {\n return el;\n }\n }\n } catch (err) {\n _iterator4.e(err);\n } finally {\n _iterator4.f();\n }\n };\n\n for (var _i = 0, _arr = [\"div\", \"form\"]; _i < _arr.length; _i++) {\n var tagName = _arr[_i];\n var fallback;\n\n if (fallback = getFallback(this.element.getElementsByTagName(tagName))) {\n return fallback;\n }\n }\n } // Activates all listeners stored in @listeners\n\n }, {\n key: \"setupEventListeners\",\n value: function setupEventListeners() {\n return this.listeners.map(function (elementListeners) {\n return function () {\n var result = [];\n\n for (var event in elementListeners.events) {\n var listener = elementListeners.events[event];\n result.push(elementListeners.element.addEventListener(event, listener, false));\n }\n\n return result;\n }();\n });\n } // Deactivates all listeners stored in @listeners\n\n }, {\n key: \"removeEventListeners\",\n value: function removeEventListeners() {\n return this.listeners.map(function (elementListeners) {\n return function () {\n var result = [];\n\n for (var event in elementListeners.events) {\n var listener = elementListeners.events[event];\n result.push(elementListeners.element.removeEventListener(event, listener, false));\n }\n\n return result;\n }();\n });\n } // Removes all event listeners and cancels all files in the queue or being processed.\n\n }, {\n key: \"disable\",\n value: function disable() {\n var _this3 = this;\n\n this.clickableElements.forEach(function (element) {\n return element.classList.remove(\"dz-clickable\");\n });\n this.removeEventListeners();\n this.disabled = true;\n return this.files.map(function (file) {\n return _this3.cancelUpload(file);\n });\n }\n }, {\n key: \"enable\",\n value: function enable() {\n delete this.disabled;\n this.clickableElements.forEach(function (element) {\n return element.classList.add(\"dz-clickable\");\n });\n return this.setupEventListeners();\n } // Returns a nicely formatted filesize\n\n }, {\n key: \"filesize\",\n value: function filesize(size) {\n var selectedSize = 0;\n var selectedUnit = \"b\";\n\n if (size > 0) {\n var units = [\"tb\", \"gb\", \"mb\", \"kb\", \"b\"];\n\n for (var i = 0; i < units.length; i++) {\n var unit = units[i];\n var cutoff = Math.pow(this.options.filesizeBase, 4 - i) / 10;\n\n if (size >= cutoff) {\n selectedSize = size / Math.pow(this.options.filesizeBase, 4 - i);\n selectedUnit = unit;\n break;\n }\n }\n\n selectedSize = Math.round(10 * selectedSize) / 10; // Cutting of digits\n }\n\n return \"\".concat(selectedSize, \" \").concat(this.options.dictFileSizeUnits[selectedUnit]);\n } // Adds or removes the `dz-max-files-reached` class from the form.\n\n }, {\n key: \"_updateMaxFilesReachedClass\",\n value: function _updateMaxFilesReachedClass() {\n if (this.options.maxFiles != null && this.getAcceptedFiles().length >= this.options.maxFiles) {\n if (this.getAcceptedFiles().length === this.options.maxFiles) {\n this.emit(\"maxfilesreached\", this.files);\n }\n\n return this.element.classList.add(\"dz-max-files-reached\");\n } else {\n return this.element.classList.remove(\"dz-max-files-reached\");\n }\n }\n }, {\n key: \"drop\",\n value: function drop(e) {\n if (!e.dataTransfer) {\n return;\n }\n\n this.emit(\"drop\", e); // Convert the FileList to an Array\n // This is necessary for IE11\n\n var files = [];\n\n for (var i = 0; i < e.dataTransfer.files.length; i++) {\n files[i] = e.dataTransfer.files[i];\n } // Even if it's a folder, files.length will contain the folders.\n\n\n if (files.length) {\n var items = e.dataTransfer.items;\n\n if (items && items.length && items[0].webkitGetAsEntry != null) {\n // The browser supports dropping of folders, so handle items instead of files\n this._addFilesFromItems(items);\n } else {\n this.handleFiles(files);\n }\n }\n\n this.emit(\"addedfiles\", files);\n }\n }, {\n key: \"paste\",\n value: function paste(e) {\n if (__guard__(e != null ? e.clipboardData : undefined, function (x) {\n return x.items;\n }) == null) {\n return;\n }\n\n this.emit(\"paste\", e);\n var items = e.clipboardData.items;\n\n if (items.length) {\n return this._addFilesFromItems(items);\n }\n }\n }, {\n key: \"handleFiles\",\n value: function handleFiles(files) {\n var _iterator5 = dropzone_createForOfIteratorHelper(files, true),\n _step5;\n\n try {\n for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {\n var file = _step5.value;\n this.addFile(file);\n }\n } catch (err) {\n _iterator5.e(err);\n } finally {\n _iterator5.f();\n }\n } // When a folder is dropped (or files are pasted), items must be handled\n // instead of files.\n\n }, {\n key: \"_addFilesFromItems\",\n value: function _addFilesFromItems(items) {\n var _this4 = this;\n\n return function () {\n var result = [];\n\n var _iterator6 = dropzone_createForOfIteratorHelper(items, true),\n _step6;\n\n try {\n for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {\n var item = _step6.value;\n var entry;\n\n if (item.webkitGetAsEntry != null && (entry = item.webkitGetAsEntry())) {\n if (entry.isFile) {\n result.push(_this4.addFile(item.getAsFile()));\n } else if (entry.isDirectory) {\n // Append all files from that directory to files\n result.push(_this4._addFilesFromDirectory(entry, entry.name));\n } else {\n result.push(undefined);\n }\n } else if (item.getAsFile != null) {\n if (item.kind == null || item.kind === \"file\") {\n result.push(_this4.addFile(item.getAsFile()));\n } else {\n result.push(undefined);\n }\n } else {\n result.push(undefined);\n }\n }\n } catch (err) {\n _iterator6.e(err);\n } finally {\n _iterator6.f();\n }\n\n return result;\n }();\n } // Goes through the directory, and adds each file it finds recursively\n\n }, {\n key: \"_addFilesFromDirectory\",\n value: function _addFilesFromDirectory(directory, path) {\n var _this5 = this;\n\n var dirReader = directory.createReader();\n\n var errorHandler = function errorHandler(error) {\n return __guardMethod__(console, \"log\", function (o) {\n return o.log(error);\n });\n };\n\n var readEntries = function readEntries() {\n return dirReader.readEntries(function (entries) {\n if (entries.length > 0) {\n var _iterator7 = dropzone_createForOfIteratorHelper(entries, true),\n _step7;\n\n try {\n for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {\n var entry = _step7.value;\n\n if (entry.isFile) {\n entry.file(function (file) {\n if (_this5.options.ignoreHiddenFiles && file.name.substring(0, 1) === \".\") {\n return;\n }\n\n file.fullPath = \"\".concat(path, \"/\").concat(file.name);\n return _this5.addFile(file);\n });\n } else if (entry.isDirectory) {\n _this5._addFilesFromDirectory(entry, \"\".concat(path, \"/\").concat(entry.name));\n }\n } // Recursively call readEntries() again, since browser only handle\n // the first 100 entries.\n // See: https://developer.mozilla.org/en-US/docs/Web/API/DirectoryReader#readEntries\n\n } catch (err) {\n _iterator7.e(err);\n } finally {\n _iterator7.f();\n }\n\n readEntries();\n }\n\n return null;\n }, errorHandler);\n };\n\n return readEntries();\n } // If `done()` is called without argument the file is accepted\n // If you call it with an error message, the file is rejected\n // (This allows for asynchronous validation)\n //\n // This function checks the filesize, and if the file.type passes the\n // `acceptedFiles` check.\n\n }, {\n key: \"accept\",\n value: function accept(file, done) {\n if (this.options.maxFilesize && file.size > this.options.maxFilesize * 1024 * 1024) {\n done(this.options.dictFileTooBig.replace(\"{{filesize}}\", Math.round(file.size / 1024 / 10.24) / 100).replace(\"{{maxFilesize}}\", this.options.maxFilesize));\n } else if (!Dropzone.isValidFile(file, this.options.acceptedFiles)) {\n done(this.options.dictInvalidFileType);\n } else if (this.options.maxFiles != null && this.getAcceptedFiles().length >= this.options.maxFiles) {\n done(this.options.dictMaxFilesExceeded.replace(\"{{maxFiles}}\", this.options.maxFiles));\n this.emit(\"maxfilesexceeded\", file);\n } else {\n this.options.accept.call(this, file, done);\n }\n }\n }, {\n key: \"addFile\",\n value: function addFile(file) {\n var _this6 = this;\n\n file.upload = {\n uuid: Dropzone.uuidv4(),\n progress: 0,\n // Setting the total upload size to file.size for the beginning\n // It's actual different than the size to be transmitted.\n total: file.size,\n bytesSent: 0,\n filename: this._renameFile(file) // Not setting chunking information here, because the acutal data — and\n // thus the chunks — might change if `options.transformFile` is set\n // and does something to the data.\n\n };\n this.files.push(file);\n file.status = Dropzone.ADDED;\n this.emit(\"addedfile\", file);\n\n this._enqueueThumbnail(file);\n\n this.accept(file, function (error) {\n if (error) {\n file.accepted = false;\n\n _this6._errorProcessing([file], error); // Will set the file.status\n\n } else {\n file.accepted = true;\n\n if (_this6.options.autoQueue) {\n _this6.enqueueFile(file);\n } // Will set .accepted = true\n\n }\n\n _this6._updateMaxFilesReachedClass();\n });\n } // Wrapper for enqueueFile\n\n }, {\n key: \"enqueueFiles\",\n value: function enqueueFiles(files) {\n var _iterator8 = dropzone_createForOfIteratorHelper(files, true),\n _step8;\n\n try {\n for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {\n var file = _step8.value;\n this.enqueueFile(file);\n }\n } catch (err) {\n _iterator8.e(err);\n } finally {\n _iterator8.f();\n }\n\n return null;\n }\n }, {\n key: \"enqueueFile\",\n value: function enqueueFile(file) {\n var _this7 = this;\n\n if (file.status === Dropzone.ADDED && file.accepted === true) {\n file.status = Dropzone.QUEUED;\n\n if (this.options.autoProcessQueue) {\n return setTimeout(function () {\n return _this7.processQueue();\n }, 0); // Deferring the call\n }\n } else {\n throw new Error(\"This file can't be queued because it has already been processed or was rejected.\");\n }\n }\n }, {\n key: \"_enqueueThumbnail\",\n value: function _enqueueThumbnail(file) {\n var _this8 = this;\n\n if (this.options.createImageThumbnails && file.type.match(/image.*/) && file.size <= this.options.maxThumbnailFilesize * 1024 * 1024) {\n this._thumbnailQueue.push(file);\n\n return setTimeout(function () {\n return _this8._processThumbnailQueue();\n }, 0); // Deferring the call\n }\n }\n }, {\n key: \"_processThumbnailQueue\",\n value: function _processThumbnailQueue() {\n var _this9 = this;\n\n if (this._processingThumbnail || this._thumbnailQueue.length === 0) {\n return;\n }\n\n this._processingThumbnail = true;\n\n var file = this._thumbnailQueue.shift();\n\n return this.createThumbnail(file, this.options.thumbnailWidth, this.options.thumbnailHeight, this.options.thumbnailMethod, true, function (dataUrl) {\n _this9.emit(\"thumbnail\", file, dataUrl);\n\n _this9._processingThumbnail = false;\n return _this9._processThumbnailQueue();\n });\n } // Can be called by the user to remove a file\n\n }, {\n key: \"removeFile\",\n value: function removeFile(file) {\n if (file.status === Dropzone.UPLOADING) {\n this.cancelUpload(file);\n }\n\n this.files = without(this.files, file);\n this.emit(\"removedfile\", file);\n\n if (this.files.length === 0) {\n return this.emit(\"reset\");\n }\n } // Removes all files that aren't currently processed from the list\n\n }, {\n key: \"removeAllFiles\",\n value: function removeAllFiles(cancelIfNecessary) {\n // Create a copy of files since removeFile() changes the @files array.\n if (cancelIfNecessary == null) {\n cancelIfNecessary = false;\n }\n\n var _iterator9 = dropzone_createForOfIteratorHelper(this.files.slice(), true),\n _step9;\n\n try {\n for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {\n var file = _step9.value;\n\n if (file.status !== Dropzone.UPLOADING || cancelIfNecessary) {\n this.removeFile(file);\n }\n }\n } catch (err) {\n _iterator9.e(err);\n } finally {\n _iterator9.f();\n }\n\n return null;\n } // Resizes an image before it gets sent to the server. This function is the default behavior of\n // `options.transformFile` if `resizeWidth` or `resizeHeight` are set. The callback is invoked with\n // the resized blob.\n\n }, {\n key: \"resizeImage\",\n value: function resizeImage(file, width, height, resizeMethod, callback) {\n var _this10 = this;\n\n return this.createThumbnail(file, width, height, resizeMethod, true, function (dataUrl, canvas) {\n if (canvas == null) {\n // The image has not been resized\n return callback(file);\n } else {\n var resizeMimeType = _this10.options.resizeMimeType;\n\n if (resizeMimeType == null) {\n resizeMimeType = file.type;\n }\n\n var resizedDataURL = canvas.toDataURL(resizeMimeType, _this10.options.resizeQuality);\n\n if (resizeMimeType === \"image/jpeg\" || resizeMimeType === \"image/jpg\") {\n // Now add the original EXIF information\n resizedDataURL = ExifRestore.restore(file.dataURL, resizedDataURL);\n }\n\n return callback(Dropzone.dataURItoBlob(resizedDataURL));\n }\n });\n }\n }, {\n key: \"createThumbnail\",\n value: function createThumbnail(file, width, height, resizeMethod, fixOrientation, callback) {\n var _this11 = this;\n\n var fileReader = new FileReader();\n\n fileReader.onload = function () {\n file.dataURL = fileReader.result; // Don't bother creating a thumbnail for SVG images since they're vector\n\n if (file.type === \"image/svg+xml\") {\n if (callback != null) {\n callback(fileReader.result);\n }\n\n return;\n }\n\n _this11.createThumbnailFromUrl(file, width, height, resizeMethod, fixOrientation, callback);\n };\n\n fileReader.readAsDataURL(file);\n } // `mockFile` needs to have these attributes:\n //\n // { name: 'name', size: 12345, imageUrl: '' }\n //\n // `callback` will be invoked when the image has been downloaded and displayed.\n // `crossOrigin` will be added to the `img` tag when accessing the file.\n\n }, {\n key: \"displayExistingFile\",\n value: function displayExistingFile(mockFile, imageUrl, callback, crossOrigin) {\n var _this12 = this;\n\n var resizeThumbnail = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;\n this.emit(\"addedfile\", mockFile);\n this.emit(\"complete\", mockFile);\n\n if (!resizeThumbnail) {\n this.emit(\"thumbnail\", mockFile, imageUrl);\n if (callback) callback();\n } else {\n var onDone = function onDone(thumbnail) {\n _this12.emit(\"thumbnail\", mockFile, thumbnail);\n\n if (callback) callback();\n };\n\n mockFile.dataURL = imageUrl;\n this.createThumbnailFromUrl(mockFile, this.options.thumbnailWidth, this.options.thumbnailHeight, this.options.thumbnailMethod, this.options.fixOrientation, onDone, crossOrigin);\n }\n }\n }, {\n key: \"createThumbnailFromUrl\",\n value: function createThumbnailFromUrl(file, width, height, resizeMethod, fixOrientation, callback, crossOrigin) {\n var _this13 = this;\n\n // Not using `new Image` here because of a bug in latest Chrome versions.\n // See https://github.com/enyo/dropzone/pull/226\n var img = document.createElement(\"img\");\n\n if (crossOrigin) {\n img.crossOrigin = crossOrigin;\n } // fixOrientation is not needed anymore with browsers handling imageOrientation\n\n\n fixOrientation = getComputedStyle(document.body)[\"imageOrientation\"] == \"from-image\" ? false : fixOrientation;\n\n img.onload = function () {\n var loadExif = function loadExif(callback) {\n return callback(1);\n };\n\n if (typeof EXIF !== \"undefined\" && EXIF !== null && fixOrientation) {\n loadExif = function loadExif(callback) {\n return EXIF.getData(img, function () {\n return callback(EXIF.getTag(this, \"Orientation\"));\n });\n };\n }\n\n return loadExif(function (orientation) {\n file.width = img.width;\n file.height = img.height;\n\n var resizeInfo = _this13.options.resize.call(_this13, file, width, height, resizeMethod);\n\n var canvas = document.createElement(\"canvas\");\n var ctx = canvas.getContext(\"2d\");\n canvas.width = resizeInfo.trgWidth;\n canvas.height = resizeInfo.trgHeight;\n\n if (orientation > 4) {\n canvas.width = resizeInfo.trgHeight;\n canvas.height = resizeInfo.trgWidth;\n }\n\n switch (orientation) {\n case 2:\n // horizontal flip\n ctx.translate(canvas.width, 0);\n ctx.scale(-1, 1);\n break;\n\n case 3:\n // 180° rotate left\n ctx.translate(canvas.width, canvas.height);\n ctx.rotate(Math.PI);\n break;\n\n case 4:\n // vertical flip\n ctx.translate(0, canvas.height);\n ctx.scale(1, -1);\n break;\n\n case 5:\n // vertical flip + 90 rotate right\n ctx.rotate(0.5 * Math.PI);\n ctx.scale(1, -1);\n break;\n\n case 6:\n // 90° rotate right\n ctx.rotate(0.5 * Math.PI);\n ctx.translate(0, -canvas.width);\n break;\n\n case 7:\n // horizontal flip + 90 rotate right\n ctx.rotate(0.5 * Math.PI);\n ctx.translate(canvas.height, -canvas.width);\n ctx.scale(-1, 1);\n break;\n\n case 8:\n // 90° rotate left\n ctx.rotate(-0.5 * Math.PI);\n ctx.translate(-canvas.height, 0);\n break;\n } // This is a bugfix for iOS' scaling bug.\n\n\n drawImageIOSFix(ctx, img, resizeInfo.srcX != null ? resizeInfo.srcX : 0, resizeInfo.srcY != null ? resizeInfo.srcY : 0, resizeInfo.srcWidth, resizeInfo.srcHeight, resizeInfo.trgX != null ? resizeInfo.trgX : 0, resizeInfo.trgY != null ? resizeInfo.trgY : 0, resizeInfo.trgWidth, resizeInfo.trgHeight);\n var thumbnail = canvas.toDataURL(\"image/png\");\n\n if (callback != null) {\n return callback(thumbnail, canvas);\n }\n });\n };\n\n if (callback != null) {\n img.onerror = callback;\n }\n\n return img.src = file.dataURL;\n } // Goes through the queue and processes files if there aren't too many already.\n\n }, {\n key: \"processQueue\",\n value: function processQueue() {\n var parallelUploads = this.options.parallelUploads;\n var processingLength = this.getUploadingFiles().length;\n var i = processingLength; // There are already at least as many files uploading than should be\n\n if (processingLength >= parallelUploads) {\n return;\n }\n\n var queuedFiles = this.getQueuedFiles();\n\n if (!(queuedFiles.length > 0)) {\n return;\n }\n\n if (this.options.uploadMultiple) {\n // The files should be uploaded in one request\n return this.processFiles(queuedFiles.slice(0, parallelUploads - processingLength));\n } else {\n while (i < parallelUploads) {\n if (!queuedFiles.length) {\n return;\n } // Nothing left to process\n\n\n this.processFile(queuedFiles.shift());\n i++;\n }\n }\n } // Wrapper for `processFiles`\n\n }, {\n key: \"processFile\",\n value: function processFile(file) {\n return this.processFiles([file]);\n } // Loads the file, then calls finishedLoading()\n\n }, {\n key: \"processFiles\",\n value: function processFiles(files) {\n var _iterator10 = dropzone_createForOfIteratorHelper(files, true),\n _step10;\n\n try {\n for (_iterator10.s(); !(_step10 = _iterator10.n()).done;) {\n var file = _step10.value;\n file.processing = true; // Backwards compatibility\n\n file.status = Dropzone.UPLOADING;\n this.emit(\"processing\", file);\n }\n } catch (err) {\n _iterator10.e(err);\n } finally {\n _iterator10.f();\n }\n\n if (this.options.uploadMultiple) {\n this.emit(\"processingmultiple\", files);\n }\n\n return this.uploadFiles(files);\n }\n }, {\n key: \"_getFilesWithXhr\",\n value: function _getFilesWithXhr(xhr) {\n var files;\n return files = this.files.filter(function (file) {\n return file.xhr === xhr;\n }).map(function (file) {\n return file;\n });\n } // Cancels the file upload and sets the status to CANCELED\n // **if** the file is actually being uploaded.\n // If it's still in the queue, the file is being removed from it and the status\n // set to CANCELED.\n\n }, {\n key: \"cancelUpload\",\n value: function cancelUpload(file) {\n if (file.status === Dropzone.UPLOADING) {\n var groupedFiles = this._getFilesWithXhr(file.xhr);\n\n var _iterator11 = dropzone_createForOfIteratorHelper(groupedFiles, true),\n _step11;\n\n try {\n for (_iterator11.s(); !(_step11 = _iterator11.n()).done;) {\n var groupedFile = _step11.value;\n groupedFile.status = Dropzone.CANCELED;\n }\n } catch (err) {\n _iterator11.e(err);\n } finally {\n _iterator11.f();\n }\n\n if (typeof file.xhr !== \"undefined\") {\n file.xhr.abort();\n }\n\n var _iterator12 = dropzone_createForOfIteratorHelper(groupedFiles, true),\n _step12;\n\n try {\n for (_iterator12.s(); !(_step12 = _iterator12.n()).done;) {\n var _groupedFile = _step12.value;\n this.emit(\"canceled\", _groupedFile);\n }\n } catch (err) {\n _iterator12.e(err);\n } finally {\n _iterator12.f();\n }\n\n if (this.options.uploadMultiple) {\n this.emit(\"canceledmultiple\", groupedFiles);\n }\n } else if (file.status === Dropzone.ADDED || file.status === Dropzone.QUEUED) {\n file.status = Dropzone.CANCELED;\n this.emit(\"canceled\", file);\n\n if (this.options.uploadMultiple) {\n this.emit(\"canceledmultiple\", [file]);\n }\n }\n\n if (this.options.autoProcessQueue) {\n return this.processQueue();\n }\n }\n }, {\n key: \"resolveOption\",\n value: function resolveOption(option) {\n if (typeof option === \"function\") {\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 return option.apply(this, args);\n }\n\n return option;\n }\n }, {\n key: \"uploadFile\",\n value: function uploadFile(file) {\n return this.uploadFiles([file]);\n }\n }, {\n key: \"uploadFiles\",\n value: function uploadFiles(files) {\n var _this14 = this;\n\n this._transformFiles(files, function (transformedFiles) {\n if (_this14.options.chunking) {\n // Chunking is not allowed to be used with `uploadMultiple` so we know\n // that there is only __one__file.\n var transformedFile = transformedFiles[0];\n files[0].upload.chunked = _this14.options.chunking && (_this14.options.forceChunking || transformedFile.size > _this14.options.chunkSize);\n files[0].upload.totalChunkCount = Math.ceil(transformedFile.size / _this14.options.chunkSize);\n }\n\n if (files[0].upload.chunked) {\n // This file should be sent in chunks!\n // If the chunking option is set, we **know** that there can only be **one** file, since\n // uploadMultiple is not allowed with this option.\n var file = files[0];\n var _transformedFile = transformedFiles[0];\n var startedChunkCount = 0;\n file.upload.chunks = [];\n\n var handleNextChunk = function handleNextChunk() {\n var chunkIndex = 0; // Find the next item in file.upload.chunks that is not defined yet.\n\n while (file.upload.chunks[chunkIndex] !== undefined) {\n chunkIndex++;\n } // This means, that all chunks have already been started.\n\n\n if (chunkIndex >= file.upload.totalChunkCount) return;\n startedChunkCount++;\n var start = chunkIndex * _this14.options.chunkSize;\n var end = Math.min(start + _this14.options.chunkSize, _transformedFile.size);\n var dataBlock = {\n name: _this14._getParamName(0),\n data: _transformedFile.webkitSlice ? _transformedFile.webkitSlice(start, end) : _transformedFile.slice(start, end),\n filename: file.upload.filename,\n chunkIndex: chunkIndex\n };\n file.upload.chunks[chunkIndex] = {\n file: file,\n index: chunkIndex,\n dataBlock: dataBlock,\n // In case we want to retry.\n status: Dropzone.UPLOADING,\n progress: 0,\n retries: 0 // The number of times this block has been retried.\n\n };\n\n _this14._uploadData(files, [dataBlock]);\n };\n\n file.upload.finishedChunkUpload = function (chunk, response) {\n var allFinished = true;\n chunk.status = Dropzone.SUCCESS; // Clear the data from the chunk\n\n chunk.dataBlock = null; // Leaving this reference to xhr intact here will cause memory leaks in some browsers\n\n chunk.xhr = null;\n\n for (var i = 0; i < file.upload.totalChunkCount; i++) {\n if (file.upload.chunks[i] === undefined) {\n return handleNextChunk();\n }\n\n if (file.upload.chunks[i].status !== Dropzone.SUCCESS) {\n allFinished = false;\n }\n }\n\n if (allFinished) {\n _this14.options.chunksUploaded(file, function () {\n _this14._finished(files, response, null);\n });\n }\n };\n\n if (_this14.options.parallelChunkUploads) {\n for (var i = 0; i < file.upload.totalChunkCount; i++) {\n handleNextChunk();\n }\n } else {\n handleNextChunk();\n }\n } else {\n var dataBlocks = [];\n\n for (var _i2 = 0; _i2 < files.length; _i2++) {\n dataBlocks[_i2] = {\n name: _this14._getParamName(_i2),\n data: transformedFiles[_i2],\n filename: files[_i2].upload.filename\n };\n }\n\n _this14._uploadData(files, dataBlocks);\n }\n });\n } /// Returns the right chunk for given file and xhr\n\n }, {\n key: \"_getChunk\",\n value: function _getChunk(file, xhr) {\n for (var i = 0; i < file.upload.totalChunkCount; i++) {\n if (file.upload.chunks[i] !== undefined && file.upload.chunks[i].xhr === xhr) {\n return file.upload.chunks[i];\n }\n }\n } // This function actually uploads the file(s) to the server.\n // If dataBlocks contains the actual data to upload (meaning, that this could either be transformed\n // files, or individual chunks for chunked upload).\n\n }, {\n key: \"_uploadData\",\n value: function _uploadData(files, dataBlocks) {\n var _this15 = this;\n\n var xhr = new XMLHttpRequest(); // Put the xhr object in the file objects to be able to reference it later.\n\n var _iterator13 = dropzone_createForOfIteratorHelper(files, true),\n _step13;\n\n try {\n for (_iterator13.s(); !(_step13 = _iterator13.n()).done;) {\n var file = _step13.value;\n file.xhr = xhr;\n }\n } catch (err) {\n _iterator13.e(err);\n } finally {\n _iterator13.f();\n }\n\n if (files[0].upload.chunked) {\n // Put the xhr object in the right chunk object, so it can be associated later, and found with _getChunk\n files[0].upload.chunks[dataBlocks[0].chunkIndex].xhr = xhr;\n }\n\n var method = this.resolveOption(this.options.method, files);\n var url = this.resolveOption(this.options.url, files);\n xhr.open(method, url, true); // Setting the timeout after open because of IE11 issue: https://gitlab.com/meno/dropzone/issues/8\n\n var timeout = this.resolveOption(this.options.timeout, files);\n if (timeout) xhr.timeout = this.resolveOption(this.options.timeout, files); // Has to be after `.open()`. See https://github.com/enyo/dropzone/issues/179\n\n xhr.withCredentials = !!this.options.withCredentials;\n\n xhr.onload = function (e) {\n _this15._finishedUploading(files, xhr, e);\n };\n\n xhr.ontimeout = function () {\n _this15._handleUploadError(files, xhr, \"Request timedout after \".concat(_this15.options.timeout / 1000, \" seconds\"));\n };\n\n xhr.onerror = function () {\n _this15._handleUploadError(files, xhr);\n }; // Some browsers do not have the .upload property\n\n\n var progressObj = xhr.upload != null ? xhr.upload : xhr;\n\n progressObj.onprogress = function (e) {\n return _this15._updateFilesUploadProgress(files, xhr, e);\n };\n\n var headers = {\n Accept: \"application/json\",\n \"Cache-Control\": \"no-cache\",\n \"X-Requested-With\": \"XMLHttpRequest\"\n };\n\n if (this.options.headers) {\n Dropzone.extend(headers, this.options.headers);\n }\n\n for (var headerName in headers) {\n var headerValue = headers[headerName];\n\n if (headerValue) {\n xhr.setRequestHeader(headerName, headerValue);\n }\n }\n\n var formData = new FormData(); // Adding all @options parameters\n\n if (this.options.params) {\n var additionalParams = this.options.params;\n\n if (typeof additionalParams === \"function\") {\n additionalParams = additionalParams.call(this, files, xhr, files[0].upload.chunked ? this._getChunk(files[0], xhr) : null);\n }\n\n for (var key in additionalParams) {\n var value = additionalParams[key];\n\n if (Array.isArray(value)) {\n // The additional parameter contains an array,\n // so lets iterate over it to attach each value\n // individually.\n for (var i = 0; i < value.length; i++) {\n formData.append(key, value[i]);\n }\n } else {\n formData.append(key, value);\n }\n }\n } // Let the user add additional data if necessary\n\n\n var _iterator14 = dropzone_createForOfIteratorHelper(files, true),\n _step14;\n\n try {\n for (_iterator14.s(); !(_step14 = _iterator14.n()).done;) {\n var _file = _step14.value;\n this.emit(\"sending\", _file, xhr, formData);\n }\n } catch (err) {\n _iterator14.e(err);\n } finally {\n _iterator14.f();\n }\n\n if (this.options.uploadMultiple) {\n this.emit(\"sendingmultiple\", files, xhr, formData);\n }\n\n this._addFormElementData(formData); // Finally add the files\n // Has to be last because some servers (eg: S3) expect the file to be the last parameter\n\n\n for (var _i3 = 0; _i3 < dataBlocks.length; _i3++) {\n var dataBlock = dataBlocks[_i3];\n formData.append(dataBlock.name, dataBlock.data, dataBlock.filename);\n }\n\n this.submitRequest(xhr, formData, files);\n } // Transforms all files with this.options.transformFile and invokes done with the transformed files when done.\n\n }, {\n key: \"_transformFiles\",\n value: function _transformFiles(files, done) {\n var _this16 = this;\n\n var transformedFiles = []; // Clumsy way of handling asynchronous calls, until I get to add a proper Future library.\n\n var doneCounter = 0;\n\n var _loop = function _loop(i) {\n _this16.options.transformFile.call(_this16, files[i], function (transformedFile) {\n transformedFiles[i] = transformedFile;\n\n if (++doneCounter === files.length) {\n done(transformedFiles);\n }\n });\n };\n\n for (var i = 0; i < files.length; i++) {\n _loop(i);\n }\n } // Takes care of adding other input elements of the form to the AJAX request\n\n }, {\n key: \"_addFormElementData\",\n value: function _addFormElementData(formData) {\n // Take care of other input elements\n if (this.element.tagName === \"FORM\") {\n var _iterator15 = dropzone_createForOfIteratorHelper(this.element.querySelectorAll(\"input, textarea, select, button\"), true),\n _step15;\n\n try {\n for (_iterator15.s(); !(_step15 = _iterator15.n()).done;) {\n var input = _step15.value;\n var inputName = input.getAttribute(\"name\");\n var inputType = input.getAttribute(\"type\");\n if (inputType) inputType = inputType.toLowerCase(); // If the input doesn't have a name, we can't use it.\n\n if (typeof inputName === \"undefined\" || inputName === null) continue;\n\n if (input.tagName === \"SELECT\" && input.hasAttribute(\"multiple\")) {\n // Possibly multiple values\n var _iterator16 = dropzone_createForOfIteratorHelper(input.options, true),\n _step16;\n\n try {\n for (_iterator16.s(); !(_step16 = _iterator16.n()).done;) {\n var option = _step16.value;\n\n if (option.selected) {\n formData.append(inputName, option.value);\n }\n }\n } catch (err) {\n _iterator16.e(err);\n } finally {\n _iterator16.f();\n }\n } else if (!inputType || inputType !== \"checkbox\" && inputType !== \"radio\" || input.checked) {\n formData.append(inputName, input.value);\n }\n }\n } catch (err) {\n _iterator15.e(err);\n } finally {\n _iterator15.f();\n }\n }\n } // Invoked when there is new progress information about given files.\n // If e is not provided, it is assumed that the upload is finished.\n\n }, {\n key: \"_updateFilesUploadProgress\",\n value: function _updateFilesUploadProgress(files, xhr, e) {\n if (!files[0].upload.chunked) {\n // Handle file uploads without chunking\n var _iterator17 = dropzone_createForOfIteratorHelper(files, true),\n _step17;\n\n try {\n for (_iterator17.s(); !(_step17 = _iterator17.n()).done;) {\n var file = _step17.value;\n\n if (file.upload.total && file.upload.bytesSent && file.upload.bytesSent == file.upload.total) {\n // If both, the `total` and `bytesSent` have already been set, and\n // they are equal (meaning progress is at 100%), we can skip this\n // file, since an upload progress shouldn't go down.\n continue;\n }\n\n if (e) {\n file.upload.progress = 100 * e.loaded / e.total;\n file.upload.total = e.total;\n file.upload.bytesSent = e.loaded;\n } else {\n // No event, so we're at 100%\n file.upload.progress = 100;\n file.upload.bytesSent = file.upload.total;\n }\n\n this.emit(\"uploadprogress\", file, file.upload.progress, file.upload.bytesSent);\n }\n } catch (err) {\n _iterator17.e(err);\n } finally {\n _iterator17.f();\n }\n } else {\n // Handle chunked file uploads\n // Chunked upload is not compatible with uploading multiple files in one\n // request, so we know there's only one file.\n var _file2 = files[0]; // Since this is a chunked upload, we need to update the appropriate chunk\n // progress.\n\n var chunk = this._getChunk(_file2, xhr);\n\n if (e) {\n chunk.progress = 100 * e.loaded / e.total;\n chunk.total = e.total;\n chunk.bytesSent = e.loaded;\n } else {\n // No event, so we're at 100%\n chunk.progress = 100;\n chunk.bytesSent = chunk.total;\n } // Now tally the *file* upload progress from its individual chunks\n\n\n _file2.upload.progress = 0;\n _file2.upload.total = 0;\n _file2.upload.bytesSent = 0;\n\n for (var i = 0; i < _file2.upload.totalChunkCount; i++) {\n if (_file2.upload.chunks[i] && typeof _file2.upload.chunks[i].progress !== \"undefined\") {\n _file2.upload.progress += _file2.upload.chunks[i].progress;\n _file2.upload.total += _file2.upload.chunks[i].total;\n _file2.upload.bytesSent += _file2.upload.chunks[i].bytesSent;\n }\n } // Since the process is a percentage, we need to divide by the amount of\n // chunks we've used.\n\n\n _file2.upload.progress = _file2.upload.progress / _file2.upload.totalChunkCount;\n this.emit(\"uploadprogress\", _file2, _file2.upload.progress, _file2.upload.bytesSent);\n }\n }\n }, {\n key: \"_finishedUploading\",\n value: function _finishedUploading(files, xhr, e) {\n var response;\n\n if (files[0].status === Dropzone.CANCELED) {\n return;\n }\n\n if (xhr.readyState !== 4) {\n return;\n }\n\n if (xhr.responseType !== \"arraybuffer\" && xhr.responseType !== \"blob\") {\n response = xhr.responseText;\n\n if (xhr.getResponseHeader(\"content-type\") && ~xhr.getResponseHeader(\"content-type\").indexOf(\"application/json\")) {\n try {\n response = JSON.parse(response);\n } catch (error) {\n e = error;\n response = \"Invalid JSON response from server.\";\n }\n }\n }\n\n this._updateFilesUploadProgress(files, xhr);\n\n if (!(200 <= xhr.status && xhr.status < 300)) {\n this._handleUploadError(files, xhr, response);\n } else {\n if (files[0].upload.chunked) {\n files[0].upload.finishedChunkUpload(this._getChunk(files[0], xhr), response);\n } else {\n this._finished(files, response, e);\n }\n }\n }\n }, {\n key: \"_handleUploadError\",\n value: function _handleUploadError(files, xhr, response) {\n if (files[0].status === Dropzone.CANCELED) {\n return;\n }\n\n if (files[0].upload.chunked && this.options.retryChunks) {\n var chunk = this._getChunk(files[0], xhr);\n\n if (chunk.retries++ < this.options.retryChunksLimit) {\n this._uploadData(files, [chunk.dataBlock]);\n\n return;\n } else {\n console.warn(\"Retried this chunk too often. Giving up.\");\n }\n }\n\n this._errorProcessing(files, response || this.options.dictResponseError.replace(\"{{statusCode}}\", xhr.status), xhr);\n }\n }, {\n key: \"submitRequest\",\n value: function submitRequest(xhr, formData, files) {\n if (xhr.readyState != 1) {\n console.warn(\"Cannot send this request because the XMLHttpRequest.readyState is not OPENED.\");\n return;\n }\n\n xhr.send(formData);\n } // Called internally when processing is finished.\n // Individual callbacks have to be called in the appropriate sections.\n\n }, {\n key: \"_finished\",\n value: function _finished(files, responseText, e) {\n var _iterator18 = dropzone_createForOfIteratorHelper(files, true),\n _step18;\n\n try {\n for (_iterator18.s(); !(_step18 = _iterator18.n()).done;) {\n var file = _step18.value;\n file.status = Dropzone.SUCCESS;\n this.emit(\"success\", file, responseText, e);\n this.emit(\"complete\", file);\n }\n } catch (err) {\n _iterator18.e(err);\n } finally {\n _iterator18.f();\n }\n\n if (this.options.uploadMultiple) {\n this.emit(\"successmultiple\", files, responseText, e);\n this.emit(\"completemultiple\", files);\n }\n\n if (this.options.autoProcessQueue) {\n return this.processQueue();\n }\n } // Called internally when processing is finished.\n // Individual callbacks have to be called in the appropriate sections.\n\n }, {\n key: \"_errorProcessing\",\n value: function _errorProcessing(files, message, xhr) {\n var _iterator19 = dropzone_createForOfIteratorHelper(files, true),\n _step19;\n\n try {\n for (_iterator19.s(); !(_step19 = _iterator19.n()).done;) {\n var file = _step19.value;\n file.status = Dropzone.ERROR;\n this.emit(\"error\", file, message, xhr);\n this.emit(\"complete\", file);\n }\n } catch (err) {\n _iterator19.e(err);\n } finally {\n _iterator19.f();\n }\n\n if (this.options.uploadMultiple) {\n this.emit(\"errormultiple\", files, message, xhr);\n this.emit(\"completemultiple\", files);\n }\n\n if (this.options.autoProcessQueue) {\n return this.processQueue();\n }\n }\n }], [{\n key: \"initClass\",\n value: function initClass() {\n // Exposing the emitter class, mainly for tests\n this.prototype.Emitter = Emitter;\n /*\n This is a list of all available events you can register on a dropzone object.\n You can register an event handler like this:\n dropzone.on(\"dragEnter\", function() { });\n */\n\n this.prototype.events = [\"drop\", \"dragstart\", \"dragend\", \"dragenter\", \"dragover\", \"dragleave\", \"addedfile\", \"addedfiles\", \"removedfile\", \"thumbnail\", \"error\", \"errormultiple\", \"processing\", \"processingmultiple\", \"uploadprogress\", \"totaluploadprogress\", \"sending\", \"sendingmultiple\", \"success\", \"successmultiple\", \"canceled\", \"canceledmultiple\", \"complete\", \"completemultiple\", \"reset\", \"maxfilesexceeded\", \"maxfilesreached\", \"queuecomplete\"];\n this.prototype._thumbnailQueue = [];\n this.prototype._processingThumbnail = false;\n } // global utility\n\n }, {\n key: \"extend\",\n value: function extend(target) {\n for (var _len2 = arguments.length, objects = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n objects[_key2 - 1] = arguments[_key2];\n }\n\n for (var _i4 = 0, _objects = objects; _i4 < _objects.length; _i4++) {\n var object = _objects[_i4];\n\n for (var key in object) {\n var val = object[key];\n target[key] = val;\n }\n }\n\n return target;\n }\n }, {\n key: \"uuidv4\",\n value: function uuidv4() {\n return \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g, function (c) {\n var r = Math.random() * 16 | 0,\n v = c === \"x\" ? r : r & 0x3 | 0x8;\n return v.toString(16);\n });\n }\n }]);\n\n return Dropzone;\n}(Emitter);\n\n\nDropzone.initClass();\nDropzone.version = \"5.9.3\"; // This is a map of options for your different dropzones. Add configurations\n// to this object for your different dropzone elemens.\n//\n// Example:\n//\n// Dropzone.options.myDropzoneElementId = { maxFilesize: 1 };\n//\n// To disable autoDiscover for a specific element, you can set `false` as an option:\n//\n// Dropzone.options.myDisabledElementId = false;\n//\n// And in html:\n//\n// \n\nDropzone.options = {}; // Returns the options for an element or undefined if none available.\n\nDropzone.optionsForElement = function (element) {\n // Get the `Dropzone.options.elementId` for this element if it exists\n if (element.getAttribute(\"id\")) {\n return Dropzone.options[camelize(element.getAttribute(\"id\"))];\n } else {\n return undefined;\n }\n}; // Holds a list of all dropzone instances\n\n\nDropzone.instances = []; // Returns the dropzone for given element if any\n\nDropzone.forElement = function (element) {\n if (typeof element === \"string\") {\n element = document.querySelector(element);\n }\n\n if ((element != null ? element.dropzone : undefined) == null) {\n throw new Error(\"No Dropzone found for given element. This is probably because you're trying to access it before Dropzone had the time to initialize. Use the `init` option to setup any additional observers on your Dropzone.\");\n }\n\n return element.dropzone;\n}; // Set to false if you don't want Dropzone to automatically find and attach to .dropzone elements.\n\n\nDropzone.autoDiscover = true; // Looks for all .dropzone elements and creates a dropzone for them\n\nDropzone.discover = function () {\n var dropzones;\n\n if (document.querySelectorAll) {\n dropzones = document.querySelectorAll(\".dropzone\");\n } else {\n dropzones = []; // IE :(\n\n var checkElements = function checkElements(elements) {\n return function () {\n var result = [];\n\n var _iterator20 = dropzone_createForOfIteratorHelper(elements, true),\n _step20;\n\n try {\n for (_iterator20.s(); !(_step20 = _iterator20.n()).done;) {\n var el = _step20.value;\n\n if (/(^| )dropzone($| )/.test(el.className)) {\n result.push(dropzones.push(el));\n } else {\n result.push(undefined);\n }\n }\n } catch (err) {\n _iterator20.e(err);\n } finally {\n _iterator20.f();\n }\n\n return result;\n }();\n };\n\n checkElements(document.getElementsByTagName(\"div\"));\n checkElements(document.getElementsByTagName(\"form\"));\n }\n\n return function () {\n var result = [];\n\n var _iterator21 = dropzone_createForOfIteratorHelper(dropzones, true),\n _step21;\n\n try {\n for (_iterator21.s(); !(_step21 = _iterator21.n()).done;) {\n var dropzone = _step21.value;\n\n // Create a dropzone unless auto discover has been disabled for specific element\n if (Dropzone.optionsForElement(dropzone) !== false) {\n result.push(new Dropzone(dropzone));\n } else {\n result.push(undefined);\n }\n }\n } catch (err) {\n _iterator21.e(err);\n } finally {\n _iterator21.f();\n }\n\n return result;\n }();\n}; // Some browsers support drag and drog functionality, but not correctly.\n//\n// So I created a blocklist of userAgents. Yes, yes. Browser sniffing, I know.\n// But what to do when browsers *theoretically* support an API, but crash\n// when using it.\n//\n// This is a list of regular expressions tested against navigator.userAgent\n//\n// ** It should only be used on browser that *do* support the API, but\n// incorrectly **\n\n\nDropzone.blockedBrowsers = [// The mac os and windows phone version of opera 12 seems to have a problem with the File drag'n'drop API.\n/opera.*(Macintosh|Windows Phone).*version\\/12/i]; // Checks if the browser is supported\n\nDropzone.isBrowserSupported = function () {\n var capableBrowser = true;\n\n if (window.File && window.FileReader && window.FileList && window.Blob && window.FormData && document.querySelector) {\n if (!(\"classList\" in document.createElement(\"a\"))) {\n capableBrowser = false;\n } else {\n if (Dropzone.blacklistedBrowsers !== undefined) {\n // Since this has been renamed, this makes sure we don't break older\n // configuration.\n Dropzone.blockedBrowsers = Dropzone.blacklistedBrowsers;\n } // The browser supports the API, but may be blocked.\n\n\n var _iterator22 = dropzone_createForOfIteratorHelper(Dropzone.blockedBrowsers, true),\n _step22;\n\n try {\n for (_iterator22.s(); !(_step22 = _iterator22.n()).done;) {\n var regex = _step22.value;\n\n if (regex.test(navigator.userAgent)) {\n capableBrowser = false;\n continue;\n }\n }\n } catch (err) {\n _iterator22.e(err);\n } finally {\n _iterator22.f();\n }\n }\n } else {\n capableBrowser = false;\n }\n\n return capableBrowser;\n};\n\nDropzone.dataURItoBlob = function (dataURI) {\n // convert base64 to raw binary data held in a string\n // doesn't handle URLEncoded DataURIs - see SO answer #6850276 for code that does this\n var byteString = atob(dataURI.split(\",\")[1]); // separate out the mime component\n\n var mimeString = dataURI.split(\",\")[0].split(\":\")[1].split(\";\")[0]; // write the bytes of the string to an ArrayBuffer\n\n var ab = new ArrayBuffer(byteString.length);\n var ia = new Uint8Array(ab);\n\n for (var i = 0, end = byteString.length, asc = 0 <= end; asc ? i <= end : i >= end; asc ? i++ : i--) {\n ia[i] = byteString.charCodeAt(i);\n } // write the ArrayBuffer to a blob\n\n\n return new Blob([ab], {\n type: mimeString\n });\n}; // Returns an array without the rejected item\n\n\nvar without = function without(list, rejectedItem) {\n return list.filter(function (item) {\n return item !== rejectedItem;\n }).map(function (item) {\n return item;\n });\n}; // abc-def_ghi -> abcDefGhi\n\n\nvar camelize = function camelize(str) {\n return str.replace(/[\\-_](\\w)/g, function (match) {\n return match.charAt(1).toUpperCase();\n });\n}; // Creates an element from string\n\n\nDropzone.createElement = function (string) {\n var div = document.createElement(\"div\");\n div.innerHTML = string;\n return div.childNodes[0];\n}; // Tests if given element is inside (or simply is) the container\n\n\nDropzone.elementInside = function (element, container) {\n if (element === container) {\n return true;\n } // Coffeescript doesn't support do/while loops\n\n\n while (element = element.parentNode) {\n if (element === container) {\n return true;\n }\n }\n\n return false;\n};\n\nDropzone.getElement = function (el, name) {\n var element;\n\n if (typeof el === \"string\") {\n element = document.querySelector(el);\n } else if (el.nodeType != null) {\n element = el;\n }\n\n if (element == null) {\n throw new Error(\"Invalid `\".concat(name, \"` option provided. Please provide a CSS selector or a plain HTML element.\"));\n }\n\n return element;\n};\n\nDropzone.getElements = function (els, name) {\n var el, elements;\n\n if (els instanceof Array) {\n elements = [];\n\n try {\n var _iterator23 = dropzone_createForOfIteratorHelper(els, true),\n _step23;\n\n try {\n for (_iterator23.s(); !(_step23 = _iterator23.n()).done;) {\n el = _step23.value;\n elements.push(this.getElement(el, name));\n }\n } catch (err) {\n _iterator23.e(err);\n } finally {\n _iterator23.f();\n }\n } catch (e) {\n elements = null;\n }\n } else if (typeof els === \"string\") {\n elements = [];\n\n var _iterator24 = dropzone_createForOfIteratorHelper(document.querySelectorAll(els), true),\n _step24;\n\n try {\n for (_iterator24.s(); !(_step24 = _iterator24.n()).done;) {\n el = _step24.value;\n elements.push(el);\n }\n } catch (err) {\n _iterator24.e(err);\n } finally {\n _iterator24.f();\n }\n } else if (els.nodeType != null) {\n elements = [els];\n }\n\n if (elements == null || !elements.length) {\n throw new Error(\"Invalid `\".concat(name, \"` option provided. Please provide a CSS selector, a plain HTML element or a list of those.\"));\n }\n\n return elements;\n}; // Asks the user the question and calls accepted or rejected accordingly\n//\n// The default implementation just uses `window.confirm` and then calls the\n// appropriate callback.\n\n\nDropzone.confirm = function (question, accepted, rejected) {\n if (window.confirm(question)) {\n return accepted();\n } else if (rejected != null) {\n return rejected();\n }\n}; // Validates the mime type like this:\n//\n// https://developer.mozilla.org/en-US/docs/HTML/Element/input#attr-accept\n\n\nDropzone.isValidFile = function (file, acceptedFiles) {\n if (!acceptedFiles) {\n return true;\n } // If there are no accepted mime types, it's OK\n\n\n acceptedFiles = acceptedFiles.split(\",\");\n var mimeType = file.type;\n var baseMimeType = mimeType.replace(/\\/.*$/, \"\");\n\n var _iterator25 = dropzone_createForOfIteratorHelper(acceptedFiles, true),\n _step25;\n\n try {\n for (_iterator25.s(); !(_step25 = _iterator25.n()).done;) {\n var validType = _step25.value;\n validType = validType.trim();\n\n if (validType.charAt(0) === \".\") {\n if (file.name.toLowerCase().indexOf(validType.toLowerCase(), file.name.length - validType.length) !== -1) {\n return true;\n }\n } else if (/\\/\\*$/.test(validType)) {\n // This is something like a image/* mime type\n if (baseMimeType === validType.replace(/\\/.*$/, \"\")) {\n return true;\n }\n } else {\n if (mimeType === validType) {\n return true;\n }\n }\n }\n } catch (err) {\n _iterator25.e(err);\n } finally {\n _iterator25.f();\n }\n\n return false;\n}; // Augment jQuery\n\n\nif (typeof jQuery !== \"undefined\" && jQuery !== null) {\n jQuery.fn.dropzone = function (options) {\n return this.each(function () {\n return new Dropzone(this, options);\n });\n };\n} // Dropzone file status codes\n\n\nDropzone.ADDED = \"added\";\nDropzone.QUEUED = \"queued\"; // For backwards compatibility. Now, if a file is accepted, it's either queued\n// or uploading.\n\nDropzone.ACCEPTED = Dropzone.QUEUED;\nDropzone.UPLOADING = \"uploading\";\nDropzone.PROCESSING = Dropzone.UPLOADING; // alias\n\nDropzone.CANCELED = \"canceled\";\nDropzone.ERROR = \"error\";\nDropzone.SUCCESS = \"success\";\n/*\n\n Bugfix for iOS 6 and 7\n Source: http://stackoverflow.com/questions/11929099/html5-canvas-drawimage-ratio-bug-ios\n based on the work of https://github.com/stomita/ios-imagefile-megapixel\n\n */\n// Detecting vertical squash in loaded image.\n// Fixes a bug which squash image vertically while drawing into canvas for some images.\n// This is a bug in iOS6 devices. This function from https://github.com/stomita/ios-imagefile-megapixel\n\nvar detectVerticalSquash = function detectVerticalSquash(img) {\n var iw = img.naturalWidth;\n var ih = img.naturalHeight;\n var canvas = document.createElement(\"canvas\");\n canvas.width = 1;\n canvas.height = ih;\n var ctx = canvas.getContext(\"2d\");\n ctx.drawImage(img, 0, 0);\n\n var _ctx$getImageData = ctx.getImageData(1, 0, 1, ih),\n data = _ctx$getImageData.data; // search image edge pixel position in case it is squashed vertically.\n\n\n var sy = 0;\n var ey = ih;\n var py = ih;\n\n while (py > sy) {\n var alpha = data[(py - 1) * 4 + 3];\n\n if (alpha === 0) {\n ey = py;\n } else {\n sy = py;\n }\n\n py = ey + sy >> 1;\n }\n\n var ratio = py / ih;\n\n if (ratio === 0) {\n return 1;\n } else {\n return ratio;\n }\n}; // A replacement for context.drawImage\n// (args are for source and destination).\n\n\nvar drawImageIOSFix = function drawImageIOSFix(ctx, img, sx, sy, sw, sh, dx, dy, dw, dh) {\n var vertSquashRatio = detectVerticalSquash(img);\n return ctx.drawImage(img, sx, sy, sw, sh, dx, dy, dw, dh / vertSquashRatio);\n}; // Based on MinifyJpeg\n// Source: http://www.perry.cz/files/ExifRestorer.js\n// http://elicon.blog57.fc2.com/blog-entry-206.html\n\n\nvar ExifRestore = /*#__PURE__*/function () {\n function ExifRestore() {\n dropzone_classCallCheck(this, ExifRestore);\n }\n\n dropzone_createClass(ExifRestore, null, [{\n key: \"initClass\",\n value: function initClass() {\n this.KEY_STR = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=\";\n }\n }, {\n key: \"encode64\",\n value: function encode64(input) {\n var output = \"\";\n var chr1 = undefined;\n var chr2 = undefined;\n var chr3 = \"\";\n var enc1 = undefined;\n var enc2 = undefined;\n var enc3 = undefined;\n var enc4 = \"\";\n var i = 0;\n\n while (true) {\n chr1 = input[i++];\n chr2 = input[i++];\n chr3 = input[i++];\n enc1 = chr1 >> 2;\n enc2 = (chr1 & 3) << 4 | chr2 >> 4;\n enc3 = (chr2 & 15) << 2 | chr3 >> 6;\n enc4 = chr3 & 63;\n\n if (isNaN(chr2)) {\n enc3 = enc4 = 64;\n } else if (isNaN(chr3)) {\n enc4 = 64;\n }\n\n output = output + this.KEY_STR.charAt(enc1) + this.KEY_STR.charAt(enc2) + this.KEY_STR.charAt(enc3) + this.KEY_STR.charAt(enc4);\n chr1 = chr2 = chr3 = \"\";\n enc1 = enc2 = enc3 = enc4 = \"\";\n\n if (!(i < input.length)) {\n break;\n }\n }\n\n return output;\n }\n }, {\n key: \"restore\",\n value: function restore(origFileBase64, resizedFileBase64) {\n if (!origFileBase64.match(\"data:image/jpeg;base64,\")) {\n return resizedFileBase64;\n }\n\n var rawImage = this.decode64(origFileBase64.replace(\"data:image/jpeg;base64,\", \"\"));\n var segments = this.slice2Segments(rawImage);\n var image = this.exifManipulation(resizedFileBase64, segments);\n return \"data:image/jpeg;base64,\".concat(this.encode64(image));\n }\n }, {\n key: \"exifManipulation\",\n value: function exifManipulation(resizedFileBase64, segments) {\n var exifArray = this.getExifArray(segments);\n var newImageArray = this.insertExif(resizedFileBase64, exifArray);\n var aBuffer = new Uint8Array(newImageArray);\n return aBuffer;\n }\n }, {\n key: \"getExifArray\",\n value: function getExifArray(segments) {\n var seg = undefined;\n var x = 0;\n\n while (x < segments.length) {\n seg = segments[x];\n\n if (seg[0] === 255 & seg[1] === 225) {\n return seg;\n }\n\n x++;\n }\n\n return [];\n }\n }, {\n key: \"insertExif\",\n value: function insertExif(resizedFileBase64, exifArray) {\n var imageData = resizedFileBase64.replace(\"data:image/jpeg;base64,\", \"\");\n var buf = this.decode64(imageData);\n var separatePoint = buf.indexOf(255, 3);\n var mae = buf.slice(0, separatePoint);\n var ato = buf.slice(separatePoint);\n var array = mae;\n array = array.concat(exifArray);\n array = array.concat(ato);\n return array;\n }\n }, {\n key: \"slice2Segments\",\n value: function slice2Segments(rawImageArray) {\n var head = 0;\n var segments = [];\n\n while (true) {\n var length;\n\n if (rawImageArray[head] === 255 & rawImageArray[head + 1] === 218) {\n break;\n }\n\n if (rawImageArray[head] === 255 & rawImageArray[head + 1] === 216) {\n head += 2;\n } else {\n length = rawImageArray[head + 2] * 256 + rawImageArray[head + 3];\n var endPoint = head + length + 2;\n var seg = rawImageArray.slice(head, endPoint);\n segments.push(seg);\n head = endPoint;\n }\n\n if (head > rawImageArray.length) {\n break;\n }\n }\n\n return segments;\n }\n }, {\n key: \"decode64\",\n value: function decode64(input) {\n var output = \"\";\n var chr1 = undefined;\n var chr2 = undefined;\n var chr3 = \"\";\n var enc1 = undefined;\n var enc2 = undefined;\n var enc3 = undefined;\n var enc4 = \"\";\n var i = 0;\n var buf = []; // remove all characters that are not A-Z, a-z, 0-9, +, /, or =\n\n var base64test = /[^A-Za-z0-9\\+\\/\\=]/g;\n\n if (base64test.exec(input)) {\n console.warn(\"There were invalid base64 characters in the input text.\\nValid base64 characters are A-Z, a-z, 0-9, '+', '/',and '='\\nExpect errors in decoding.\");\n }\n\n input = input.replace(/[^A-Za-z0-9\\+\\/\\=]/g, \"\");\n\n while (true) {\n enc1 = this.KEY_STR.indexOf(input.charAt(i++));\n enc2 = this.KEY_STR.indexOf(input.charAt(i++));\n enc3 = this.KEY_STR.indexOf(input.charAt(i++));\n enc4 = this.KEY_STR.indexOf(input.charAt(i++));\n chr1 = enc1 << 2 | enc2 >> 4;\n chr2 = (enc2 & 15) << 4 | enc3 >> 2;\n chr3 = (enc3 & 3) << 6 | enc4;\n buf.push(chr1);\n\n if (enc3 !== 64) {\n buf.push(chr2);\n }\n\n if (enc4 !== 64) {\n buf.push(chr3);\n }\n\n chr1 = chr2 = chr3 = \"\";\n enc1 = enc2 = enc3 = enc4 = \"\";\n\n if (!(i < input.length)) {\n break;\n }\n }\n\n return buf;\n }\n }]);\n\n return ExifRestore;\n}();\n\nExifRestore.initClass();\n/*\n * contentloaded.js\n *\n * Author: Diego Perini (diego.perini at gmail.com)\n * Summary: cross-browser wrapper for DOMContentLoaded\n * Updated: 20101020\n * License: MIT\n * Version: 1.2\n *\n * URL:\n * http://javascript.nwbox.com/ContentLoaded/\n * http://javascript.nwbox.com/ContentLoaded/MIT-LICENSE\n */\n// @win window reference\n// @fn function reference\n\nvar contentLoaded = function contentLoaded(win, fn) {\n var done = false;\n var top = true;\n var doc = win.document;\n var root = doc.documentElement;\n var add = doc.addEventListener ? \"addEventListener\" : \"attachEvent\";\n var rem = doc.addEventListener ? \"removeEventListener\" : \"detachEvent\";\n var pre = doc.addEventListener ? \"\" : \"on\";\n\n var init = function init(e) {\n if (e.type === \"readystatechange\" && doc.readyState !== \"complete\") {\n return;\n }\n\n (e.type === \"load\" ? win : doc)[rem](pre + e.type, init, false);\n\n if (!done && (done = true)) {\n return fn.call(win, e.type || e);\n }\n };\n\n var poll = function poll() {\n try {\n root.doScroll(\"left\");\n } catch (e) {\n setTimeout(poll, 50);\n return;\n }\n\n return init(\"poll\");\n };\n\n if (doc.readyState !== \"complete\") {\n if (doc.createEventObject && root.doScroll) {\n try {\n top = !win.frameElement;\n } catch (error) {}\n\n if (top) {\n poll();\n }\n }\n\n doc[add](pre + \"DOMContentLoaded\", init, false);\n doc[add](pre + \"readystatechange\", init, false);\n return win[add](pre + \"load\", init, false);\n }\n}; // As a single function to be able to write tests.\n\n\nDropzone._autoDiscoverFunction = function () {\n if (Dropzone.autoDiscover) {\n return Dropzone.discover();\n }\n};\n\ncontentLoaded(window, Dropzone._autoDiscoverFunction);\n\nfunction __guard__(value, transform) {\n return typeof value !== \"undefined\" && value !== null ? transform(value) : undefined;\n}\n\nfunction __guardMethod__(obj, methodName, transform) {\n if (typeof obj !== \"undefined\" && obj !== null && typeof obj[methodName] === \"function\") {\n return transform(obj, methodName);\n } else {\n return undefined;\n }\n}\n\n\n;// CONCATENATED MODULE: ./tool/dropzone.dist.js\n /// Make Dropzone a global variable.\n\nwindow.Dropzone = Dropzone;\n/* harmony default export */ var dropzone_dist = (Dropzone);\n\n}();\n/******/ \treturn __webpack_exports__;\n/******/ })()\n;\n});","\"use strict\";\nif (typeof Object.assign !== \"function\") {\n Object.assign = function (target) {\n var args = [];\n for (var _i = 1; _i < arguments.length; _i++) {\n args[_i - 1] = arguments[_i];\n }\n if (!target) {\n throw TypeError(\"Cannot convert undefined or null to object\");\n }\n var _loop_1 = function (source) {\n if (source) {\n Object.keys(source).forEach(function (key) { return (target[key] = source[key]); });\n }\n };\n for (var _a = 0, args_1 = args; _a < args_1.length; _a++) {\n var source = args_1[_a];\n _loop_1(source);\n }\n return target;\n };\n}\n","(function (global, factory) {\n typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :\n typeof define === 'function' && define.amd ? define(factory) :\n (global = global || self, global.GLightbox = factory());\n}(this, (function () { 'use strict';\n\n function _toPrimitive(t, r) {\n if (\"object\" != typeof t || !t) return t;\n var e = t[Symbol.toPrimitive];\n if (void 0 !== e) {\n var i = e.call(t, r || \"default\");\n if (\"object\" != typeof i) return i;\n throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n }\n return (\"string\" === r ? String : Number)(t);\n }\n function _toPropertyKey(t) {\n var i = _toPrimitive(t, \"string\");\n return \"symbol\" == typeof i ? i : i + \"\";\n }\n function _typeof(o) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n return typeof o;\n } : function (o) {\n return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n }, _typeof(o);\n }\n function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n }\n function _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);\n }\n }\n function _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n Object.defineProperty(Constructor, \"prototype\", {\n writable: false\n });\n return Constructor;\n }\n\n var uid = Date.now();\n function extend() {\n var extended = {};\n var deep = true;\n var i = 0;\n var length = arguments.length;\n if (Object.prototype.toString.call(arguments[0]) === '[object Boolean]') {\n deep = arguments[0];\n i++;\n }\n var merge = function merge(obj) {\n for (var prop in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, prop)) {\n if (deep && Object.prototype.toString.call(obj[prop]) === '[object Object]') {\n extended[prop] = extend(true, extended[prop], obj[prop]);\n } else {\n extended[prop] = obj[prop];\n }\n }\n }\n };\n for (; i < length; i++) {\n var obj = arguments[i];\n merge(obj);\n }\n return extended;\n }\n function each(collection, callback) {\n if (isNode(collection) || collection === window || collection === document) {\n collection = [collection];\n }\n if (!isArrayLike(collection) && !isObject(collection)) {\n collection = [collection];\n }\n if (size(collection) == 0) {\n return;\n }\n if (isArrayLike(collection) && !isObject(collection)) {\n var l = collection.length,\n i = 0;\n for (; i < l; i++) {\n if (callback.call(collection[i], collection[i], i, collection) === false) {\n break;\n }\n }\n } else if (isObject(collection)) {\n for (var key in collection) {\n if (has(collection, key)) {\n if (callback.call(collection[key], collection[key], key, collection) === false) {\n break;\n }\n }\n }\n }\n }\n function getNodeEvents(node) {\n var name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;\n var fn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;\n var cache = node[uid] = node[uid] || [];\n var data = {\n all: cache,\n evt: null,\n found: null\n };\n if (name && fn && size(cache) > 0) {\n each(cache, function (cl, i) {\n if (cl.eventName == name && cl.fn.toString() == fn.toString()) {\n data.found = true;\n data.evt = i;\n return false;\n }\n });\n }\n return data;\n }\n function addEvent(eventName) {\n var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},\n onElement = _ref.onElement,\n withCallback = _ref.withCallback,\n _ref$avoidDuplicate = _ref.avoidDuplicate,\n avoidDuplicate = _ref$avoidDuplicate === void 0 ? true : _ref$avoidDuplicate,\n _ref$once = _ref.once,\n once = _ref$once === void 0 ? false : _ref$once,\n _ref$useCapture = _ref.useCapture,\n useCapture = _ref$useCapture === void 0 ? false : _ref$useCapture;\n var thisArg = arguments.length > 2 ? arguments[2] : undefined;\n var element = onElement || [];\n if (isString(element)) {\n element = document.querySelectorAll(element);\n }\n function handler(event) {\n if (isFunction(withCallback)) {\n withCallback.call(thisArg, event, this);\n }\n if (once) {\n handler.destroy();\n }\n }\n handler.destroy = function () {\n each(element, function (el) {\n var events = getNodeEvents(el, eventName, handler);\n if (events.found) {\n events.all.splice(events.evt, 1);\n }\n if (el.removeEventListener) {\n el.removeEventListener(eventName, handler, useCapture);\n }\n });\n };\n each(element, function (el) {\n var events = getNodeEvents(el, eventName, handler);\n if (el.addEventListener && avoidDuplicate && !events.found || !avoidDuplicate) {\n el.addEventListener(eventName, handler, useCapture);\n events.all.push({\n eventName: eventName,\n fn: handler\n });\n }\n });\n return handler;\n }\n function addClass(node, name) {\n each(name.split(' '), function (cl) {\n return node.classList.add(cl);\n });\n }\n function removeClass(node, name) {\n each(name.split(' '), function (cl) {\n return node.classList.remove(cl);\n });\n }\n function hasClass(node, name) {\n return node.classList.contains(name);\n }\n function closest(elem, selector) {\n while (elem !== document.body) {\n elem = elem.parentElement;\n if (!elem) {\n return false;\n }\n var matches = typeof elem.matches == 'function' ? elem.matches(selector) : elem.msMatchesSelector(selector);\n if (matches) {\n return elem;\n }\n }\n }\n function animateElement(element) {\n var animation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';\n var callback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n if (!element || animation === '') {\n return false;\n }\n if (animation === 'none') {\n if (isFunction(callback)) {\n callback();\n }\n return false;\n }\n var animationEnd = whichAnimationEvent();\n var animationNames = animation.split(' ');\n each(animationNames, function (name) {\n addClass(element, 'g' + name);\n });\n addEvent(animationEnd, {\n onElement: element,\n avoidDuplicate: false,\n once: true,\n withCallback: function withCallback(event, target) {\n each(animationNames, function (name) {\n removeClass(target, 'g' + name);\n });\n if (isFunction(callback)) {\n callback();\n }\n }\n });\n }\n function cssTransform(node) {\n var translate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';\n if (translate === '') {\n node.style.webkitTransform = '';\n node.style.MozTransform = '';\n node.style.msTransform = '';\n node.style.OTransform = '';\n node.style.transform = '';\n return false;\n }\n node.style.webkitTransform = translate;\n node.style.MozTransform = translate;\n node.style.msTransform = translate;\n node.style.OTransform = translate;\n node.style.transform = translate;\n }\n function show(element) {\n element.style.display = 'block';\n }\n function hide(element) {\n element.style.display = 'none';\n }\n function createHTML(htmlStr) {\n var frag = document.createDocumentFragment(),\n temp = document.createElement('div');\n temp.innerHTML = htmlStr;\n while (temp.firstChild) {\n frag.appendChild(temp.firstChild);\n }\n return frag;\n }\n function windowSize() {\n return {\n width: window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth,\n height: window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight\n };\n }\n function whichAnimationEvent() {\n var t,\n el = document.createElement('fakeelement');\n var animations = {\n animation: 'animationend',\n OAnimation: 'oAnimationEnd',\n MozAnimation: 'animationend',\n WebkitAnimation: 'webkitAnimationEnd'\n };\n for (t in animations) {\n if (el.style[t] !== undefined) {\n return animations[t];\n }\n }\n }\n function whichTransitionEvent() {\n var t,\n el = document.createElement('fakeelement');\n var transitions = {\n transition: 'transitionend',\n OTransition: 'oTransitionEnd',\n MozTransition: 'transitionend',\n WebkitTransition: 'webkitTransitionEnd'\n };\n for (t in transitions) {\n if (el.style[t] !== undefined) {\n return transitions[t];\n }\n }\n }\n function createIframe(config) {\n var url = config.url,\n allow = config.allow,\n callback = config.callback,\n appendTo = config.appendTo;\n var iframe = document.createElement('iframe');\n iframe.className = 'vimeo-video gvideo';\n iframe.src = url;\n iframe.style.width = '100%';\n iframe.style.height = '100%';\n if (allow) {\n iframe.setAttribute('allow', allow);\n }\n iframe.onload = function () {\n iframe.onload = null;\n addClass(iframe, 'node-ready');\n if (isFunction(callback)) {\n callback();\n }\n };\n if (appendTo) {\n appendTo.appendChild(iframe);\n }\n return iframe;\n }\n function waitUntil(check, onComplete, delay, timeout) {\n if (check()) {\n onComplete();\n return;\n }\n if (!delay) {\n delay = 100;\n }\n var timeoutPointer;\n var intervalPointer = setInterval(function () {\n if (!check()) {\n return;\n }\n clearInterval(intervalPointer);\n if (timeoutPointer) {\n clearTimeout(timeoutPointer);\n }\n onComplete();\n }, delay);\n if (timeout) {\n timeoutPointer = setTimeout(function () {\n clearInterval(intervalPointer);\n }, timeout);\n }\n }\n function injectAssets(url, waitFor, callback) {\n if (isNil(url)) {\n console.error('Inject assets error');\n return;\n }\n if (isFunction(waitFor)) {\n callback = waitFor;\n waitFor = false;\n }\n if (isString(waitFor) && waitFor in window) {\n if (isFunction(callback)) {\n callback();\n }\n return;\n }\n var found;\n if (url.indexOf('.css') !== -1) {\n found = document.querySelectorAll('link[href=\"' + url + '\"]');\n if (found && found.length > 0) {\n if (isFunction(callback)) {\n callback();\n }\n return;\n }\n var head = document.getElementsByTagName('head')[0];\n var headStyles = head.querySelectorAll('link[rel=\"stylesheet\"]');\n var link = document.createElement('link');\n link.rel = 'stylesheet';\n link.type = 'text/css';\n link.href = url;\n link.media = 'all';\n if (headStyles) {\n head.insertBefore(link, headStyles[0]);\n } else {\n head.appendChild(link);\n }\n if (isFunction(callback)) {\n callback();\n }\n return;\n }\n found = document.querySelectorAll('script[src=\"' + url + '\"]');\n if (found && found.length > 0) {\n if (isFunction(callback)) {\n if (isString(waitFor)) {\n waitUntil(function () {\n return typeof window[waitFor] !== 'undefined';\n }, function () {\n callback();\n });\n return false;\n }\n callback();\n }\n return;\n }\n var script = document.createElement('script');\n script.type = 'text/javascript';\n script.src = url;\n script.onload = function () {\n if (isFunction(callback)) {\n if (isString(waitFor)) {\n waitUntil(function () {\n return typeof window[waitFor] !== 'undefined';\n }, function () {\n callback();\n });\n return false;\n }\n callback();\n }\n };\n document.body.appendChild(script);\n }\n function isMobile() {\n return 'navigator' in window && window.navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(Android)|(PlayBook)|(BB10)|(BlackBerry)|(Opera Mini)|(IEMobile)|(webOS)|(MeeGo)/i);\n }\n function isTouch() {\n return isMobile() !== null || document.createTouch !== undefined || 'ontouchstart' in window || 'onmsgesturechange' in window || navigator.msMaxTouchPoints;\n }\n function isFunction(f) {\n return typeof f === 'function';\n }\n function isString(s) {\n return typeof s === 'string';\n }\n function isNode(el) {\n return !!(el && el.nodeType && el.nodeType == 1);\n }\n function isArray(ar) {\n return Array.isArray(ar);\n }\n function isArrayLike(ar) {\n return ar && ar.length && isFinite(ar.length);\n }\n function isObject(o) {\n var type = _typeof(o);\n return type === 'object' && o != null && !isFunction(o) && !isArray(o);\n }\n function isNil(o) {\n return o == null;\n }\n function has(obj, key) {\n return obj !== null && hasOwnProperty.call(obj, key);\n }\n function size(o) {\n if (isObject(o)) {\n if (o.keys) {\n return o.keys().length;\n }\n var l = 0;\n for (var k in o) {\n if (has(o, k)) {\n l++;\n }\n }\n return l;\n } else {\n return o.length;\n }\n }\n function isNumber(n) {\n return !isNaN(parseFloat(n)) && isFinite(n);\n }\n\n function getNextFocusElement() {\n var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;\n var btns = document.querySelectorAll('.gbtn[data-taborder]:not(.disabled)');\n if (!btns.length) {\n return false;\n }\n if (btns.length == 1) {\n return btns[0];\n }\n if (typeof current == 'string') {\n current = parseInt(current);\n }\n var orders = [];\n each(btns, function (btn) {\n orders.push(btn.getAttribute('data-taborder'));\n });\n var highestOrder = Math.max.apply(Math, orders.map(function (order) {\n return parseInt(order);\n }));\n var newIndex = current < 0 ? 1 : current + 1;\n if (newIndex > highestOrder) {\n newIndex = '1';\n }\n var nextOrders = orders.filter(function (el) {\n return el >= parseInt(newIndex);\n });\n var nextFocus = nextOrders.sort()[0];\n return document.querySelector(\".gbtn[data-taborder=\\\"\".concat(nextFocus, \"\\\"]\"));\n }\n function keyboardNavigation(instance) {\n if (instance.events.hasOwnProperty('keyboard')) {\n return false;\n }\n instance.events['keyboard'] = addEvent('keydown', {\n onElement: window,\n withCallback: function withCallback(event, target) {\n event = event || window.event;\n var key = event.keyCode;\n if (key == 9) {\n var focusedButton = document.querySelector('.gbtn.focused');\n if (!focusedButton) {\n var activeElement = document.activeElement && document.activeElement.nodeName ? document.activeElement.nodeName.toLocaleLowerCase() : false;\n if (activeElement == 'input' || activeElement == 'textarea' || activeElement == 'button') {\n return;\n }\n }\n event.preventDefault();\n var btns = document.querySelectorAll('.gbtn[data-taborder]');\n if (!btns || btns.length <= 0) {\n return;\n }\n if (!focusedButton) {\n var first = getNextFocusElement();\n if (first) {\n first.focus();\n addClass(first, 'focused');\n }\n return;\n }\n var currentFocusOrder = focusedButton.getAttribute('data-taborder');\n var nextFocus = getNextFocusElement(currentFocusOrder);\n removeClass(focusedButton, 'focused');\n if (nextFocus) {\n nextFocus.focus();\n addClass(nextFocus, 'focused');\n }\n }\n if (key == 39) {\n instance.nextSlide();\n }\n if (key == 37) {\n instance.prevSlide();\n }\n if (key == 27) {\n instance.close();\n }\n }\n });\n }\n\n var ZoomImages = function () {\n function ZoomImages(el, slide) {\n var _this = this;\n var onclose = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;\n _classCallCheck(this, ZoomImages);\n this.img = el;\n this.slide = slide;\n this.onclose = onclose;\n if (this.img.setZoomEvents) {\n return false;\n }\n this.active = false;\n this.zoomedIn = false;\n this.dragging = false;\n this.currentX = null;\n this.currentY = null;\n this.initialX = null;\n this.initialY = null;\n this.xOffset = 0;\n this.yOffset = 0;\n this.img.addEventListener('mousedown', function (e) {\n return _this.dragStart(e);\n }, false);\n this.img.addEventListener('mouseup', function (e) {\n return _this.dragEnd(e);\n }, false);\n this.img.addEventListener('mousemove', function (e) {\n return _this.drag(e);\n }, false);\n this.img.addEventListener('click', function (e) {\n if (_this.slide.classList.contains('dragging-nav')) {\n _this.zoomOut();\n return false;\n }\n if (!_this.zoomedIn) {\n return _this.zoomIn();\n }\n if (_this.zoomedIn && !_this.dragging) {\n _this.zoomOut();\n }\n }, false);\n this.img.setZoomEvents = true;\n }\n return _createClass(ZoomImages, [{\n key: \"zoomIn\",\n value: function zoomIn() {\n var winWidth = this.widowWidth();\n if (this.zoomedIn || winWidth <= 768) {\n return;\n }\n var img = this.img;\n img.setAttribute('data-style', img.getAttribute('style'));\n img.style.maxWidth = img.naturalWidth + 'px';\n img.style.maxHeight = img.naturalHeight + 'px';\n if (img.naturalWidth > winWidth) {\n var centerX = winWidth / 2 - img.naturalWidth / 2;\n this.setTranslate(this.img.parentNode, centerX, 0);\n }\n this.slide.classList.add('zoomed');\n this.zoomedIn = true;\n }\n }, {\n key: \"zoomOut\",\n value: function zoomOut() {\n this.img.parentNode.setAttribute('style', '');\n this.img.setAttribute('style', this.img.getAttribute('data-style'));\n this.slide.classList.remove('zoomed');\n this.zoomedIn = false;\n this.currentX = null;\n this.currentY = null;\n this.initialX = null;\n this.initialY = null;\n this.xOffset = 0;\n this.yOffset = 0;\n if (this.onclose && typeof this.onclose == 'function') {\n this.onclose();\n }\n }\n }, {\n key: \"dragStart\",\n value: function dragStart(e) {\n e.preventDefault();\n if (!this.zoomedIn) {\n this.active = false;\n return;\n }\n if (e.type === 'touchstart') {\n this.initialX = e.touches[0].clientX - this.xOffset;\n this.initialY = e.touches[0].clientY - this.yOffset;\n } else {\n this.initialX = e.clientX - this.xOffset;\n this.initialY = e.clientY - this.yOffset;\n }\n if (e.target === this.img) {\n this.active = true;\n this.img.classList.add('dragging');\n }\n }\n }, {\n key: \"dragEnd\",\n value: function dragEnd(e) {\n var _this2 = this;\n e.preventDefault();\n this.initialX = this.currentX;\n this.initialY = this.currentY;\n this.active = false;\n setTimeout(function () {\n _this2.dragging = false;\n _this2.img.isDragging = false;\n _this2.img.classList.remove('dragging');\n }, 100);\n }\n }, {\n key: \"drag\",\n value: function drag(e) {\n if (this.active) {\n e.preventDefault();\n if (e.type === 'touchmove') {\n this.currentX = e.touches[0].clientX - this.initialX;\n this.currentY = e.touches[0].clientY - this.initialY;\n } else {\n this.currentX = e.clientX - this.initialX;\n this.currentY = e.clientY - this.initialY;\n }\n this.xOffset = this.currentX;\n this.yOffset = this.currentY;\n this.img.isDragging = true;\n this.dragging = true;\n this.setTranslate(this.img, this.currentX, this.currentY);\n }\n }\n }, {\n key: \"onMove\",\n value: function onMove(e) {\n if (!this.zoomedIn) {\n return;\n }\n var xOffset = e.clientX - this.img.naturalWidth / 2;\n var yOffset = e.clientY - this.img.naturalHeight / 2;\n this.setTranslate(this.img, xOffset, yOffset);\n }\n }, {\n key: \"setTranslate\",\n value: function setTranslate(node, xPos, yPos) {\n node.style.transform = 'translate3d(' + xPos + 'px, ' + yPos + 'px, 0)';\n }\n }, {\n key: \"widowWidth\",\n value: function widowWidth() {\n return window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;\n }\n }]);\n }();\n\n var DragSlides = function () {\n function DragSlides() {\n var _this = this;\n var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n _classCallCheck(this, DragSlides);\n var dragEl = config.dragEl,\n _config$toleranceX = config.toleranceX,\n toleranceX = _config$toleranceX === void 0 ? 40 : _config$toleranceX,\n _config$toleranceY = config.toleranceY,\n toleranceY = _config$toleranceY === void 0 ? 65 : _config$toleranceY,\n _config$slide = config.slide,\n slide = _config$slide === void 0 ? null : _config$slide,\n _config$instance = config.instance,\n instance = _config$instance === void 0 ? null : _config$instance;\n this.el = dragEl;\n this.active = false;\n this.dragging = false;\n this.currentX = null;\n this.currentY = null;\n this.initialX = null;\n this.initialY = null;\n this.xOffset = 0;\n this.yOffset = 0;\n this.direction = null;\n this.lastDirection = null;\n this.toleranceX = toleranceX;\n this.toleranceY = toleranceY;\n this.toleranceReached = false;\n this.dragContainer = this.el;\n this.slide = slide;\n this.instance = instance;\n this.el.addEventListener('mousedown', function (e) {\n return _this.dragStart(e);\n }, false);\n this.el.addEventListener('mouseup', function (e) {\n return _this.dragEnd(e);\n }, false);\n this.el.addEventListener('mousemove', function (e) {\n return _this.drag(e);\n }, false);\n }\n return _createClass(DragSlides, [{\n key: \"dragStart\",\n value: function dragStart(e) {\n if (this.slide.classList.contains('zoomed')) {\n this.active = false;\n return;\n }\n if (e.type === 'touchstart') {\n this.initialX = e.touches[0].clientX - this.xOffset;\n this.initialY = e.touches[0].clientY - this.yOffset;\n } else {\n this.initialX = e.clientX - this.xOffset;\n this.initialY = e.clientY - this.yOffset;\n }\n var clicked = e.target.nodeName.toLowerCase();\n var exludeClicks = ['input', 'select', 'textarea', 'button', 'a'];\n if (e.target.classList.contains('nodrag') || closest(e.target, '.nodrag') || exludeClicks.indexOf(clicked) !== -1) {\n this.active = false;\n return;\n }\n e.preventDefault();\n if (e.target === this.el || clicked !== 'img' && closest(e.target, '.gslide-inline')) {\n this.active = true;\n this.el.classList.add('dragging');\n this.dragContainer = closest(e.target, '.ginner-container');\n }\n }\n }, {\n key: \"dragEnd\",\n value: function dragEnd(e) {\n var _this2 = this;\n e && e.preventDefault();\n this.initialX = 0;\n this.initialY = 0;\n this.currentX = null;\n this.currentY = null;\n this.initialX = null;\n this.initialY = null;\n this.xOffset = 0;\n this.yOffset = 0;\n this.active = false;\n if (this.doSlideChange) {\n this.instance.preventOutsideClick = true;\n this.doSlideChange == 'right' && this.instance.prevSlide();\n this.doSlideChange == 'left' && this.instance.nextSlide();\n }\n if (this.doSlideClose) {\n this.instance.close();\n }\n if (!this.toleranceReached) {\n this.setTranslate(this.dragContainer, 0, 0, true);\n }\n setTimeout(function () {\n _this2.instance.preventOutsideClick = false;\n _this2.toleranceReached = false;\n _this2.lastDirection = null;\n _this2.dragging = false;\n _this2.el.isDragging = false;\n _this2.el.classList.remove('dragging');\n _this2.slide.classList.remove('dragging-nav');\n _this2.dragContainer.style.transform = '';\n _this2.dragContainer.style.transition = '';\n }, 100);\n }\n }, {\n key: \"drag\",\n value: function drag(e) {\n if (this.active) {\n e.preventDefault();\n this.slide.classList.add('dragging-nav');\n if (e.type === 'touchmove') {\n this.currentX = e.touches[0].clientX - this.initialX;\n this.currentY = e.touches[0].clientY - this.initialY;\n } else {\n this.currentX = e.clientX - this.initialX;\n this.currentY = e.clientY - this.initialY;\n }\n this.xOffset = this.currentX;\n this.yOffset = this.currentY;\n this.el.isDragging = true;\n this.dragging = true;\n this.doSlideChange = false;\n this.doSlideClose = false;\n var currentXInt = Math.abs(this.currentX);\n var currentYInt = Math.abs(this.currentY);\n if (currentXInt > 0 && currentXInt >= Math.abs(this.currentY) && (!this.lastDirection || this.lastDirection == 'x')) {\n this.yOffset = 0;\n this.lastDirection = 'x';\n this.setTranslate(this.dragContainer, this.currentX, 0);\n var doChange = this.shouldChange();\n if (!this.instance.settings.dragAutoSnap && doChange) {\n this.doSlideChange = doChange;\n }\n if (this.instance.settings.dragAutoSnap && doChange) {\n this.instance.preventOutsideClick = true;\n this.toleranceReached = true;\n this.active = false;\n this.instance.preventOutsideClick = true;\n this.dragEnd(null);\n doChange == 'right' && this.instance.prevSlide();\n doChange == 'left' && this.instance.nextSlide();\n return;\n }\n }\n if (this.toleranceY > 0 && currentYInt > 0 && currentYInt >= currentXInt && (!this.lastDirection || this.lastDirection == 'y')) {\n this.xOffset = 0;\n this.lastDirection = 'y';\n this.setTranslate(this.dragContainer, 0, this.currentY);\n var doClose = this.shouldClose();\n if (!this.instance.settings.dragAutoSnap && doClose) {\n this.doSlideClose = true;\n }\n if (this.instance.settings.dragAutoSnap && doClose) {\n this.instance.close();\n }\n return;\n }\n }\n }\n }, {\n key: \"shouldChange\",\n value: function shouldChange() {\n var doChange = false;\n var currentXInt = Math.abs(this.currentX);\n if (currentXInt >= this.toleranceX) {\n var dragDir = this.currentX > 0 ? 'right' : 'left';\n if (dragDir == 'left' && this.slide !== this.slide.parentNode.lastChild || dragDir == 'right' && this.slide !== this.slide.parentNode.firstChild) {\n doChange = dragDir;\n }\n }\n return doChange;\n }\n }, {\n key: \"shouldClose\",\n value: function shouldClose() {\n var doClose = false;\n var currentYInt = Math.abs(this.currentY);\n if (currentYInt >= this.toleranceY) {\n doClose = true;\n }\n return doClose;\n }\n }, {\n key: \"setTranslate\",\n value: function setTranslate(node, xPos, yPos) {\n var animated = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;\n if (animated) {\n node.style.transition = 'all .2s ease';\n } else {\n node.style.transition = '';\n }\n node.style.transform = \"translate3d(\".concat(xPos, \"px, \").concat(yPos, \"px, 0)\");\n }\n }]);\n }();\n\n function slideImage(slide, data, index, callback) {\n var slideMedia = slide.querySelector('.gslide-media');\n var img = new Image();\n var titleID = 'gSlideTitle_' + index;\n var textID = 'gSlideDesc_' + index;\n img.addEventListener('load', function () {\n if (isFunction(callback)) {\n callback();\n }\n }, false);\n img.src = data.href;\n if (data.sizes != '' && data.srcset != '') {\n img.sizes = data.sizes;\n img.srcset = data.srcset;\n }\n img.alt = '';\n if (!isNil(data.alt) && data.alt !== '') {\n img.alt = data.alt;\n }\n if (data.title !== '') {\n img.setAttribute('aria-labelledby', titleID);\n }\n if (data.description !== '') {\n img.setAttribute('aria-describedby', textID);\n }\n if (data.hasOwnProperty('_hasCustomWidth') && data._hasCustomWidth) {\n img.style.width = data.width;\n }\n if (data.hasOwnProperty('_hasCustomHeight') && data._hasCustomHeight) {\n img.style.height = data.height;\n }\n slideMedia.insertBefore(img, slideMedia.firstChild);\n return;\n }\n\n function slideVideo(slide, data, index, callback) {\n var _this = this;\n var slideContainer = slide.querySelector('.ginner-container');\n var videoID = 'gvideo' + index;\n var slideMedia = slide.querySelector('.gslide-media');\n var videoPlayers = this.getAllPlayers();\n addClass(slideContainer, 'gvideo-container');\n slideMedia.insertBefore(createHTML(''), slideMedia.firstChild);\n var videoWrapper = slide.querySelector('.gvideo-wrapper');\n injectAssets(this.settings.plyr.css, 'Plyr');\n var url = data.href;\n var provider = data === null || data === void 0 ? void 0 : data.videoProvider;\n var customPlaceholder = false;\n slideMedia.style.maxWidth = data.width;\n injectAssets(this.settings.plyr.js, 'Plyr', function () {\n if (!provider && url.match(/vimeo\\.com\\/([0-9]*)/)) {\n provider = 'vimeo';\n }\n if (!provider && (url.match(/(youtube\\.com|youtube-nocookie\\.com)\\/watch\\?v=([a-zA-Z0-9\\-_]+)/) || url.match(/youtu\\.be\\/([a-zA-Z0-9\\-_]+)/) || url.match(/(youtube\\.com|youtube-nocookie\\.com)\\/embed\\/([a-zA-Z0-9\\-_]+)/) || url.match(/(youtube\\.com|youtube-nocookie\\.com)\\/shorts\\/([a-zA-Z0-9\\-_]+)/))) {\n provider = 'youtube';\n }\n if (provider === 'local' || !provider) {\n provider = 'local';\n var html = '';\n customPlaceholder = createHTML(html);\n }\n var placeholder = customPlaceholder ? customPlaceholder : createHTML(\"\"));\n addClass(videoWrapper, \"\".concat(provider, \"-video gvideo\"));\n videoWrapper.appendChild(placeholder);\n videoWrapper.setAttribute('data-id', videoID);\n videoWrapper.setAttribute('data-index', index);\n var playerConfig = has(_this.settings.plyr, 'config') ? _this.settings.plyr.config : {};\n var player = new Plyr('#' + videoID, playerConfig);\n player.on('ready', function (event) {\n videoPlayers[videoID] = event.detail.plyr;\n if (isFunction(callback)) {\n callback();\n }\n });\n waitUntil(function () {\n return slide.querySelector('iframe') && slide.querySelector('iframe').dataset.ready == 'true';\n }, function () {\n _this.resize(slide);\n });\n player.on('enterfullscreen', handleMediaFullScreen);\n player.on('exitfullscreen', handleMediaFullScreen);\n });\n }\n function handleMediaFullScreen(event) {\n var media = closest(event.target, '.gslide-media');\n if (event.type === 'enterfullscreen') {\n addClass(media, 'fullscreen');\n }\n if (event.type === 'exitfullscreen') {\n removeClass(media, 'fullscreen');\n }\n }\n\n function slideInline(slide, data, index, callback) {\n var _this = this;\n var slideMedia = slide.querySelector('.gslide-media');\n var hash = has(data, 'href') && data.href ? data.href.split('#').pop().trim() : false;\n var content = has(data, 'content') && data.content ? data.content : false;\n var innerContent;\n if (content) {\n if (isString(content)) {\n innerContent = createHTML(\"\".concat(this.options.dictFallbackText, \"
\");\n }\n\n fieldsString += \"\".concat(content, \"
\"));\n }\n if (isNode(content)) {\n if (content.style.display == 'none') {\n content.style.display = 'block';\n }\n var container = document.createElement('div');\n container.className = 'ginlined-content';\n container.appendChild(content);\n innerContent = container;\n }\n }\n if (hash) {\n var div = document.getElementById(hash);\n if (!div) {\n return false;\n }\n var cloned = div.cloneNode(true);\n cloned.style.height = data.height;\n cloned.style.maxWidth = data.width;\n addClass(cloned, 'ginlined-content');\n innerContent = cloned;\n }\n if (!innerContent) {\n console.error('Unable to append inline slide content', data);\n return false;\n }\n slideMedia.style.height = data.height;\n slideMedia.style.width = data.width;\n slideMedia.appendChild(innerContent);\n this.events['inlineclose' + hash] = addEvent('click', {\n onElement: slideMedia.querySelectorAll('.gtrigger-close'),\n withCallback: function withCallback(e) {\n e.preventDefault();\n _this.close();\n }\n });\n if (isFunction(callback)) {\n callback();\n }\n return;\n }\n\n function slideIframe(slide, data, index, callback) {\n var slideMedia = slide.querySelector('.gslide-media');\n var iframe = createIframe({\n url: data.href,\n callback: callback\n });\n slideMedia.parentNode.style.maxWidth = data.width;\n slideMedia.parentNode.style.height = data.height;\n slideMedia.appendChild(iframe);\n return;\n }\n\n var SlideConfigParser = function () {\n function SlideConfigParser() {\n var slideParamas = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n _classCallCheck(this, SlideConfigParser);\n this.defaults = {\n href: '',\n sizes: '',\n srcset: '',\n title: '',\n type: '',\n videoProvider: '',\n description: '',\n alt: '',\n descPosition: 'bottom',\n effect: '',\n width: '',\n height: '',\n content: false,\n zoomable: true,\n draggable: true\n };\n if (isObject(slideParamas)) {\n this.defaults = extend(this.defaults, slideParamas);\n }\n }\n return _createClass(SlideConfigParser, [{\n key: \"sourceType\",\n value: function sourceType(url) {\n var origin = url;\n url = url.toLowerCase();\n if (url.match(/\\.(jpeg|jpg|jpe|gif|png|apn|webp|avif|svg)/) !== null) {\n return 'image';\n }\n if (url.match(/(youtube\\.com|youtube-nocookie\\.com)\\/watch\\?v=([a-zA-Z0-9\\-_]+)/) || url.match(/youtu\\.be\\/([a-zA-Z0-9\\-_]+)/) || url.match(/(youtube\\.com|youtube-nocookie\\.com)\\/embed\\/([a-zA-Z0-9\\-_]+)/) || url.match(/(youtube\\.com|youtube-nocookie\\.com)\\/shorts\\/([a-zA-Z0-9\\-_]+)/)) {\n return 'video';\n }\n if (url.match(/vimeo\\.com\\/([0-9]*)/)) {\n return 'video';\n }\n if (url.match(/\\.(mp4|ogg|webm|mov)/) !== null) {\n return 'video';\n }\n if (url.match(/\\.(mp3|wav|wma|aac|ogg)/) !== null) {\n return 'audio';\n }\n if (url.indexOf('#') > -1) {\n var hash = origin.split('#').pop();\n if (hash.trim() !== '') {\n return 'inline';\n }\n }\n if (url.indexOf('goajax=true') > -1) {\n return 'ajax';\n }\n return 'external';\n }\n }, {\n key: \"parseConfig\",\n value: function parseConfig(element, settings) {\n var _this = this;\n var data = extend({\n descPosition: settings.descPosition\n }, this.defaults);\n if (isObject(element) && !isNode(element)) {\n if (!has(element, 'type')) {\n if (has(element, 'content') && element.content) {\n element.type = 'inline';\n } else if (has(element, 'href')) {\n element.type = this.sourceType(element.href);\n }\n }\n var objectData = extend(data, element);\n this.setSize(objectData, settings);\n return objectData;\n }\n var url = '';\n var config = element.getAttribute('data-glightbox');\n var nodeType = element.nodeName.toLowerCase();\n if (nodeType === 'a') {\n url = element.href;\n }\n if (nodeType === 'img') {\n url = element.src;\n data.alt = element.alt;\n }\n data.href = url;\n each(data, function (val, key) {\n if (has(settings, key) && key !== 'width') {\n data[key] = settings[key];\n }\n var nodeData = element.dataset[key];\n if (!isNil(nodeData)) {\n data[key] = _this.sanitizeValue(nodeData);\n }\n });\n if (data.content) {\n data.type = 'inline';\n }\n if (!data.type && url) {\n data.type = this.sourceType(url);\n }\n if (!isNil(config)) {\n var cleanKeys = [];\n each(data, function (v, k) {\n cleanKeys.push(';\\\\s?' + k);\n });\n cleanKeys = cleanKeys.join('\\\\s?:|');\n if (config.trim() !== '') {\n each(data, function (val, key) {\n var str = config;\n var match = 's?' + key + 's?:s?(.*?)(' + cleanKeys + 's?:|$)';\n var regex = new RegExp(match);\n var matches = str.match(regex);\n if (matches && matches.length && matches[1]) {\n var value = matches[1].trim().replace(/;\\s*$/, '');\n data[key] = _this.sanitizeValue(value);\n }\n });\n }\n } else {\n if (!data.title && nodeType == 'a') {\n var title = element.title;\n if (!isNil(title) && title !== '') {\n data.title = title;\n }\n }\n if (!data.title && nodeType == 'img') {\n var alt = element.alt;\n if (!isNil(alt) && alt !== '') {\n data.title = alt;\n }\n }\n }\n if (data.description && data.description.substring(0, 1) === '.') {\n var description;\n try {\n description = document.querySelector(data.description).innerHTML;\n } catch (error) {\n if (!(error instanceof DOMException)) {\n throw error;\n }\n }\n if (description) {\n data.description = description;\n }\n }\n if (!data.description) {\n var nodeDesc = element.querySelector('.glightbox-desc');\n if (nodeDesc) {\n data.description = nodeDesc.innerHTML;\n }\n }\n this.setSize(data, settings, element);\n this.slideConfig = data;\n return data;\n }\n }, {\n key: \"setSize\",\n value: function setSize(data, settings) {\n var element = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;\n var defaultWith = data.type == 'video' ? this.checkSize(settings.videosWidth) : this.checkSize(settings.width);\n var defaultHeight = this.checkSize(settings.height);\n data.width = has(data, 'width') && data.width !== '' ? this.checkSize(data.width) : defaultWith;\n data.height = has(data, 'height') && data.height !== '' ? this.checkSize(data.height) : defaultHeight;\n if (element && data.type == 'image') {\n data._hasCustomWidth = element.dataset.width ? true : false;\n data._hasCustomHeight = element.dataset.height ? true : false;\n }\n return data;\n }\n }, {\n key: \"checkSize\",\n value: function checkSize(size) {\n return isNumber(size) ? \"\".concat(size, \"px\") : size;\n }\n }, {\n key: \"sanitizeValue\",\n value: function sanitizeValue(val) {\n if (val !== 'true' && val !== 'false') {\n return val;\n }\n return val === 'true';\n }\n }]);\n }();\n\n var Slide = function () {\n function Slide(el, instance, index) {\n _classCallCheck(this, Slide);\n this.element = el;\n this.instance = instance;\n this.index = index;\n }\n return _createClass(Slide, [{\n key: \"setContent\",\n value: function setContent() {\n var _this = this;\n var slide = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;\n var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n if (hasClass(slide, 'loaded')) {\n return false;\n }\n var settings = this.instance.settings;\n var slideConfig = this.slideConfig;\n var isMobileDevice = isMobile();\n if (isFunction(settings.beforeSlideLoad)) {\n settings.beforeSlideLoad({\n index: this.index,\n slide: slide,\n player: false\n });\n }\n var type = slideConfig.type;\n var position = slideConfig.descPosition;\n var slideMedia = slide.querySelector('.gslide-media');\n var slideTitle = slide.querySelector('.gslide-title');\n var slideText = slide.querySelector('.gslide-desc');\n var slideDesc = slide.querySelector('.gdesc-inner');\n var finalCallback = callback;\n var titleID = 'gSlideTitle_' + this.index;\n var textID = 'gSlideDesc_' + this.index;\n if (isFunction(settings.afterSlideLoad)) {\n finalCallback = function finalCallback() {\n if (isFunction(callback)) {\n callback();\n }\n settings.afterSlideLoad({\n index: _this.index,\n slide: slide,\n player: _this.instance.getSlidePlayerInstance(_this.index)\n });\n };\n }\n if (slideConfig.title == '' && slideConfig.description == '') {\n if (slideDesc) {\n slideDesc.parentNode.parentNode.removeChild(slideDesc.parentNode);\n }\n } else {\n if (slideTitle && slideConfig.title !== '') {\n slideTitle.id = titleID;\n slideTitle.innerHTML = slideConfig.title;\n } else {\n slideTitle.parentNode.removeChild(slideTitle);\n }\n if (slideText && slideConfig.description !== '') {\n slideText.id = textID;\n if (isMobileDevice && settings.moreLength > 0) {\n slideConfig.smallDescription = this.slideShortDesc(slideConfig.description, settings.moreLength, settings.moreText);\n slideText.innerHTML = slideConfig.smallDescription;\n this.descriptionEvents(slideText, slideConfig);\n } else {\n slideText.innerHTML = slideConfig.description;\n }\n } else {\n slideText.parentNode.removeChild(slideText);\n }\n addClass(slideMedia.parentNode, \"desc-\".concat(position));\n addClass(slideDesc.parentNode, \"description-\".concat(position));\n }\n addClass(slideMedia, \"gslide-\".concat(type));\n addClass(slide, 'loaded');\n if (type === 'video') {\n slideVideo.apply(this.instance, [slide, slideConfig, this.index, finalCallback]);\n return;\n }\n if (type === 'external') {\n slideIframe.apply(this, [slide, slideConfig, this.index, finalCallback]);\n return;\n }\n if (type === 'inline') {\n slideInline.apply(this.instance, [slide, slideConfig, this.index, finalCallback]);\n if (slideConfig.draggable) {\n new DragSlides({\n dragEl: slide.querySelector('.gslide-inline'),\n toleranceX: settings.dragToleranceX,\n toleranceY: settings.dragToleranceY,\n slide: slide,\n instance: this.instance\n });\n }\n return;\n }\n if (type === 'image') {\n slideImage(slide, slideConfig, this.index, function () {\n var img = slide.querySelector('img');\n if (slideConfig.draggable) {\n new DragSlides({\n dragEl: img,\n toleranceX: settings.dragToleranceX,\n toleranceY: settings.dragToleranceY,\n slide: slide,\n instance: _this.instance\n });\n }\n if (slideConfig.zoomable && img.naturalWidth > img.offsetWidth) {\n addClass(img, 'zoomable');\n new ZoomImages(img, slide, function () {\n _this.instance.resize();\n });\n }\n if (isFunction(finalCallback)) {\n finalCallback();\n }\n });\n return;\n }\n if (isFunction(finalCallback)) {\n finalCallback();\n }\n }\n }, {\n key: \"slideShortDesc\",\n value: function slideShortDesc(string) {\n var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 50;\n var wordBoundary = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n var div = document.createElement('div');\n div.innerHTML = string;\n var cleanedString = div.innerText;\n var useWordBoundary = wordBoundary;\n string = cleanedString.trim();\n if (string.length <= n) {\n return string;\n }\n var subString = string.substr(0, n - 1);\n if (!useWordBoundary) {\n return subString;\n }\n div = null;\n return subString + '... ' + wordBoundary + '';\n }\n }, {\n key: \"descriptionEvents\",\n value: function descriptionEvents(desc, data) {\n var _this2 = this;\n var moreLink = desc.querySelector('.desc-more');\n if (!moreLink) {\n return false;\n }\n addEvent('click', {\n onElement: moreLink,\n withCallback: function withCallback(event, target) {\n event.preventDefault();\n var body = document.body;\n var desc = closest(target, '.gslide-desc');\n if (!desc) {\n return false;\n }\n desc.innerHTML = data.description;\n addClass(body, 'gdesc-open');\n var shortEvent = addEvent('click', {\n onElement: [body, closest(desc, '.gslide-description')],\n withCallback: function withCallback(event, target) {\n if (event.target.nodeName.toLowerCase() !== 'a') {\n removeClass(body, 'gdesc-open');\n addClass(body, 'gdesc-closed');\n desc.innerHTML = data.smallDescription;\n _this2.descriptionEvents(desc, data);\n setTimeout(function () {\n removeClass(body, 'gdesc-closed');\n }, 400);\n shortEvent.destroy();\n }\n }\n });\n }\n });\n }\n }, {\n key: \"create\",\n value: function create() {\n return createHTML(this.instance.settings.slideHTML);\n }\n }, {\n key: \"getConfig\",\n value: function getConfig() {\n if (!isNode(this.element) && !this.element.hasOwnProperty('draggable')) {\n this.element.draggable = this.instance.settings.draggable;\n }\n var parser = new SlideConfigParser(this.instance.settings.slideExtraAttributes);\n this.slideConfig = parser.parseConfig(this.element, this.instance.settings);\n return this.slideConfig;\n }\n }]);\n }();\n\n function getLen(v) {\n return Math.sqrt(v.x * v.x + v.y * v.y);\n }\n function dot(v1, v2) {\n return v1.x * v2.x + v1.y * v2.y;\n }\n function getAngle(v1, v2) {\n var mr = getLen(v1) * getLen(v2);\n if (mr === 0) {\n return 0;\n }\n var r = dot(v1, v2) / mr;\n if (r > 1) {\n r = 1;\n }\n return Math.acos(r);\n }\n function cross(v1, v2) {\n return v1.x * v2.y - v2.x * v1.y;\n }\n function getRotateAngle(v1, v2) {\n var angle = getAngle(v1, v2);\n if (cross(v1, v2) > 0) {\n angle *= -1;\n }\n return angle * 180 / Math.PI;\n }\n var EventsHandlerAdmin = function () {\n function EventsHandlerAdmin(el) {\n _classCallCheck(this, EventsHandlerAdmin);\n this.handlers = [];\n this.el = el;\n }\n return _createClass(EventsHandlerAdmin, [{\n key: \"add\",\n value: function add(handler) {\n this.handlers.push(handler);\n }\n }, {\n key: \"del\",\n value: function del(handler) {\n if (!handler) {\n this.handlers = [];\n }\n for (var i = this.handlers.length; i >= 0; i--) {\n if (this.handlers[i] === handler) {\n this.handlers.splice(i, 1);\n }\n }\n }\n }, {\n key: \"dispatch\",\n value: function dispatch() {\n for (var i = 0, len = this.handlers.length; i < len; i++) {\n var handler = this.handlers[i];\n if (typeof handler === 'function') {\n handler.apply(this.el, arguments);\n }\n }\n }\n }]);\n }();\n function wrapFunc(el, handler) {\n var EventshandlerAdmin = new EventsHandlerAdmin(el);\n EventshandlerAdmin.add(handler);\n return EventshandlerAdmin;\n }\n var TouchEvents = function () {\n function TouchEvents(el, option) {\n _classCallCheck(this, TouchEvents);\n this.element = typeof el == 'string' ? document.querySelector(el) : el;\n this.start = this.start.bind(this);\n this.move = this.move.bind(this);\n this.end = this.end.bind(this);\n this.cancel = this.cancel.bind(this);\n this.element.addEventListener('touchstart', this.start, false);\n this.element.addEventListener('touchmove', this.move, false);\n this.element.addEventListener('touchend', this.end, false);\n this.element.addEventListener('touchcancel', this.cancel, false);\n this.preV = {\n x: null,\n y: null\n };\n this.pinchStartLen = null;\n this.zoom = 1;\n this.isDoubleTap = false;\n var noop = function noop() {};\n this.rotate = wrapFunc(this.element, option.rotate || noop);\n this.touchStart = wrapFunc(this.element, option.touchStart || noop);\n this.multipointStart = wrapFunc(this.element, option.multipointStart || noop);\n this.multipointEnd = wrapFunc(this.element, option.multipointEnd || noop);\n this.pinch = wrapFunc(this.element, option.pinch || noop);\n this.swipe = wrapFunc(this.element, option.swipe || noop);\n this.tap = wrapFunc(this.element, option.tap || noop);\n this.doubleTap = wrapFunc(this.element, option.doubleTap || noop);\n this.longTap = wrapFunc(this.element, option.longTap || noop);\n this.singleTap = wrapFunc(this.element, option.singleTap || noop);\n this.pressMove = wrapFunc(this.element, option.pressMove || noop);\n this.twoFingerPressMove = wrapFunc(this.element, option.twoFingerPressMove || noop);\n this.touchMove = wrapFunc(this.element, option.touchMove || noop);\n this.touchEnd = wrapFunc(this.element, option.touchEnd || noop);\n this.touchCancel = wrapFunc(this.element, option.touchCancel || noop);\n this.translateContainer = this.element;\n this._cancelAllHandler = this.cancelAll.bind(this);\n window.addEventListener('scroll', this._cancelAllHandler);\n this.delta = null;\n this.last = null;\n this.now = null;\n this.tapTimeout = null;\n this.singleTapTimeout = null;\n this.longTapTimeout = null;\n this.swipeTimeout = null;\n this.x1 = this.x2 = this.y1 = this.y2 = null;\n this.preTapPosition = {\n x: null,\n y: null\n };\n }\n return _createClass(TouchEvents, [{\n key: \"start\",\n value: function start(evt) {\n if (!evt.touches) {\n return;\n }\n var ignoreDragFor = ['a', 'button', 'input'];\n if (evt.target && evt.target.nodeName && ignoreDragFor.indexOf(evt.target.nodeName.toLowerCase()) >= 0) {\n console.log('ignore drag for this touched element', evt.target.nodeName.toLowerCase());\n return;\n }\n this.now = Date.now();\n this.x1 = evt.touches[0].pageX;\n this.y1 = evt.touches[0].pageY;\n this.delta = this.now - (this.last || this.now);\n this.touchStart.dispatch(evt, this.element);\n if (this.preTapPosition.x !== null) {\n this.isDoubleTap = this.delta > 0 && this.delta <= 250 && Math.abs(this.preTapPosition.x - this.x1) < 30 && Math.abs(this.preTapPosition.y - this.y1) < 30;\n if (this.isDoubleTap) {\n clearTimeout(this.singleTapTimeout);\n }\n }\n this.preTapPosition.x = this.x1;\n this.preTapPosition.y = this.y1;\n this.last = this.now;\n var preV = this.preV,\n len = evt.touches.length;\n if (len > 1) {\n this._cancelLongTap();\n this._cancelSingleTap();\n var v = {\n x: evt.touches[1].pageX - this.x1,\n y: evt.touches[1].pageY - this.y1\n };\n preV.x = v.x;\n preV.y = v.y;\n this.pinchStartLen = getLen(preV);\n this.multipointStart.dispatch(evt, this.element);\n }\n this._preventTap = false;\n this.longTapTimeout = setTimeout(function () {\n this.longTap.dispatch(evt, this.element);\n this._preventTap = true;\n }.bind(this), 750);\n }\n }, {\n key: \"move\",\n value: function move(evt) {\n if (!evt.touches) {\n return;\n }\n var preV = this.preV,\n len = evt.touches.length,\n currentX = evt.touches[0].pageX,\n currentY = evt.touches[0].pageY;\n this.isDoubleTap = false;\n if (len > 1) {\n var sCurrentX = evt.touches[1].pageX,\n sCurrentY = evt.touches[1].pageY;\n var v = {\n x: evt.touches[1].pageX - currentX,\n y: evt.touches[1].pageY - currentY\n };\n if (preV.x !== null) {\n if (this.pinchStartLen > 0) {\n evt.zoom = getLen(v) / this.pinchStartLen;\n this.pinch.dispatch(evt, this.element);\n }\n evt.angle = getRotateAngle(v, preV);\n this.rotate.dispatch(evt, this.element);\n }\n preV.x = v.x;\n preV.y = v.y;\n if (this.x2 !== null && this.sx2 !== null) {\n evt.deltaX = (currentX - this.x2 + sCurrentX - this.sx2) / 2;\n evt.deltaY = (currentY - this.y2 + sCurrentY - this.sy2) / 2;\n } else {\n evt.deltaX = 0;\n evt.deltaY = 0;\n }\n this.twoFingerPressMove.dispatch(evt, this.element);\n this.sx2 = sCurrentX;\n this.sy2 = sCurrentY;\n } else {\n if (this.x2 !== null) {\n evt.deltaX = currentX - this.x2;\n evt.deltaY = currentY - this.y2;\n var movedX = Math.abs(this.x1 - this.x2),\n movedY = Math.abs(this.y1 - this.y2);\n if (movedX > 10 || movedY > 10) {\n this._preventTap = true;\n }\n } else {\n evt.deltaX = 0;\n evt.deltaY = 0;\n }\n this.pressMove.dispatch(evt, this.element);\n }\n this.touchMove.dispatch(evt, this.element);\n this._cancelLongTap();\n this.x2 = currentX;\n this.y2 = currentY;\n if (len > 1) {\n evt.preventDefault();\n }\n }\n }, {\n key: \"end\",\n value: function end(evt) {\n if (!evt.changedTouches) {\n return;\n }\n this._cancelLongTap();\n var self = this;\n if (evt.touches.length < 2) {\n this.multipointEnd.dispatch(evt, this.element);\n this.sx2 = this.sy2 = null;\n }\n if (this.x2 && Math.abs(this.x1 - this.x2) > 30 || this.y2 && Math.abs(this.y1 - this.y2) > 30) {\n evt.direction = this._swipeDirection(this.x1, this.x2, this.y1, this.y2);\n this.swipeTimeout = setTimeout(function () {\n self.swipe.dispatch(evt, self.element);\n }, 0);\n } else {\n this.tapTimeout = setTimeout(function () {\n if (!self._preventTap) {\n self.tap.dispatch(evt, self.element);\n }\n if (self.isDoubleTap) {\n self.doubleTap.dispatch(evt, self.element);\n self.isDoubleTap = false;\n }\n }, 0);\n if (!self.isDoubleTap) {\n self.singleTapTimeout = setTimeout(function () {\n self.singleTap.dispatch(evt, self.element);\n }, 250);\n }\n }\n this.touchEnd.dispatch(evt, this.element);\n this.preV.x = 0;\n this.preV.y = 0;\n this.zoom = 1;\n this.pinchStartLen = null;\n this.x1 = this.x2 = this.y1 = this.y2 = null;\n }\n }, {\n key: \"cancelAll\",\n value: function cancelAll() {\n this._preventTap = true;\n clearTimeout(this.singleTapTimeout);\n clearTimeout(this.tapTimeout);\n clearTimeout(this.longTapTimeout);\n clearTimeout(this.swipeTimeout);\n }\n }, {\n key: \"cancel\",\n value: function cancel(evt) {\n this.cancelAll();\n this.touchCancel.dispatch(evt, this.element);\n }\n }, {\n key: \"_cancelLongTap\",\n value: function _cancelLongTap() {\n clearTimeout(this.longTapTimeout);\n }\n }, {\n key: \"_cancelSingleTap\",\n value: function _cancelSingleTap() {\n clearTimeout(this.singleTapTimeout);\n }\n }, {\n key: \"_swipeDirection\",\n value: function _swipeDirection(x1, x2, y1, y2) {\n return Math.abs(x1 - x2) >= Math.abs(y1 - y2) ? x1 - x2 > 0 ? 'Left' : 'Right' : y1 - y2 > 0 ? 'Up' : 'Down';\n }\n }, {\n key: \"on\",\n value: function on(evt, handler) {\n if (this[evt]) {\n this[evt].add(handler);\n }\n }\n }, {\n key: \"off\",\n value: function off(evt, handler) {\n if (this[evt]) {\n this[evt].del(handler);\n }\n }\n }, {\n key: \"destroy\",\n value: function destroy() {\n if (this.singleTapTimeout) {\n clearTimeout(this.singleTapTimeout);\n }\n if (this.tapTimeout) {\n clearTimeout(this.tapTimeout);\n }\n if (this.longTapTimeout) {\n clearTimeout(this.longTapTimeout);\n }\n if (this.swipeTimeout) {\n clearTimeout(this.swipeTimeout);\n }\n this.element.removeEventListener('touchstart', this.start);\n this.element.removeEventListener('touchmove', this.move);\n this.element.removeEventListener('touchend', this.end);\n this.element.removeEventListener('touchcancel', this.cancel);\n this.rotate.del();\n this.touchStart.del();\n this.multipointStart.del();\n this.multipointEnd.del();\n this.pinch.del();\n this.swipe.del();\n this.tap.del();\n this.doubleTap.del();\n this.longTap.del();\n this.singleTap.del();\n this.pressMove.del();\n this.twoFingerPressMove.del();\n this.touchMove.del();\n this.touchEnd.del();\n this.touchCancel.del();\n this.preV = this.pinchStartLen = this.zoom = this.isDoubleTap = this.delta = this.last = this.now = this.tapTimeout = this.singleTapTimeout = this.longTapTimeout = this.swipeTimeout = this.x1 = this.x2 = this.y1 = this.y2 = this.preTapPosition = this.rotate = this.touchStart = this.multipointStart = this.multipointEnd = this.pinch = this.swipe = this.tap = this.doubleTap = this.longTap = this.singleTap = this.pressMove = this.touchMove = this.touchEnd = this.touchCancel = this.twoFingerPressMove = null;\n window.removeEventListener('scroll', this._cancelAllHandler);\n return null;\n }\n }]);\n }();\n\n function resetSlideMove(slide) {\n var transitionEnd = whichTransitionEvent();\n var windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;\n var media = hasClass(slide, 'gslide-media') ? slide : slide.querySelector('.gslide-media');\n var container = closest(media, '.ginner-container');\n var desc = slide.querySelector('.gslide-description');\n if (windowWidth > 769) {\n media = container;\n }\n addClass(media, 'greset');\n cssTransform(media, 'translate3d(0, 0, 0)');\n addEvent(transitionEnd, {\n onElement: media,\n once: true,\n withCallback: function withCallback(event, target) {\n removeClass(media, 'greset');\n }\n });\n media.style.opacity = '';\n if (desc) {\n desc.style.opacity = '';\n }\n }\n function touchNavigation(instance) {\n if (instance.events.hasOwnProperty('touch')) {\n return false;\n }\n var winSize = windowSize();\n var winWidth = winSize.width;\n var winHeight = winSize.height;\n var process = false;\n var currentSlide = null;\n var media = null;\n var mediaImage = null;\n var doingMove = false;\n var initScale = 1;\n var maxScale = 4.5;\n var currentScale = 1;\n var doingZoom = false;\n var imageZoomed = false;\n var zoomedPosX = null;\n var zoomedPosY = null;\n var lastZoomedPosX = null;\n var lastZoomedPosY = null;\n var hDistance;\n var vDistance;\n var hDistancePercent = 0;\n var vDistancePercent = 0;\n var vSwipe = false;\n var hSwipe = false;\n var startCoords = {};\n var endCoords = {};\n var xDown = 0;\n var yDown = 0;\n var isInlined;\n var sliderWrapper = document.getElementById('glightbox-slider');\n var overlay = document.querySelector('.goverlay');\n var touchInstance = new TouchEvents(sliderWrapper, {\n touchStart: function touchStart(e) {\n process = true;\n if (hasClass(e.targetTouches[0].target, 'ginner-container') || closest(e.targetTouches[0].target, '.gslide-desc') || e.targetTouches[0].target.nodeName.toLowerCase() == 'a') {\n process = false;\n }\n if (closest(e.targetTouches[0].target, '.gslide-inline') && !hasClass(e.targetTouches[0].target.parentNode, 'gslide-inline')) {\n process = false;\n }\n if (process) {\n endCoords = e.targetTouches[0];\n startCoords.pageX = e.targetTouches[0].pageX;\n startCoords.pageY = e.targetTouches[0].pageY;\n xDown = e.targetTouches[0].clientX;\n yDown = e.targetTouches[0].clientY;\n currentSlide = instance.activeSlide;\n media = currentSlide.querySelector('.gslide-media');\n isInlined = currentSlide.querySelector('.gslide-inline');\n mediaImage = null;\n if (hasClass(media, 'gslide-image')) {\n mediaImage = media.querySelector('img');\n }\n var windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;\n if (windowWidth > 769) {\n media = currentSlide.querySelector('.ginner-container');\n }\n removeClass(overlay, 'greset');\n if (e.pageX > 20 && e.pageX < window.innerWidth - 20) {\n return;\n }\n e.preventDefault();\n }\n },\n touchMove: function touchMove(e) {\n if (!process) {\n return;\n }\n endCoords = e.targetTouches[0];\n if (doingZoom || imageZoomed) {\n return;\n }\n if (isInlined && isInlined.offsetHeight > winHeight) {\n var moved = startCoords.pageX - endCoords.pageX;\n if (Math.abs(moved) <= 13) {\n return false;\n }\n }\n doingMove = true;\n var xUp = e.targetTouches[0].clientX;\n var yUp = e.targetTouches[0].clientY;\n var xDiff = xDown - xUp;\n var yDiff = yDown - yUp;\n if (Math.abs(xDiff) > Math.abs(yDiff)) {\n vSwipe = false;\n hSwipe = true;\n } else {\n hSwipe = false;\n vSwipe = true;\n }\n hDistance = endCoords.pageX - startCoords.pageX;\n hDistancePercent = hDistance * 100 / winWidth;\n vDistance = endCoords.pageY - startCoords.pageY;\n vDistancePercent = vDistance * 100 / winHeight;\n var opacity;\n if (vSwipe && mediaImage) {\n opacity = 1 - Math.abs(vDistance) / winHeight;\n overlay.style.opacity = opacity;\n if (instance.settings.touchFollowAxis) {\n hDistancePercent = 0;\n }\n }\n if (hSwipe) {\n opacity = 1 - Math.abs(hDistance) / winWidth;\n media.style.opacity = opacity;\n if (instance.settings.touchFollowAxis) {\n vDistancePercent = 0;\n }\n }\n if (!mediaImage) {\n return cssTransform(media, \"translate3d(\".concat(hDistancePercent, \"%, 0, 0)\"));\n }\n cssTransform(media, \"translate3d(\".concat(hDistancePercent, \"%, \").concat(vDistancePercent, \"%, 0)\"));\n },\n touchEnd: function touchEnd() {\n if (!process) {\n return;\n }\n doingMove = false;\n if (imageZoomed || doingZoom) {\n lastZoomedPosX = zoomedPosX;\n lastZoomedPosY = zoomedPosY;\n return;\n }\n var v = Math.abs(parseInt(vDistancePercent));\n var h = Math.abs(parseInt(hDistancePercent));\n if (v > 29 && mediaImage) {\n instance.close();\n return;\n }\n if (v < 29 && h < 25) {\n addClass(overlay, 'greset');\n overlay.style.opacity = 1;\n return resetSlideMove(media);\n }\n },\n multipointEnd: function multipointEnd() {\n setTimeout(function () {\n doingZoom = false;\n }, 50);\n },\n multipointStart: function multipointStart() {\n doingZoom = true;\n initScale = currentScale ? currentScale : 1;\n },\n pinch: function pinch(evt) {\n if (!mediaImage || doingMove) {\n return false;\n }\n doingZoom = true;\n mediaImage.scaleX = mediaImage.scaleY = initScale * evt.zoom;\n var scale = initScale * evt.zoom;\n imageZoomed = true;\n if (scale <= 1) {\n imageZoomed = false;\n scale = 1;\n lastZoomedPosY = null;\n lastZoomedPosX = null;\n zoomedPosX = null;\n zoomedPosY = null;\n mediaImage.setAttribute('style', '');\n return;\n }\n if (scale > maxScale) {\n scale = maxScale;\n }\n mediaImage.style.transform = \"scale3d(\".concat(scale, \", \").concat(scale, \", 1)\");\n currentScale = scale;\n },\n pressMove: function pressMove(e) {\n if (imageZoomed && !doingZoom) {\n var mhDistance = endCoords.pageX - startCoords.pageX;\n var mvDistance = endCoords.pageY - startCoords.pageY;\n if (lastZoomedPosX) {\n mhDistance = mhDistance + lastZoomedPosX;\n }\n if (lastZoomedPosY) {\n mvDistance = mvDistance + lastZoomedPosY;\n }\n zoomedPosX = mhDistance;\n zoomedPosY = mvDistance;\n var style = \"translate3d(\".concat(mhDistance, \"px, \").concat(mvDistance, \"px, 0)\");\n if (currentScale) {\n style += \" scale3d(\".concat(currentScale, \", \").concat(currentScale, \", 1)\");\n }\n cssTransform(mediaImage, style);\n }\n },\n swipe: function swipe(evt) {\n if (imageZoomed) {\n return;\n }\n if (doingZoom) {\n doingZoom = false;\n return;\n }\n if (evt.direction == 'Left') {\n if (instance.index == instance.elements.length - 1) {\n return resetSlideMove(media);\n }\n instance.nextSlide();\n }\n if (evt.direction == 'Right') {\n if (instance.index == 0) {\n return resetSlideMove(media);\n }\n instance.prevSlide();\n }\n }\n });\n instance.events['touch'] = touchInstance;\n }\n\n var _version = '3.3.0';\n var isMobile$1 = isMobile();\n var isTouch$1 = isTouch();\n var html = document.getElementsByTagName('html')[0];\n var defaults = {\n selector: '.glightbox',\n elements: null,\n skin: 'clean',\n theme: 'clean',\n closeButton: true,\n startAt: null,\n autoplayVideos: true,\n autofocusVideos: true,\n descPosition: 'bottom',\n width: '900px',\n height: '506px',\n videosWidth: '960px',\n beforeSlideChange: null,\n afterSlideChange: null,\n beforeSlideLoad: null,\n afterSlideLoad: null,\n slideInserted: null,\n slideRemoved: null,\n slideExtraAttributes: null,\n onOpen: null,\n onClose: null,\n loop: false,\n zoomable: true,\n draggable: true,\n dragAutoSnap: false,\n dragToleranceX: 40,\n dragToleranceY: 65,\n preload: true,\n oneSlidePerOpen: false,\n touchNavigation: true,\n touchFollowAxis: true,\n keyboardNavigation: true,\n closeOnOutsideClick: true,\n plugins: false,\n plyr: {\n css: 'https://cdn.plyr.io/3.6.12/plyr.css',\n js: 'https://cdn.plyr.io/3.6.12/plyr.js',\n config: {\n ratio: '16:9',\n fullscreen: {\n enabled: true,\n iosNative: true\n },\n youtube: {\n noCookie: true,\n rel: 0,\n showinfo: 0,\n iv_load_policy: 3\n },\n vimeo: {\n byline: false,\n portrait: false,\n title: false,\n transparent: false\n }\n }\n },\n openEffect: 'zoom',\n closeEffect: 'zoom',\n slideEffect: 'slide',\n moreText: 'See more',\n moreLength: 60,\n cssEfects: {\n fade: {\n \"in\": 'fadeIn',\n out: 'fadeOut'\n },\n zoom: {\n \"in\": 'zoomIn',\n out: 'zoomOut'\n },\n slide: {\n \"in\": 'slideInRight',\n out: 'slideOutLeft'\n },\n slideBack: {\n \"in\": 'slideInLeft',\n out: 'slideOutRight'\n },\n none: {\n \"in\": 'none',\n out: 'none'\n }\n },\n svg: {\n close: '',\n next: '',\n prev: ''\n }\n };\n defaults.slideHTML = \"\";\n defaults.lightboxHTML = \"\\n \\n \\n
\";\n var GlightboxInit = function () {\n function GlightboxInit() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n _classCallCheck(this, GlightboxInit);\n this.customOptions = options;\n this.settings = extend(defaults, options);\n this.effectsClasses = this.getAnimationClasses();\n this.videoPlayers = {};\n this.apiEvents = [];\n this.fullElementsList = false;\n }\n return _createClass(GlightboxInit, [{\n key: \"init\",\n value: function init() {\n var _this = this;\n var selector = this.getSelector();\n if (selector) {\n this.baseEvents = addEvent('click', {\n onElement: selector,\n withCallback: function withCallback(e, target) {\n e.preventDefault();\n _this.open(target);\n }\n });\n }\n this.elements = this.getElements();\n }\n }, {\n key: \"open\",\n value: function open() {\n var element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;\n var startAt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;\n if (this.elements.length === 0) {\n return false;\n }\n this.activeSlide = null;\n this.prevActiveSlideIndex = null;\n this.prevActiveSlide = null;\n var index = isNumber(startAt) ? startAt : this.settings.startAt;\n if (isNode(element)) {\n var gallery = element.getAttribute('data-gallery');\n if (gallery) {\n this.fullElementsList = this.elements;\n this.elements = this.getGalleryElements(this.elements, gallery);\n }\n if (isNil(index)) {\n index = this.getElementIndex(element);\n if (index < 0) {\n index = 0;\n }\n }\n }\n if (!isNumber(index)) {\n index = 0;\n }\n this.build();\n animateElement(this.overlay, this.settings.openEffect === 'none' ? 'none' : this.settings.cssEfects.fade[\"in\"]);\n var body = document.body;\n var scrollBar = window.innerWidth - document.documentElement.clientWidth;\n if (scrollBar > 0) {\n var styleSheet = document.createElement('style');\n styleSheet.type = 'text/css';\n styleSheet.className = 'gcss-styles';\n styleSheet.innerText = \".gscrollbar-fixer {margin-right: \".concat(scrollBar, \"px}\");\n document.head.appendChild(styleSheet);\n addClass(body, 'gscrollbar-fixer');\n }\n addClass(body, 'glightbox-open');\n addClass(html, 'glightbox-open');\n if (isMobile$1) {\n addClass(document.body, 'glightbox-mobile');\n this.settings.slideEffect = 'slide';\n }\n this.showSlide(index, true);\n if (this.elements.length === 1) {\n addClass(this.prevButton, 'glightbox-button-hidden');\n addClass(this.nextButton, 'glightbox-button-hidden');\n } else {\n removeClass(this.prevButton, 'glightbox-button-hidden');\n removeClass(this.nextButton, 'glightbox-button-hidden');\n }\n this.lightboxOpen = true;\n this.trigger('open');\n if (isFunction(this.settings.onOpen)) {\n this.settings.onOpen();\n }\n if (isTouch$1 && this.settings.touchNavigation) {\n touchNavigation(this);\n }\n if (this.settings.keyboardNavigation) {\n keyboardNavigation(this);\n }\n }\n }, {\n key: \"openAt\",\n value: function openAt() {\n var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;\n this.open(null, index);\n }\n }, {\n key: \"showSlide\",\n value: function showSlide() {\n var _this2 = this;\n var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;\n var first = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n show(this.loader);\n this.index = parseInt(index);\n var current = this.slidesContainer.querySelector('.current');\n if (current) {\n removeClass(current, 'current');\n }\n this.slideAnimateOut();\n var slideNode = this.slidesContainer.querySelectorAll('.gslide')[index];\n if (hasClass(slideNode, 'loaded')) {\n this.slideAnimateIn(slideNode, first);\n hide(this.loader);\n } else {\n show(this.loader);\n var slide = this.elements[index];\n var slideData = {\n index: this.index,\n slide: slideNode,\n slideNode: slideNode,\n slideConfig: slide.slideConfig,\n slideIndex: this.index,\n trigger: slide.node,\n player: null\n };\n this.trigger('slide_before_load', slideData);\n slide.instance.setContent(slideNode, function () {\n hide(_this2.loader);\n _this2.resize();\n _this2.slideAnimateIn(slideNode, first);\n _this2.trigger('slide_after_load', slideData);\n });\n }\n this.slideDescription = slideNode.querySelector('.gslide-description');\n this.slideDescriptionContained = this.slideDescription && hasClass(this.slideDescription.parentNode, 'gslide-media');\n if (this.settings.preload) {\n this.preloadSlide(index + 1);\n this.preloadSlide(index - 1);\n }\n this.updateNavigationClasses();\n this.activeSlide = slideNode;\n }\n }, {\n key: \"preloadSlide\",\n value: function preloadSlide(index) {\n var _this3 = this;\n if (index < 0 || index > this.elements.length - 1) {\n return false;\n }\n if (isNil(this.elements[index])) {\n return false;\n }\n var slideNode = this.slidesContainer.querySelectorAll('.gslide')[index];\n if (hasClass(slideNode, 'loaded')) {\n return false;\n }\n var slide = this.elements[index];\n var type = slide.type;\n var slideData = {\n index: index,\n slide: slideNode,\n slideNode: slideNode,\n slideConfig: slide.slideConfig,\n slideIndex: index,\n trigger: slide.node,\n player: null\n };\n this.trigger('slide_before_load', slideData);\n if (type === 'video' || type === 'external') {\n setTimeout(function () {\n slide.instance.setContent(slideNode, function () {\n _this3.trigger('slide_after_load', slideData);\n });\n }, 200);\n } else {\n slide.instance.setContent(slideNode, function () {\n _this3.trigger('slide_after_load', slideData);\n });\n }\n }\n }, {\n key: \"prevSlide\",\n value: function prevSlide() {\n this.goToSlide(this.index - 1);\n }\n }, {\n key: \"nextSlide\",\n value: function nextSlide() {\n this.goToSlide(this.index + 1);\n }\n }, {\n key: \"goToSlide\",\n value: function goToSlide() {\n var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n this.prevActiveSlide = this.activeSlide;\n this.prevActiveSlideIndex = this.index;\n if (!this.loop() && (index < 0 || index > this.elements.length - 1)) {\n return false;\n }\n if (index < 0) {\n index = this.elements.length - 1;\n } else if (index >= this.elements.length) {\n index = 0;\n }\n this.showSlide(index);\n }\n }, {\n key: \"insertSlide\",\n value: function insertSlide() {\n var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -1;\n if (index < 0) {\n index = this.elements.length;\n }\n var slide = new Slide(config, this, index);\n var data = slide.getConfig();\n var slideInfo = extend({}, data);\n var newSlide = slide.create();\n var totalSlides = this.elements.length - 1;\n slideInfo.index = index;\n slideInfo.node = false;\n slideInfo.instance = slide;\n slideInfo.slideConfig = data;\n this.elements.splice(index, 0, slideInfo);\n var addedSlideNode = null;\n var addedSlidePlayer = null;\n if (this.slidesContainer) {\n if (index > totalSlides) {\n this.slidesContainer.appendChild(newSlide);\n } else {\n var existingSlide = this.slidesContainer.querySelectorAll('.gslide')[index];\n this.slidesContainer.insertBefore(newSlide, existingSlide);\n }\n if (this.settings.preload && this.index == 0 && index == 0 || this.index - 1 == index || this.index + 1 == index) {\n this.preloadSlide(index);\n }\n if (this.index === 0 && index === 0) {\n this.index = 1;\n }\n this.updateNavigationClasses();\n addedSlideNode = this.slidesContainer.querySelectorAll('.gslide')[index];\n addedSlidePlayer = this.getSlidePlayerInstance(index);\n slideInfo.slideNode = addedSlideNode;\n }\n this.trigger('slide_inserted', {\n index: index,\n slide: addedSlideNode,\n slideNode: addedSlideNode,\n slideConfig: data,\n slideIndex: index,\n trigger: null,\n player: addedSlidePlayer\n });\n if (isFunction(this.settings.slideInserted)) {\n this.settings.slideInserted({\n index: index,\n slide: addedSlideNode,\n player: addedSlidePlayer\n });\n }\n }\n }, {\n key: \"removeSlide\",\n value: function removeSlide() {\n var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;\n if (index < 0 || index > this.elements.length - 1) {\n return false;\n }\n var slide = this.slidesContainer && this.slidesContainer.querySelectorAll('.gslide')[index];\n if (slide) {\n if (this.getActiveSlideIndex() == index) {\n if (index == this.elements.length - 1) {\n this.prevSlide();\n } else {\n this.nextSlide();\n }\n }\n slide.parentNode.removeChild(slide);\n }\n this.elements.splice(index, 1);\n this.trigger('slide_removed', index);\n if (isFunction(this.settings.slideRemoved)) {\n this.settings.slideRemoved(index);\n }\n }\n }, {\n key: \"slideAnimateIn\",\n value: function slideAnimateIn(slide, first) {\n var _this4 = this;\n var slideMedia = slide.querySelector('.gslide-media');\n var slideDesc = slide.querySelector('.gslide-description');\n var prevData = {\n index: this.prevActiveSlideIndex,\n slide: this.prevActiveSlide,\n slideNode: this.prevActiveSlide,\n slideIndex: this.prevActiveSlide,\n slideConfig: isNil(this.prevActiveSlideIndex) ? null : this.elements[this.prevActiveSlideIndex].slideConfig,\n trigger: isNil(this.prevActiveSlideIndex) ? null : this.elements[this.prevActiveSlideIndex].node,\n player: this.getSlidePlayerInstance(this.prevActiveSlideIndex)\n };\n var nextData = {\n index: this.index,\n slide: this.activeSlide,\n slideNode: this.activeSlide,\n slideConfig: this.elements[this.index].slideConfig,\n slideIndex: this.index,\n trigger: this.elements[this.index].node,\n player: this.getSlidePlayerInstance(this.index)\n };\n if (slideMedia.offsetWidth > 0 && slideDesc) {\n hide(slideDesc);\n slideDesc.style.display = '';\n }\n removeClass(slide, this.effectsClasses);\n if (first) {\n animateElement(slide, this.settings.cssEfects[this.settings.openEffect][\"in\"], function () {\n if (_this4.settings.autoplayVideos) {\n _this4.slidePlayerPlay(slide);\n }\n _this4.trigger('slide_changed', {\n prev: prevData,\n current: nextData\n });\n if (isFunction(_this4.settings.afterSlideChange)) {\n _this4.settings.afterSlideChange.apply(_this4, [prevData, nextData]);\n }\n });\n } else {\n var effectName = this.settings.slideEffect;\n var animIn = effectName !== 'none' ? this.settings.cssEfects[effectName][\"in\"] : effectName;\n if (this.prevActiveSlideIndex > this.index) {\n if (this.settings.slideEffect == 'slide') {\n animIn = this.settings.cssEfects.slideBack[\"in\"];\n }\n }\n animateElement(slide, animIn, function () {\n if (_this4.settings.autoplayVideos) {\n _this4.slidePlayerPlay(slide);\n }\n _this4.trigger('slide_changed', {\n prev: prevData,\n current: nextData\n });\n if (isFunction(_this4.settings.afterSlideChange)) {\n _this4.settings.afterSlideChange.apply(_this4, [prevData, nextData]);\n }\n });\n }\n setTimeout(function () {\n _this4.resize(slide);\n }, 100);\n addClass(slide, 'current');\n }\n }, {\n key: \"slideAnimateOut\",\n value: function slideAnimateOut() {\n if (!this.prevActiveSlide) {\n return false;\n }\n var prevSlide = this.prevActiveSlide;\n removeClass(prevSlide, this.effectsClasses);\n addClass(prevSlide, 'prev');\n var animation = this.settings.slideEffect;\n var animOut = animation !== 'none' ? this.settings.cssEfects[animation].out : animation;\n this.slidePlayerPause(prevSlide);\n this.trigger('slide_before_change', {\n prev: {\n index: this.prevActiveSlideIndex,\n slide: this.prevActiveSlide,\n slideNode: this.prevActiveSlide,\n slideIndex: this.prevActiveSlideIndex,\n slideConfig: isNil(this.prevActiveSlideIndex) ? null : this.elements[this.prevActiveSlideIndex].slideConfig,\n trigger: isNil(this.prevActiveSlideIndex) ? null : this.elements[this.prevActiveSlideIndex].node,\n player: this.getSlidePlayerInstance(this.prevActiveSlideIndex)\n },\n current: {\n index: this.index,\n slide: this.activeSlide,\n slideNode: this.activeSlide,\n slideIndex: this.index,\n slideConfig: this.elements[this.index].slideConfig,\n trigger: this.elements[this.index].node,\n player: this.getSlidePlayerInstance(this.index)\n }\n });\n if (isFunction(this.settings.beforeSlideChange)) {\n this.settings.beforeSlideChange.apply(this, [{\n index: this.prevActiveSlideIndex,\n slide: this.prevActiveSlide,\n player: this.getSlidePlayerInstance(this.prevActiveSlideIndex)\n }, {\n index: this.index,\n slide: this.activeSlide,\n player: this.getSlidePlayerInstance(this.index)\n }]);\n }\n if (this.prevActiveSlideIndex > this.index && this.settings.slideEffect == 'slide') {\n animOut = this.settings.cssEfects.slideBack.out;\n }\n animateElement(prevSlide, animOut, function () {\n var container = prevSlide.querySelector('.ginner-container');\n var media = prevSlide.querySelector('.gslide-media');\n var desc = prevSlide.querySelector('.gslide-description');\n container.style.transform = '';\n media.style.transform = '';\n removeClass(media, 'greset');\n media.style.opacity = '';\n if (desc) {\n desc.style.opacity = '';\n }\n removeClass(prevSlide, 'prev');\n });\n }\n }, {\n key: \"getAllPlayers\",\n value: function getAllPlayers() {\n return this.videoPlayers;\n }\n }, {\n key: \"getSlidePlayerInstance\",\n value: function getSlidePlayerInstance(index) {\n var id = 'gvideo' + index;\n var videoPlayers = this.getAllPlayers();\n if (has(videoPlayers, id) && videoPlayers[id]) {\n return videoPlayers[id];\n }\n return false;\n }\n }, {\n key: \"stopSlideVideo\",\n value: function stopSlideVideo(slide) {\n if (isNode(slide)) {\n var node = slide.querySelector('.gvideo-wrapper');\n if (node) {\n slide = node.getAttribute('data-index');\n }\n }\n console.log('stopSlideVideo is deprecated, use slidePlayerPause');\n var player = this.getSlidePlayerInstance(slide);\n if (player && player.playing) {\n player.pause();\n }\n }\n }, {\n key: \"slidePlayerPause\",\n value: function slidePlayerPause(slide) {\n if (isNode(slide)) {\n var node = slide.querySelector('.gvideo-wrapper');\n if (node) {\n slide = node.getAttribute('data-index');\n }\n }\n var player = this.getSlidePlayerInstance(slide);\n if (player && player.playing) {\n player.pause();\n }\n }\n }, {\n key: \"playSlideVideo\",\n value: function playSlideVideo(slide) {\n if (isNode(slide)) {\n var node = slide.querySelector('.gvideo-wrapper');\n if (node) {\n slide = node.getAttribute('data-index');\n }\n }\n console.log('playSlideVideo is deprecated, use slidePlayerPlay');\n var player = this.getSlidePlayerInstance(slide);\n if (player && !player.playing) {\n player.play();\n }\n }\n }, {\n key: \"slidePlayerPlay\",\n value: function slidePlayerPlay(slide) {\n var _this$settings$plyr$c;\n if (isMobile$1 && !((_this$settings$plyr$c = this.settings.plyr.config) !== null && _this$settings$plyr$c !== void 0 && _this$settings$plyr$c.muted)) {\n return;\n }\n if (isNode(slide)) {\n var node = slide.querySelector('.gvideo-wrapper');\n if (node) {\n slide = node.getAttribute('data-index');\n }\n }\n var player = this.getSlidePlayerInstance(slide);\n if (player && !player.playing) {\n player.play();\n if (this.settings.autofocusVideos) {\n player.elements.container.focus();\n }\n }\n }\n }, {\n key: \"setElements\",\n value: function setElements(elements) {\n var _this5 = this;\n this.settings.elements = false;\n var newElements = [];\n if (elements && elements.length) {\n each(elements, function (el, i) {\n var slide = new Slide(el, _this5, i);\n var data = slide.getConfig();\n var slideInfo = extend({}, data);\n slideInfo.slideConfig = data;\n slideInfo.instance = slide;\n slideInfo.index = i;\n newElements.push(slideInfo);\n });\n }\n this.elements = newElements;\n if (this.lightboxOpen) {\n this.slidesContainer.innerHTML = '';\n if (this.elements.length) {\n each(this.elements, function () {\n var slide = createHTML(_this5.settings.slideHTML);\n _this5.slidesContainer.appendChild(slide);\n });\n this.showSlide(0, true);\n }\n }\n }\n }, {\n key: \"getElementIndex\",\n value: function getElementIndex(node) {\n var index = false;\n each(this.elements, function (el, i) {\n if (has(el, 'node') && el.node == node) {\n index = i;\n return true;\n }\n });\n return index;\n }\n }, {\n key: \"getElements\",\n value: function getElements() {\n var _this6 = this;\n var list = [];\n this.elements = this.elements ? this.elements : [];\n if (!isNil(this.settings.elements) && isArray(this.settings.elements) && this.settings.elements.length) {\n each(this.settings.elements, function (el, i) {\n var slide = new Slide(el, _this6, i);\n var elData = slide.getConfig();\n var slideInfo = extend({}, elData);\n slideInfo.node = false;\n slideInfo.index = i;\n slideInfo.instance = slide;\n slideInfo.slideConfig = elData;\n list.push(slideInfo);\n });\n }\n var nodes = false;\n var selector = this.getSelector();\n if (selector) {\n nodes = document.querySelectorAll(this.getSelector());\n }\n if (!nodes) {\n return list;\n }\n each(nodes, function (el, i) {\n var slide = new Slide(el, _this6, i);\n var elData = slide.getConfig();\n var slideInfo = extend({}, elData);\n slideInfo.node = el;\n slideInfo.index = i;\n slideInfo.instance = slide;\n slideInfo.slideConfig = elData;\n slideInfo.gallery = el.getAttribute('data-gallery');\n list.push(slideInfo);\n });\n return list;\n }\n }, {\n key: \"getGalleryElements\",\n value: function getGalleryElements(list, gallery) {\n return list.filter(function (el) {\n return el.gallery == gallery;\n });\n }\n }, {\n key: \"getSelector\",\n value: function getSelector() {\n if (this.settings.elements) {\n return false;\n }\n if (this.settings.selector && this.settings.selector.substring(0, 5) == 'data-') {\n return \"*[\".concat(this.settings.selector, \"]\");\n }\n return this.settings.selector;\n }\n }, {\n key: \"getActiveSlide\",\n value: function getActiveSlide() {\n return this.slidesContainer.querySelectorAll('.gslide')[this.index];\n }\n }, {\n key: \"getActiveSlideIndex\",\n value: function getActiveSlideIndex() {\n return this.index;\n }\n }, {\n key: \"getAnimationClasses\",\n value: function getAnimationClasses() {\n var effects = [];\n for (var key in this.settings.cssEfects) {\n if (this.settings.cssEfects.hasOwnProperty(key)) {\n var effect = this.settings.cssEfects[key];\n effects.push(\"g\".concat(effect[\"in\"]));\n effects.push(\"g\".concat(effect.out));\n }\n }\n return effects.join(' ');\n }\n }, {\n key: \"build\",\n value: function build() {\n var _this7 = this;\n if (this.built) {\n return false;\n }\n var children = document.body.childNodes;\n var bodyChildElms = [];\n each(children, function (el) {\n if (el.parentNode == document.body && el.nodeName.charAt(0) !== '#' && el.hasAttribute && !el.hasAttribute('aria-hidden')) {\n bodyChildElms.push(el);\n el.setAttribute('aria-hidden', 'true');\n }\n });\n var nextSVG = has(this.settings.svg, 'next') ? this.settings.svg.next : '';\n var prevSVG = has(this.settings.svg, 'prev') ? this.settings.svg.prev : '';\n var closeSVG = has(this.settings.svg, 'close') ? this.settings.svg.close : '';\n var lightboxHTML = this.settings.lightboxHTML;\n lightboxHTML = lightboxHTML.replace(/{nextSVG}/g, nextSVG);\n lightboxHTML = lightboxHTML.replace(/{prevSVG}/g, prevSVG);\n lightboxHTML = lightboxHTML.replace(/{closeSVG}/g, closeSVG);\n lightboxHTML = createHTML(lightboxHTML);\n document.body.appendChild(lightboxHTML);\n var modal = document.getElementById('glightbox-body');\n this.modal = modal;\n var closeButton = modal.querySelector('.gclose');\n this.prevButton = modal.querySelector('.gprev');\n this.nextButton = modal.querySelector('.gnext');\n this.overlay = modal.querySelector('.goverlay');\n this.loader = modal.querySelector('.gloader');\n this.slidesContainer = document.getElementById('glightbox-slider');\n this.bodyHiddenChildElms = bodyChildElms;\n this.events = {};\n addClass(this.modal, 'glightbox-' + this.settings.skin);\n if (this.settings.closeButton && closeButton) {\n this.events['close'] = addEvent('click', {\n onElement: closeButton,\n withCallback: function withCallback(e, target) {\n e.preventDefault();\n _this7.close();\n }\n });\n }\n if (closeButton && !this.settings.closeButton) {\n closeButton.parentNode.removeChild(closeButton);\n }\n if (this.nextButton) {\n this.events['next'] = addEvent('click', {\n onElement: this.nextButton,\n withCallback: function withCallback(e, target) {\n e.preventDefault();\n _this7.nextSlide();\n }\n });\n }\n if (this.prevButton) {\n this.events['prev'] = addEvent('click', {\n onElement: this.prevButton,\n withCallback: function withCallback(e, target) {\n e.preventDefault();\n _this7.prevSlide();\n }\n });\n }\n if (this.settings.closeOnOutsideClick) {\n this.events['outClose'] = addEvent('click', {\n onElement: modal,\n withCallback: function withCallback(e, target) {\n if (!_this7.preventOutsideClick && !hasClass(document.body, 'glightbox-mobile') && !closest(e.target, '.ginner-container')) {\n if (!closest(e.target, '.gbtn') && !hasClass(e.target, 'gnext') && !hasClass(e.target, 'gprev')) {\n _this7.close();\n }\n }\n }\n });\n }\n each(this.elements, function (slide, i) {\n _this7.slidesContainer.appendChild(slide.instance.create());\n slide.slideNode = _this7.slidesContainer.querySelectorAll('.gslide')[i];\n });\n if (isTouch$1) {\n addClass(document.body, 'glightbox-touch');\n }\n this.events['resize'] = addEvent('resize', {\n onElement: window,\n withCallback: function withCallback() {\n _this7.resize();\n }\n });\n this.built = true;\n }\n }, {\n key: \"resize\",\n value: function resize() {\n var slide = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;\n slide = !slide ? this.activeSlide : slide;\n if (!slide || hasClass(slide, 'zoomed')) {\n return;\n }\n var winSize = windowSize();\n var video = slide.querySelector('.gvideo-wrapper');\n var image = slide.querySelector('.gslide-image');\n var description = this.slideDescription;\n var winWidth = winSize.width;\n var winHeight = winSize.height;\n if (winWidth <= 768) {\n addClass(document.body, 'glightbox-mobile');\n } else {\n removeClass(document.body, 'glightbox-mobile');\n }\n if (!video && !image) {\n return;\n }\n var descriptionResize = false;\n if (description && (hasClass(description, 'description-bottom') || hasClass(description, 'description-top')) && !hasClass(description, 'gabsolute')) {\n descriptionResize = true;\n }\n if (image) {\n if (winWidth <= 768) {\n var imgNode = image.querySelector('img');\n } else if (descriptionResize) {\n var _slideTriggerNode$get;\n var descHeight = description.offsetHeight;\n var _imgNode = image.querySelector('img');\n var slideTriggerNode = this.elements[this.index].node;\n var maxHeightValue = (_slideTriggerNode$get = slideTriggerNode.getAttribute('data-height')) !== null && _slideTriggerNode$get !== void 0 ? _slideTriggerNode$get : '100vh';\n _imgNode.setAttribute('style', \"max-height: calc(\".concat(maxHeightValue, \" - \").concat(descHeight, \"px)\"));\n description.setAttribute('style', \"max-width: \".concat(_imgNode.offsetWidth, \"px;\"));\n }\n }\n if (video) {\n var ratio = has(this.settings.plyr.config, 'ratio') ? this.settings.plyr.config.ratio : '';\n if (!ratio) {\n var containerWidth = video.clientWidth;\n var containerHeight = video.clientHeight;\n var divisor = containerWidth / containerHeight;\n ratio = \"\".concat(containerWidth / divisor, \":\").concat(containerHeight / divisor);\n }\n var videoRatio = ratio.split(':');\n var videoWidth = this.settings.videosWidth;\n var maxWidth = this.settings.videosWidth;\n if (isNumber(videoWidth) || videoWidth.indexOf('px') !== -1) {\n maxWidth = parseInt(videoWidth);\n } else {\n if (videoWidth.indexOf('vw') !== -1) {\n maxWidth = winWidth * parseInt(videoWidth) / 100;\n } else if (videoWidth.indexOf('vh') !== -1) {\n maxWidth = winHeight * parseInt(videoWidth) / 100;\n } else if (videoWidth.indexOf('%') !== -1) {\n maxWidth = winWidth * parseInt(videoWidth) / 100;\n } else {\n maxWidth = parseInt(video.clientWidth);\n }\n }\n var maxHeight = maxWidth / (parseInt(videoRatio[0]) / parseInt(videoRatio[1]));\n maxHeight = Math.floor(maxHeight);\n if (descriptionResize) {\n winHeight = winHeight - description.offsetHeight;\n }\n if (maxWidth > winWidth || maxHeight > winHeight || winHeight < maxHeight && winWidth > maxWidth) {\n var vwidth = video.offsetWidth;\n var vheight = video.offsetHeight;\n var _ratio = winHeight / vheight;\n var vsize = {\n width: vwidth * _ratio,\n height: vheight * _ratio\n };\n video.parentNode.setAttribute('style', \"max-width: \".concat(vsize.width, \"px\"));\n if (descriptionResize) {\n description.setAttribute('style', \"max-width: \".concat(vsize.width, \"px;\"));\n }\n } else {\n video.parentNode.style.maxWidth = \"\".concat(videoWidth);\n if (descriptionResize) {\n description.setAttribute('style', \"max-width: \".concat(videoWidth, \";\"));\n }\n }\n }\n }\n }, {\n key: \"reload\",\n value: function reload() {\n this.init();\n }\n }, {\n key: \"updateNavigationClasses\",\n value: function updateNavigationClasses() {\n var loop = this.loop();\n removeClass(this.nextButton, 'disabled');\n removeClass(this.prevButton, 'disabled');\n if (this.index == 0 && this.elements.length - 1 == 0) {\n addClass(this.prevButton, 'disabled');\n addClass(this.nextButton, 'disabled');\n } else if (this.index === 0 && !loop) {\n addClass(this.prevButton, 'disabled');\n } else if (this.index === this.elements.length - 1 && !loop) {\n addClass(this.nextButton, 'disabled');\n }\n }\n }, {\n key: \"loop\",\n value: function loop() {\n var loop = has(this.settings, 'loopAtEnd') ? this.settings.loopAtEnd : null;\n loop = has(this.settings, 'loop') ? this.settings.loop : loop;\n return loop;\n }\n }, {\n key: \"close\",\n value: function close() {\n var _this8 = this;\n if (!this.lightboxOpen) {\n if (this.events) {\n for (var key in this.events) {\n if (this.events.hasOwnProperty(key)) {\n this.events[key].destroy();\n }\n }\n this.events = null;\n }\n return false;\n }\n if (this.closing) {\n return false;\n }\n this.closing = true;\n this.slidePlayerPause(this.activeSlide);\n if (this.fullElementsList) {\n this.elements = this.fullElementsList;\n }\n if (this.bodyHiddenChildElms.length) {\n each(this.bodyHiddenChildElms, function (el) {\n el.removeAttribute('aria-hidden');\n });\n }\n addClass(this.modal, 'glightbox-closing');\n animateElement(this.overlay, this.settings.openEffect == 'none' ? 'none' : this.settings.cssEfects.fade.out);\n animateElement(this.activeSlide, this.settings.cssEfects[this.settings.closeEffect].out, function () {\n _this8.activeSlide = null;\n _this8.prevActiveSlideIndex = null;\n _this8.prevActiveSlide = null;\n _this8.built = false;\n if (_this8.events) {\n for (var _key in _this8.events) {\n if (_this8.events.hasOwnProperty(_key)) {\n _this8.events[_key].destroy();\n }\n }\n _this8.events = null;\n }\n var body = document.body;\n removeClass(html, 'glightbox-open');\n removeClass(body, 'glightbox-open touching gdesc-open glightbox-touch glightbox-mobile gscrollbar-fixer');\n _this8.modal.parentNode.removeChild(_this8.modal);\n _this8.trigger('close');\n if (isFunction(_this8.settings.onClose)) {\n _this8.settings.onClose();\n }\n var styles = document.querySelector('.gcss-styles');\n if (styles) {\n styles.parentNode.removeChild(styles);\n }\n _this8.lightboxOpen = false;\n _this8.closing = null;\n });\n }\n }, {\n key: \"destroy\",\n value: function destroy() {\n this.close();\n this.clearAllEvents();\n if (this.baseEvents) {\n this.baseEvents.destroy();\n }\n }\n }, {\n key: \"on\",\n value: function on(evt, callback) {\n var once = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n if (!evt || !isFunction(callback)) {\n throw new TypeError('Event name and callback must be defined');\n }\n this.apiEvents.push({\n evt: evt,\n once: once,\n callback: callback\n });\n }\n }, {\n key: \"once\",\n value: function once(evt, callback) {\n this.on(evt, callback, true);\n }\n }, {\n key: \"trigger\",\n value: function trigger(eventName) {\n var _this9 = this;\n var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;\n var onceTriggered = [];\n each(this.apiEvents, function (event, i) {\n var evt = event.evt,\n once = event.once,\n callback = event.callback;\n if (evt == eventName) {\n callback(data);\n if (once) {\n onceTriggered.push(i);\n }\n }\n });\n if (onceTriggered.length) {\n each(onceTriggered, function (i) {\n return _this9.apiEvents.splice(i, 1);\n });\n }\n }\n }, {\n key: \"clearAllEvents\",\n value: function clearAllEvents() {\n this.apiEvents.splice(0, this.apiEvents.length);\n }\n }, {\n key: \"version\",\n value: function version() {\n return _version;\n }\n }]);\n }();\n function glightbox () {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var instance = new GlightboxInit(options);\n instance.init();\n return instance;\n }\n\n return glightbox;\n\n})));\n","/*\r\n * Backstretch\r\n * http://srobbin.com/jquery-plugins/backstretch/\r\n *\r\n * Copyright (c) 2013 Scott Robbin\r\n * Licensed under the MIT license.\r\n */\r\n\r\n;(function ($, window, undefined) {\r\n 'use strict';\r\n\r\n /** @const */\r\n var YOUTUBE_REGEXP = /^.*(youtu\\.be\\/|youtube\\.com\\/v\\/|youtube\\.com\\/embed\\/|youtube\\.com\\/watch\\?v=|youtube\\.com\\/watch\\?.*\\&v=)([^#\\&\\?]*).*/i;\r\n\r\n /* PLUGIN DEFINITION\r\n * ========================= */\r\n\r\n $.fn.backstretch = function (images, options) {\r\n var args = arguments;\r\n\r\n /*\r\n * Scroll the page one pixel to get the right window height on iOS\r\n * Pretty harmless for everyone else\r\n */\r\n if ($(window).scrollTop() === 0) {\r\n window.scrollTo(0, 0);\r\n }\r\n\r\n var returnValues;\r\n\r\n this.each(function (eachIndex) {\r\n var $this = $(this)\r\n , obj = $this.data('backstretch');\r\n\r\n // Do we already have an instance attached to this element?\r\n if (obj) {\r\n\r\n // Is this a method they're trying to execute?\r\n if (typeof args[0] === 'string' &&\r\n typeof obj[args[0]] === 'function') {\r\n\r\n // Call the method\r\n var returnValue = obj[args[0]].apply(obj, Array.prototype.slice.call(args, 1));\r\n if (returnValue === obj) { // If a method is chaining\r\n returnValue = undefined;\r\n }\r\n if (returnValue !== undefined) {\r\n returnValues = returnValues || [];\r\n returnValues[eachIndex] = returnValue;\r\n }\r\n\r\n return; // Nothing further to do\r\n }\r\n\r\n // Merge the old options with the new\r\n options = $.extend(obj.options, options);\r\n\r\n // Remove the old instance\r\n if (typeof obj === 'object' && 'destroy' in obj) {\r\n obj.destroy(true);\r\n }\r\n }\r\n\r\n // We need at least one image\r\n if (!images || (images && images.length === 0)) {\r\n var cssBackgroundImage = $this.css('background-image');\r\n if (cssBackgroundImage && cssBackgroundImage !== 'none') {\r\n images = [{url: $this.css('backgroundImage').replace(/url\\(|\\)|\"|'/g, \"\")}];\r\n }\r\n else {\r\n $.error('No images were supplied for Backstretch, or element must have a CSS-defined background image.');\r\n }\r\n }\r\n\r\n obj = new Backstretch(this, images, options || {});\r\n $this.data('backstretch', obj);\r\n });\r\n\r\n return returnValues ? returnValues.length === 1 ? returnValues[0] : returnValues : this;\r\n };\r\n\r\n // If no element is supplied, we'll attach to body\r\n $.backstretch = function (images, options) {\r\n // Return the instance\r\n return $('body')\r\n .backstretch(images, options)\r\n .data('backstretch');\r\n };\r\n\r\n // Custom selector\r\n $.expr[':'].backstretch = function (elem) {\r\n return $(elem).data('backstretch') !== undefined;\r\n };\r\n\r\n /* DEFAULTS\r\n * ========================= */\r\n\r\n $.fn.backstretch.defaults = {\r\n duration: 5000 // Amount of time in between slides (if slideshow)\r\n , transition: 'fade' // Type of transition between slides\r\n , transitionDuration: 0 // Duration of transition between slides\r\n , animateFirst: true // Animate the transition of first image of slideshow in?\r\n , alignX: 0.5 // The x-alignment for the image, can be 'left'|'center'|'right' or any number between 0.0 and 1.0\r\n , alignY: 0.5 // The y-alignment for the image, can be 'top'|'center'|'bottom' or any number between 0.0 and 1.0\r\n , paused: false // Whether the images should slide after given duration\r\n , start: 0 // Index of the first image to show\r\n , preload: 2 // How many images preload at a time?\r\n , preloadSize: 1 // How many images can we preload in parallel?\r\n , resolutionRefreshRate: 2500 // How long to wait before switching resolution?\r\n , resolutionChangeRatioThreshold: 0.1 // How much a change should it be before switching resolution?\r\n };\r\n\r\n /* STYLES\r\n *\r\n * Baked-in styles that we'll apply to our elements.\r\n * In an effort to keep the plugin simple, these are not exposed as options.\r\n * That said, anyone can override these in their own stylesheet.\r\n * ========================= */\r\n var styles = {\r\n wrap: {\r\n left: 0\r\n , top: 0\r\n , overflow: 'hidden'\r\n , margin: 0\r\n , padding: 0\r\n , height: '100%'\r\n , width: '100%'\r\n , zIndex: -999999\r\n }\r\n , itemWrapper: {\r\n position: 'absolute'\r\n , display: 'none'\r\n , margin: 0\r\n , padding: 0\r\n , border: 'none'\r\n , width: '100%'\r\n , height: '100%'\r\n , zIndex: -999999\r\n }\r\n , item: {\r\n position: 'absolute'\r\n , margin: 0\r\n , padding: 0\r\n , border: 'none'\r\n , width: '100%'\r\n , height: '100%'\r\n , maxWidth: 'none'\r\n }\r\n };\r\n\r\n /* Given an array of different options for an image,\r\n * choose the optimal image for the container size.\r\n *\r\n * Given an image template (a string with {{ width }} and/or\r\n * {{height}} inside) and a container object, returns the\r\n * image url with the exact values for the size of that\r\n * container.\r\n *\r\n * Returns an array of urls optimized for the specified resolution.\r\n *\r\n */\r\n var optimalSizeImages = (function () {\r\n\r\n /* Sorts the array of image sizes based on width */\r\n var widthInsertSort = function (arr) {\r\n for (var i = 1; i < arr.length; i++) {\r\n var tmp = arr[i],\r\n j = i;\r\n while (arr[j - 1] && parseInt(arr[j - 1].width, 10) > parseInt(tmp.width, 10)) {\r\n arr[j] = arr[j - 1];\r\n --j;\r\n }\r\n arr[j] = tmp;\r\n }\r\n\r\n return arr;\r\n };\r\n\r\n /* Given an array of various sizes of the same image and a container width,\r\n * return the best image.\r\n */\r\n var selectBest = function (containerWidth, containerHeight, imageSizes) {\r\n\r\n var devicePixelRatio = window.devicePixelRatio || 1;\r\n var deviceOrientation = getDeviceOrientation();\r\n var windowOrientation = getWindowOrientation();\r\n var wrapperOrientation = (containerHeight > containerWidth) ?\r\n 'portrait' :\r\n (containerWidth > containerHeight ? 'landscape' : 'square');\r\n\r\n var lastAllowedImage = 0;\r\n var testWidth;\r\n\r\n for (var j = 0, image; j < imageSizes.length; j++) {\r\n\r\n image = imageSizes[j];\r\n\r\n // In case a new image was pushed in, process it:\r\n if (typeof image === 'string') {\r\n image = imageSizes[j] = {url: image};\r\n }\r\n\r\n if (image.pixelRatio && image.pixelRatio !== 'auto' && parseFloat(image.pixelRatio) !== devicePixelRatio) {\r\n // We disallowed choosing this image for current device pixel ratio,\r\n // So skip this one.\r\n continue;\r\n }\r\n\r\n if (image.deviceOrientation && image.deviceOrientation !== deviceOrientation) {\r\n // We disallowed choosing this image for current device orientation,\r\n // So skip this one.\r\n continue;\r\n }\r\n\r\n if (image.windowOrientation && image.windowOrientation !== deviceOrientation) {\r\n // We disallowed choosing this image for current window orientation,\r\n // So skip this one.\r\n continue;\r\n }\r\n\r\n if (image.orientation && image.orientation !== wrapperOrientation) {\r\n // We disallowed choosing this image for current element's orientation,\r\n // So skip this one.\r\n continue;\r\n }\r\n\r\n // Mark this one as the last one we investigated\r\n // which does not violate device pixel ratio rules.\r\n // We may choose this one later if there's no match.\r\n lastAllowedImage = j;\r\n\r\n // For most images, we match the specified width against element width,\r\n // And enforcing a limit depending on the \"pixelRatio\" property if specified.\r\n // But if a pixelRatio=\"auto\", then we consider the width as the physical width of the image,\r\n // And match it while considering the device's pixel ratio.\r\n testWidth = containerWidth;\r\n if (image.pixelRatio === 'auto') {\r\n containerWidth *= devicePixelRatio;\r\n }\r\n\r\n // Stop when the width of the image is larger or equal to the container width\r\n if (image.width >= testWidth) {\r\n break;\r\n }\r\n }\r\n\r\n // Use the image located at where we stopped\r\n return imageSizes[Math.min(j, lastAllowedImage)];\r\n };\r\n\r\n var replaceTagsInUrl = function (url, templateReplacer) {\r\n\r\n if (typeof url === 'string') {\r\n url = url.replace(/{{(width|height)}}/g, templateReplacer);\r\n }\r\n else if (url instanceof Array) {\r\n for (var i = 0; i < url.length; i++) {\r\n if (url[i].src) {\r\n url[i].src = replaceTagsInUrl(url[i].src, templateReplacer);\r\n }\r\n else {\r\n url[i] = replaceTagsInUrl(url[i], templateReplacer);\r\n }\r\n }\r\n }\r\n\r\n return url;\r\n };\r\n\r\n return function ($container, images) {\r\n var containerWidth = $container.width(),\r\n containerHeight = $container.height();\r\n\r\n var chosenImages = [];\r\n\r\n var templateReplacer = function (match, key) {\r\n if (key === 'width') {\r\n return containerWidth;\r\n }\r\n if (key === 'height') {\r\n return containerHeight;\r\n }\r\n return match;\r\n };\r\n\r\n for (var i = 0; i < images.length; i++) {\r\n if ($.isArray(images[i])) {\r\n images[i] = widthInsertSort(images[i]);\r\n var chosen = selectBest(containerWidth, containerHeight, images[i]);\r\n chosenImages.push(chosen);\r\n }\r\n else {\r\n // In case a new image was pushed in, process it:\r\n if (typeof images[i] === 'string') {\r\n images[i] = {url: images[i]};\r\n }\r\n\r\n var item = $.extend({}, images[i]);\r\n item.url = replaceTagsInUrl(item.url, templateReplacer);\r\n chosenImages.push(item);\r\n }\r\n }\r\n return chosenImages;\r\n };\r\n\r\n })();\r\n\r\n var isVideoSource = function (source) {\r\n return YOUTUBE_REGEXP.test(source.url) || source.isVideo;\r\n };\r\n\r\n /* Preload images */\r\n var preload = (function (sources, startAt, count, batchSize, callback) {\r\n // Plugin cache\r\n var cache = [];\r\n\r\n // Wrapper for cache\r\n var caching = function (image) {\r\n for (var i = 0; i < cache.length; i++) {\r\n if (cache[i].src === image.src) {\r\n return cache[i];\r\n }\r\n }\r\n cache.push(image);\r\n return image;\r\n };\r\n\r\n // Execute callback\r\n var exec = function (sources, callback, last) {\r\n if (typeof callback === 'function') {\r\n callback.call(sources, last);\r\n }\r\n };\r\n\r\n // Closure to hide cache\r\n return function preload(sources, startAt, count, batchSize, callback) {\r\n // Check input data\r\n if (typeof sources === 'undefined') {\r\n return;\r\n }\r\n if (!$.isArray(sources)) {\r\n sources = [sources];\r\n }\r\n\r\n if (arguments.length < 5 && typeof arguments[arguments.length - 1] === 'function') {\r\n callback = arguments[arguments.length - 1];\r\n }\r\n\r\n startAt = (typeof startAt === 'function' || !startAt) ? 0 : startAt;\r\n count = (typeof count === 'function' || !count || count < 0) ? sources.length : Math.min(count, sources.length);\r\n batchSize = (typeof batchSize === 'function' || !batchSize) ? 1 : batchSize;\r\n\r\n if (startAt >= sources.length) {\r\n startAt = 0;\r\n count = 0;\r\n }\r\n if (batchSize < 0) {\r\n batchSize = count;\r\n }\r\n batchSize = Math.min(batchSize, count);\r\n\r\n var next = sources.slice(startAt + batchSize, count - batchSize);\r\n sources = sources.slice(startAt, batchSize);\r\n count = sources.length;\r\n\r\n // If sources array is empty\r\n if (!count) {\r\n exec(sources, callback, true);\r\n return;\r\n }\r\n\r\n // Image loading callback\r\n var countLoaded = 0;\r\n\r\n var loaded = function () {\r\n countLoaded++;\r\n if (countLoaded !== count) {\r\n return;\r\n }\r\n\r\n exec(sources, callback, !next);\r\n preload(next, 0, 0, batchSize, callback);\r\n };\r\n\r\n // Loop sources to preload\r\n var image;\r\n\r\n for (var i = 0; i < sources.length; i++) {\r\n\r\n if (isVideoSource(sources[i])) {\r\n\r\n // Do not preload videos. There are issues with that.\r\n // First - we need to keep an instance of the preloaded and use that exactly, not a copy.\r\n // Second - there are memory issues.\r\n // If there will be a requirement from users - I'll try to implement this.\r\n\r\n continue;\r\n\r\n }\r\n else {\r\n\r\n image = new Image();\r\n image.src = sources[i].url;\r\n\r\n image = caching(image);\r\n\r\n if (image.complete) {\r\n loaded();\r\n }\r\n else {\r\n $(image).on('load error', loaded);\r\n }\r\n\r\n }\r\n\r\n }\r\n };\r\n })();\r\n\r\n /* Process images array */\r\n var processImagesArray = function (images) {\r\n var processed = [];\r\n for (var i = 0; i < images.length; i++) {\r\n if (typeof images[i] === 'string') {\r\n processed.push({url: images[i]});\r\n }\r\n else if ($.isArray(images[i])) {\r\n processed.push(processImagesArray(images[i]));\r\n }\r\n else {\r\n processed.push(processOptions(images[i]));\r\n }\r\n }\r\n return processed;\r\n };\r\n\r\n /* Process options */\r\n var processOptions = function (options, required) {\r\n\r\n // Convert old options\r\n\r\n // centeredX/centeredY are deprecated\r\n if (options.centeredX || options.centeredY) {\r\n if (window.console && window.console.log) {\r\n window.console.log('jquery.backstretch: `centeredX`/`centeredY` is deprecated, please use `alignX`/`alignY`');\r\n }\r\n if (options.centeredX) {\r\n options.alignX = 0.5;\r\n }\r\n if (options.centeredY) {\r\n options.alignY = 0.5;\r\n }\r\n }\r\n\r\n // Deprecated spec\r\n if (options.speed !== undefined) {\r\n\r\n if (window.console && window.console.log) {\r\n window.console.log('jquery.backstretch: `speed` is deprecated, please use `transitionDuration`');\r\n }\r\n\r\n options.transitionDuration = options.speed;\r\n options.transition = 'fade';\r\n }\r\n\r\n // Typo\r\n if (options.resolutionChangeRatioTreshold !== undefined) {\r\n window.console.log('jquery.backstretch: `treshold` is a typo!');\r\n options.resolutionChangeRatioThreshold = options.resolutionChangeRatioTreshold;\r\n }\r\n\r\n // Current spec that needs processing\r\n\r\n if (options.fadeFirst !== undefined) {\r\n options.animateFirst = options.fadeFirst;\r\n }\r\n\r\n if (options.fade !== undefined) {\r\n options.transitionDuration = options.fade;\r\n options.transition = 'fade';\r\n }\r\n\r\n if (options.scale) {\r\n options.scale = validScale(options.scale);\r\n }\r\n\r\n return processAlignOptions(options);\r\n };\r\n\r\n /* Process align options */\r\n var processAlignOptions = function (options, required) {\r\n if (options.alignX === 'left') {\r\n options.alignX = 0.0;\r\n }\r\n else if (options.alignX === 'center') {\r\n options.alignX = 0.5;\r\n }\r\n else if (options.alignX === 'right') {\r\n options.alignX = 1.0;\r\n }\r\n else {\r\n if (options.alignX !== undefined || required) {\r\n options.alignX = parseFloat(options.alignX);\r\n if (isNaN(options.alignX)) {\r\n options.alignX = 0.5;\r\n }\r\n }\r\n }\r\n\r\n if (options.alignY === 'top') {\r\n options.alignY = 0.0;\r\n }\r\n else if (options.alignY === 'center') {\r\n options.alignY = 0.5;\r\n }\r\n else if (options.alignY === 'bottom') {\r\n options.alignY = 1.0;\r\n }\r\n else {\r\n if (options.alignX !== undefined || required) {\r\n options.alignY = parseFloat(options.alignY);\r\n if (isNaN(options.alignY)) {\r\n options.alignY = 0.5;\r\n }\r\n }\r\n }\r\n\r\n return options;\r\n };\r\n\r\n var SUPPORTED_SCALE_OPTIONS = {\r\n 'cover': 'cover',\r\n 'fit': 'fit',\r\n 'fit-smaller': 'fit-smaller',\r\n 'fill': 'fill'\r\n };\r\n\r\n function validScale(scale) {\r\n if (!SUPPORTED_SCALE_OPTIONS.hasOwnProperty(scale)) {\r\n return 'cover';\r\n }\r\n return scale;\r\n }\r\n\r\n /* CLASS DEFINITION\r\n * ========================= */\r\n var Backstretch = function (container, images, options) {\r\n this.options = $.extend({}, $.fn.backstretch.defaults, options || {});\r\n\r\n this.firstShow = true;\r\n\r\n // Process options\r\n processOptions(this.options, true);\r\n\r\n /* In its simplest form, we allow Backstretch to be called on an image path.\r\n * e.g. $.backstretch('/path/to/image.jpg')\r\n * So, we need to turn this back into an array.\r\n */\r\n this.images = processImagesArray($.isArray(images) ? images : [images]);\r\n\r\n /**\r\n * Paused-Option\r\n */\r\n if (this.options.paused) {\r\n this.paused = true;\r\n }\r\n\r\n /**\r\n * Start-Option (Index)\r\n */\r\n if (this.options.start >= this.images.length) {\r\n this.options.start = this.images.length - 1;\r\n }\r\n if (this.options.start < 0) {\r\n this.options.start = 0;\r\n }\r\n\r\n // Convenience reference to know if the container is body.\r\n this.isBody = container === document.body;\r\n\r\n /* We're keeping track of a few different elements\r\n *\r\n * Container: the element that Backstretch was called on.\r\n * Wrap: a DIV that we place the image into, so we can hide the overflow.\r\n * Root: Convenience reference to help calculate the correct height.\r\n */\r\n var $window = $(window);\r\n this.$container = $(container);\r\n this.$root = this.isBody ? supportsFixedPosition ? $window : $(document) : this.$container;\r\n\r\n this.originalImages = this.images;\r\n this.images = optimalSizeImages(\r\n this.options.alwaysTestWindowResolution ? $window : this.$root,\r\n this.originalImages);\r\n\r\n /**\r\n * Pre-Loading.\r\n * This is the first image, so we will preload a minimum of 1 images.\r\n */\r\n preload(this.images, this.options.start || 0, this.options.preload || 1);\r\n\r\n // Don't create a new wrap if one already exists (from a previous instance of Backstretch)\r\n var $existing = this.$container.children(\".backstretch\").first();\r\n this.$wrap = $existing.length ? $existing :\r\n $('')\r\n .css(this.options.bypassCss ? {} : styles.wrap)\r\n .appendTo(this.$container);\r\n\r\n if (!this.options.bypassCss) {\r\n\r\n // Non-body elements need some style adjustments\r\n if (!this.isBody) {\r\n // If the container is statically positioned, we need to make it relative,\r\n // and if no zIndex is defined, we should set it to zero.\r\n var position = this.$container.css('position')\r\n , zIndex = this.$container.css('zIndex');\r\n\r\n this.$container.css({\r\n position: position === 'static' ? 'relative' : position\r\n , zIndex: zIndex === 'auto' ? 0 : zIndex\r\n });\r\n\r\n // Needs a higher z-index\r\n this.$wrap.css({zIndex: -999998});\r\n }\r\n\r\n // Fixed or absolute positioning?\r\n this.$wrap.css({\r\n position: this.isBody && supportsFixedPosition ? 'fixed' : 'absolute'\r\n });\r\n\r\n }\r\n\r\n // Set the first image\r\n this.index = this.options.start;\r\n this.show(this.index);\r\n\r\n // Listen for resize\r\n $window.on('resize.backstretch', $.proxy(this.resize, this))\r\n .on('orientationchange.backstretch', $.proxy(function () {\r\n // Need to do this in order to get the right window height\r\n if (this.isBody && window.pageYOffset === 0) {\r\n window.scrollTo(0, 1);\r\n this.resize();\r\n }\r\n }, this));\r\n };\r\n\r\n var performTransition = function (options) {\r\n\r\n var transition = options.transition || 'fade';\r\n\r\n // Look for multiple options\r\n if (typeof transition === 'string' && transition.indexOf('|') > -1) {\r\n transition = transition.split('|');\r\n }\r\n\r\n if (transition instanceof Array) {\r\n transition = transition[Math.round(Math.random() * (transition.length - 1))];\r\n }\r\n\r\n var $new = options['new'];\r\n var $old = options['old'] ? options['old'] : $([]);\r\n\r\n switch (transition.toString().toLowerCase()) {\r\n\r\n default:\r\n case 'fade':\r\n $new.fadeIn({\r\n duration: options.duration,\r\n complete: options.complete,\r\n easing: options.easing || undefined\r\n });\r\n break;\r\n\r\n case 'fadeinout':\r\n case 'fade_in_out':\r\n\r\n var fadeInNew = function () {\r\n $new.fadeIn({\r\n duration: options.duration / 2,\r\n complete: options.complete,\r\n easing: options.easing || undefined\r\n });\r\n };\r\n\r\n if ($old.length) {\r\n $old.fadeOut({\r\n duration: options.duration / 2,\r\n complete: fadeInNew,\r\n easing: options.easing || undefined\r\n });\r\n }\r\n else {\r\n fadeInNew();\r\n }\r\n\r\n break;\r\n\r\n case 'pushleft':\r\n case 'push_left':\r\n case 'pushright':\r\n case 'push_right':\r\n case 'pushup':\r\n case 'push_up':\r\n case 'pushdown':\r\n case 'push_down':\r\n case 'coverleft':\r\n case 'cover_left':\r\n case 'coverright':\r\n case 'cover_right':\r\n case 'coverup':\r\n case 'cover_up':\r\n case 'coverdown':\r\n case 'cover_down':\r\n\r\n var transitionParts = transition.match(/^(cover|push)_?(.*)$/);\r\n\r\n var animProp = transitionParts[2] === 'left' ? 'right' :\r\n transitionParts[2] === 'right' ? 'left' :\r\n transitionParts[2] === 'down' ? 'top' :\r\n transitionParts[2] === 'up' ? 'bottom' :\r\n 'right';\r\n\r\n var newCssStart = {\r\n 'display': ''\r\n }, newCssAnim = {};\r\n newCssStart[animProp] = '-100%';\r\n newCssAnim[animProp] = 0;\r\n\r\n $new\r\n .css(newCssStart)\r\n .animate(newCssAnim, {\r\n duration: options.duration,\r\n complete: function () {\r\n $new.css(animProp, '');\r\n options.complete.apply(this, arguments);\r\n },\r\n easing: options.easing || undefined\r\n });\r\n\r\n if (transitionParts[1] === 'push' && $old.length) {\r\n var oldCssAnim = {};\r\n oldCssAnim[animProp] = '100%';\r\n\r\n $old\r\n .animate(oldCssAnim, {\r\n duration: options.duration,\r\n complete: function () {\r\n $old.css('display', 'none');\r\n },\r\n easing: options.easing || undefined\r\n });\r\n }\r\n\r\n break;\r\n }\r\n\r\n };\r\n\r\n /* PUBLIC METHODS\r\n * ========================= */\r\n Backstretch.prototype = {\r\n\r\n resize: function () {\r\n try {\r\n\r\n // Check for a better suited image after the resize\r\n var $resTest = this.options.alwaysTestWindowResolution ? $(window) : this.$root;\r\n var newContainerWidth = $resTest.width();\r\n var newContainerHeight = $resTest.height();\r\n var changeRatioW = newContainerWidth / (this._lastResizeContainerWidth || 0);\r\n var changeRatioH = newContainerHeight / (this._lastResizeContainerHeight || 0);\r\n var resolutionChangeRatioThreshold = this.options.resolutionChangeRatioThreshold || 0.0;\r\n\r\n // check for big changes in container size\r\n if ((newContainerWidth !== this._lastResizeContainerWidth ||\r\n newContainerHeight !== this._lastResizeContainerHeight) &&\r\n ((Math.abs(changeRatioW - 1) >= resolutionChangeRatioThreshold || isNaN(changeRatioW)) ||\r\n (Math.abs(changeRatioH - 1) >= resolutionChangeRatioThreshold || isNaN(changeRatioH)))) {\r\n\r\n this._lastResizeContainerWidth = newContainerWidth;\r\n this._lastResizeContainerHeight = newContainerHeight;\r\n\r\n // Big change: rebuild the entire images array\r\n this.images = optimalSizeImages($resTest, this.originalImages);\r\n\r\n // Preload them (they will be automatically inserted on the next cycle)\r\n if (this.options.preload) {\r\n preload(this.images, (this.index + 1) % this.images.length, this.options.preload);\r\n }\r\n\r\n // In case there is no cycle and the new source is different than the current\r\n if (this.images.length === 1 &&\r\n this._currentImage.url !== this.images[0].url) {\r\n\r\n // Wait a little an update the image being showed\r\n var that = this;\r\n clearTimeout(that._selectAnotherResolutionTimeout);\r\n that._selectAnotherResolutionTimeout = setTimeout(function () {\r\n that.show(0);\r\n }, this.options.resolutionRefreshRate);\r\n }\r\n }\r\n\r\n var bgCSS = {left: 0, top: 0, right: 'auto', bottom: 'auto'}\r\n\r\n , boxWidth = this.isBody ? this.$root.width() : this.$root.innerWidth()\r\n , boxHeight = this.isBody\r\n ? (window.innerHeight ? window.innerHeight : this.$root.height())\r\n : this.$root.innerHeight()\r\n\r\n , naturalWidth = this.$itemWrapper.data('width')\r\n , naturalHeight = this.$itemWrapper.data('height')\r\n\r\n , ratio = (naturalWidth / naturalHeight) || 1\r\n\r\n , alignX = this._currentImage.alignX === undefined ? this.options.alignX : this._currentImage.alignX\r\n , alignY = this._currentImage.alignY === undefined ? this.options.alignY : this._currentImage.alignY\r\n , scale = validScale(this._currentImage.scale || this.options.scale);\r\n\r\n var width, height;\r\n\r\n if (scale === 'fit' || scale === 'fit-smaller') {\r\n width = naturalWidth;\r\n height = naturalHeight;\r\n\r\n if (width > boxWidth ||\r\n height > boxHeight ||\r\n scale === 'fit-smaller') {\r\n var boxRatio = boxWidth / boxHeight;\r\n if (boxRatio > ratio) {\r\n width = Math.floor(boxHeight * ratio);\r\n height = boxHeight;\r\n }\r\n else if (boxRatio < ratio) {\r\n width = boxWidth;\r\n height = Math.floor(boxWidth / ratio);\r\n }\r\n else {\r\n width = boxWidth;\r\n height = boxHeight;\r\n }\r\n }\r\n }\r\n else if (scale === 'fill') {\r\n width = boxWidth;\r\n height = boxHeight;\r\n }\r\n else { // 'cover'\r\n width = Math.max(boxHeight * ratio, boxWidth);\r\n height = Math.max(width / ratio, boxHeight);\r\n }\r\n\r\n // Make adjustments based on image ratio\r\n bgCSS.top = -(height - boxHeight) * alignY;\r\n bgCSS.left = -(width - boxWidth) * alignX;\r\n bgCSS.width = width;\r\n bgCSS.height = height;\r\n\r\n if (!this.options.bypassCss) {\r\n\r\n this.$wrap\r\n .css({width: boxWidth, height: boxHeight})\r\n .find('>.backstretch-item').not('.deleteable')\r\n .each(function () {\r\n var $wrapper = $(this);\r\n $wrapper.find('img,video,iframe')\r\n .css(bgCSS);\r\n });\r\n }\r\n\r\n var evt = $.Event('backstretch.resize', {\r\n relatedTarget: this.$container[0]\r\n });\r\n this.$container.trigger(evt, this);\r\n\r\n }\r\n catch (err) {\r\n // IE7 seems to trigger resize before the image is loaded.\r\n // This try/catch block is a hack to let it fail gracefully.\r\n }\r\n\r\n return this;\r\n }\r\n\r\n // Show the slide at a certain position\r\n , show: function (newIndex, overrideOptions) {\r\n\r\n // Validate index\r\n if (Math.abs(newIndex) > this.images.length - 1) {\r\n return;\r\n }\r\n\r\n // Vars\r\n var that = this\r\n , $oldItemWrapper = that.$wrap.find('>.backstretch-item').addClass('deleteable')\r\n , oldVideoWrapper = that.videoWrapper\r\n , evtOptions = {relatedTarget: that.$container[0]};\r\n\r\n // Trigger the \"before\" event\r\n that.$container.trigger($.Event('backstretch.before', evtOptions), [that, newIndex]);\r\n\r\n // Set the new frame index\r\n this.index = newIndex;\r\n var selectedImage = that.images[newIndex];\r\n\r\n // Pause the slideshow\r\n clearTimeout(that._cycleTimeout);\r\n\r\n // New image\r\n\r\n delete that.videoWrapper; // Current item may not be a video\r\n\r\n var isVideo = isVideoSource(selectedImage);\r\n if (isVideo) {\r\n that.videoWrapper = new VideoWrapper(selectedImage);\r\n that.$item = that.videoWrapper.$video.css('pointer-events', 'none');\r\n }\r\n else {\r\n that.$item = $('\\n \\n \\n \\n \\n
\\n')\r\n .append(that.$item);\r\n\r\n if (this.options.bypassCss) {\r\n that.$itemWrapper.css({\r\n 'display': 'none'\r\n });\r\n }\r\n else {\r\n that.$itemWrapper.css(styles.itemWrapper);\r\n that.$item.css(styles.item);\r\n }\r\n\r\n that.$item.bind(isVideo ? 'canplay' : 'load', function (e) {\r\n var $this = $(this)\r\n , $wrapper = $this.parent()\r\n , options = $wrapper.data('options');\r\n\r\n if (overrideOptions) {\r\n options = $.extend({}, options, overrideOptions);\r\n }\r\n\r\n var imgWidth = this.naturalWidth || this.videoWidth || this.width\r\n , imgHeight = this.naturalHeight || this.videoHeight || this.height;\r\n\r\n // Save the natural dimensions\r\n $wrapper\r\n .data('width', imgWidth)\r\n .data('height', imgHeight);\r\n\r\n var getOption = function (opt) {\r\n return options[opt] !== undefined ?\r\n options[opt] :\r\n that.options[opt];\r\n };\r\n\r\n var transition = getOption('transition');\r\n var transitionEasing = getOption('transitionEasing');\r\n var transitionDuration = getOption('transitionDuration');\r\n\r\n // Show the image, then delete the old one\r\n var bringInNextImage = function () {\r\n\r\n if (oldVideoWrapper) {\r\n oldVideoWrapper.stop();\r\n oldVideoWrapper.destroy();\r\n }\r\n\r\n $oldItemWrapper.remove();\r\n\r\n // Resume the slideshow\r\n if (!that.paused && that.images.length > 1) {\r\n that.cycle();\r\n }\r\n\r\n // Now we can clear the background on the element, to spare memory\r\n if (!that.options.bypassCss && !that.isBody) {\r\n that.$container.css('background-image', 'none');\r\n }\r\n\r\n // Trigger the \"after\" and \"show\" events\r\n // \"show\" is being deprecated\r\n $(['after', 'show']).each(function () {\r\n that.$container.trigger($.Event('backstretch.' + this, evtOptions), [that, newIndex]);\r\n });\r\n\r\n if (isVideo) {\r\n that.videoWrapper.play();\r\n }\r\n };\r\n\r\n if ((that.firstShow && !that.options.animateFirst) || !transitionDuration || !transition) {\r\n // Avoid transition on first show or if there's no transitionDuration value\r\n $wrapper.show();\r\n bringInNextImage();\r\n }\r\n else {\r\n\r\n performTransition({\r\n 'new': $wrapper,\r\n old: $oldItemWrapper,\r\n transition: transition,\r\n duration: transitionDuration,\r\n easing: transitionEasing,\r\n complete: bringInNextImage\r\n });\r\n\r\n }\r\n\r\n that.firstShow = false;\r\n\r\n // Resize\r\n that.resize();\r\n });\r\n\r\n that.$itemWrapper.appendTo(that.$wrap);\r\n\r\n that.$item.attr('alt', selectedImage.alt || '');\r\n that.$itemWrapper.data('options', selectedImage);\r\n\r\n if (!isVideo) {\r\n that.$item.attr('src', selectedImage.url);\r\n }\r\n\r\n that._currentImage = selectedImage;\r\n\r\n return that;\r\n }\r\n\r\n , current: function () {\r\n return this.index;\r\n }\r\n\r\n , next: function () {\r\n var args = Array.prototype.slice.call(arguments, 0);\r\n args.unshift(this.index < this.images.length - 1 ? this.index + 1 : 0);\r\n return this.show.apply(this, args);\r\n }\r\n\r\n , prev: function () {\r\n var args = Array.prototype.slice.call(arguments, 0);\r\n args.unshift(this.index === 0 ? this.images.length - 1 : this.index - 1);\r\n return this.show.apply(this, args);\r\n }\r\n\r\n , pause: function () {\r\n // Pause the slideshow\r\n this.paused = true;\r\n\r\n if (this.videoWrapper) {\r\n this.videoWrapper.pause();\r\n }\r\n\r\n return this;\r\n }\r\n\r\n , resume: function () {\r\n // Resume the slideshow\r\n this.paused = false;\r\n\r\n if (this.videoWrapper) {\r\n this.videoWrapper.play();\r\n }\r\n\r\n this.cycle();\r\n return this;\r\n }\r\n\r\n , cycle: function () {\r\n // Start/resume the slideshow\r\n if (this.images.length > 1) {\r\n // Clear the timeout, just in case\r\n clearTimeout(this._cycleTimeout);\r\n\r\n var duration = (this._currentImage && this._currentImage.duration) || this.options.duration;\r\n var isVideo = isVideoSource(this._currentImage);\r\n\r\n var callNext = function () {\r\n this.$item.off('.cycle');\r\n\r\n // Check for paused slideshow\r\n if (!this.paused) {\r\n this.next();\r\n }\r\n };\r\n\r\n // Special video handling\r\n if (isVideo) {\r\n\r\n // Leave video at last frame\r\n if (!this._currentImage.loop) {\r\n var lastFrameTimeout = 0;\r\n\r\n this.$item\r\n .on('playing.cycle', function () {\r\n var player = $(this).data('player');\r\n\r\n clearTimeout(lastFrameTimeout);\r\n lastFrameTimeout = setTimeout(function () {\r\n player.pause();\r\n player.$video.trigger('ended');\r\n }, (player.getDuration() - player.getCurrentTime()) * 1000);\r\n })\r\n .on('ended.cycle', function () {\r\n clearTimeout(lastFrameTimeout);\r\n });\r\n }\r\n\r\n // On error go to next\r\n this.$item.on('error.cycle initerror.cycle', $.proxy(callNext, this));\r\n }\r\n\r\n if (isVideo && !this._currentImage.duration) {\r\n // It's a video - playing until end\r\n this.$item.on('ended.cycle', $.proxy(callNext, this));\r\n\r\n }\r\n else {\r\n // Cycling according to specified duration\r\n this._cycleTimeout = setTimeout($.proxy(callNext, this), duration);\r\n }\r\n\r\n }\r\n return this;\r\n }\r\n\r\n , destroy: function (preserveBackground) {\r\n // Stop the resize events\r\n $(window).off('resize.backstretch orientationchange.backstretch');\r\n\r\n // Stop any videos\r\n if (this.videoWrapper) {\r\n this.videoWrapper.destroy();\r\n }\r\n\r\n // Clear the timeout\r\n clearTimeout(this._cycleTimeout);\r\n\r\n // Remove Backstretch\r\n if (!preserveBackground) {\r\n this.$wrap.remove();\r\n }\r\n this.$container.removeData('backstretch');\r\n }\r\n };\r\n\r\n /**\r\n * Video Abstraction Layer\r\n *\r\n * Static methods:\r\n * > VideoWrapper.loadYoutubeAPI() -> Call in order to load the Youtube API.\r\n * An 'youtube_api_load' event will be triggered on $(window) when the API is loaded.\r\n *\r\n * Generic:\r\n * > player.type -> type of the video\r\n * > player.video / player.$video -> contains the element holding the video\r\n * > player.play() -> plays the video\r\n * > player.pause() -> pauses the video\r\n * > player.setCurrentTime(position) -> seeks to a position by seconds\r\n *\r\n * Youtube:\r\n * > player.ytId will contain the youtube ID if the source is a youtube url\r\n * > player.ytReady is a flag telling whether the youtube source is ready for playback\r\n * */\r\n\r\n var VideoWrapper = function () { this.init.apply(this, arguments); };\r\n\r\n /**\r\n * @param {Object} options\r\n * @param {String|Array|Array<{{src: String, type: String?}}>} options.url\r\n * @param {Boolean} options.loop=false\r\n * @param {Boolean?} options.mute=true\r\n * @param {String?} options.poster\r\n * loop, mute, poster\r\n */\r\n VideoWrapper.prototype.init = function (options) {\r\n\r\n var that = this;\r\n\r\n var $video;\r\n\r\n var setVideoElement = function () {\r\n that.$video = $video;\r\n that.video = $video[0];\r\n };\r\n\r\n // Determine video type\r\n\r\n var videoType = 'video';\r\n\r\n if (!(options.url instanceof Array) &&\r\n YOUTUBE_REGEXP.test(options.url)) {\r\n videoType = 'youtube';\r\n }\r\n\r\n that.type = videoType;\r\n\r\n if (videoType === 'youtube') {\r\n\r\n // Try to load the API in the meantime\r\n VideoWrapper.loadYoutubeAPI();\r\n\r\n that.ytId = options.url.match(YOUTUBE_REGEXP)[2];\r\n var src = 'https://www.youtube.com/embed/' + that.ytId +\r\n '?rel=0&autoplay=0&showinfo=0&controls=0&modestbranding=1' +\r\n '&cc_load_policy=0&disablekb=1&iv_load_policy=3&loop=0' +\r\n '&enablejsapi=1&origin=' + encodeURIComponent(window.location.origin);\r\n\r\n that.__ytStartMuted = !!options.mute || options.mute === undefined;\r\n\r\n $video = $('')\r\n .attr({'src_to_load': src})\r\n .css({'border': 0, 'margin': 0, 'padding': 0})\r\n .data('player', that);\r\n\r\n if (options.loop) {\r\n $video.on('ended.loop', function () {\r\n if (!that.__manuallyStopped) {\r\n that.play();\r\n }\r\n });\r\n }\r\n\r\n that.ytReady = false;\r\n\r\n setVideoElement();\r\n\r\n if (window['YT'] && window['YT'].loaded) {\r\n that._initYoutube();\r\n $video.trigger('initsuccess');\r\n }\r\n else {\r\n $(window).one('youtube_api_load', function () {\r\n that._initYoutube();\r\n $video.trigger('initsuccess');\r\n });\r\n }\r\n\r\n }\r\n else {\r\n // Traditional