css/e-gallery.min.css 0000644 00000006347 15073230371 0010524 0 ustar 00 /*! E-Gallery v1.2.0 by Elementor */ .e-gallery-container{position:relative;display:flex;flex-wrap:wrap}.e-gallery-container:not(.e-gallery-grid){transition:padding-bottom var(--animation-duration)}.e-gallery-item{position:relative;flex-grow:0;flex-shrink:0;transition-property:all;transition-duration:var(--animation-duration)}.e-gallery-item:not(:hover) .e-gallery-overlay{display:none}.e-gallery-item.e-gallery-item--hidden{transform:scale3d(0, 0, 0);opacity:0}.e-gallery-image{background-position:center center;background-size:cover;width:100%;transform-origin:center top;transition:var(--animation-duration)}.e-gallery-overlay{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-evenly;flex-wrap:wrap;flex-direction:column;color:#fff;background-color:rgba(0,0,0,0.5)}.e-gallery-overlay__title{font-size:24px}.e-gallery-grid:not(.e-gallery--animated){display:grid;grid-gap:var(--vgap) var(--hgap);grid-template-columns:repeat(var(--columns), 1fr)}.e-gallery-grid:not(.e-gallery--animated) .e-gallery-item--hidden{position:absolute}.e-gallery-grid.e-gallery--animated{padding-bottom:var(--container-aspect-ratio)}.e-gallery-grid.e-gallery--animated .e-gallery-item{--item-width: calc((100% - ((var(--columns) - 1) * var(--hgap))) / var(--columns));position:absolute;top:calc(((100% / var(--rows)) + (var(--vgap) / var(--rows))) * var(--row));width:var(--item-width)}.e-gallery-grid .e-gallery-image{padding-bottom:var(--aspect-ratio)}.e-gallery-justified{padding-bottom:calc(var(--container-aspect-ratio) * 100%)}.e-gallery-justified .e-gallery-item{position:absolute;width:calc(var(--item-width) * (100% - var(--hgap) * var(--gap-count)));height:var(--item-height);top:calc(var(--item-top) + (var(--row) * var(--vgap)))}.e-gallery-justified .e-gallery-image{height:100%}.e-gallery-masonry{height:0;margin-bottom:calc(var(--highest-column-gap-count) * var(--vgap))}.e-gallery-masonry .e-gallery-item{position:absolute;width:calc(100% / var(--columns) - (var(--hgap) * (var(--columns) - 1) / var(--columns)));top:calc(var(--percent-height) + (var(--items-in-column) * var(--vgap)))}.e-gallery-masonry .e-gallery-image{padding-bottom:var(--item-height)}.e-gallery--ltr.e-gallery-grid.e-gallery--animated .e-gallery-item{left:calc(var(--item-width) * var(--column) + (var(--hgap) * var(--column)))}.e-gallery--ltr.e-gallery-justified .e-gallery-item{left:calc(var(--item-start) * (100% - var(--hgap) * var(--gap-count)) + var(--hgap) * var(--item-row-index))}.e-gallery--ltr.e-gallery-masonry .e-gallery-item{left:calc((100% / var(--columns) - (var(--hgap) * (var(--columns) - 1) / var(--columns))) * var(--column) + (var(--hgap) * var(--column)))}.e-gallery--rtl.e-gallery-grid.e-gallery--animated .e-gallery-item{right:calc(var(--item-width) * var(--column) + (var(--hgap) * var(--column)))}.e-gallery--rtl.e-gallery-justified .e-gallery-item{right:calc(var(--item-start) * (100% - var(--hgap) * var(--gap-count)) + var(--hgap) * var(--item-row-index))}.e-gallery--rtl.e-gallery-masonry .e-gallery-item{right:calc((100% / var(--columns) - (var(--hgap) * (var(--columns) - 1) / var(--columns))) * var(--column) + (var(--hgap) * var(--column)))}.e-gallery--lazyload .e-gallery-image:not(.e-gallery-image-loaded){filter:opacity(0);transform:scale(0.5)} css/e-gallery.css 0000644 00000007262 15073230371 0007737 0 ustar 00 /*! E-Gallery v1.2.0 by Elementor */ .e-gallery-container { position: relative; display: flex; flex-wrap: wrap; } .e-gallery-container:not(.e-gallery-grid) { transition: padding-bottom var(--animation-duration); } .e-gallery-item { position: relative; flex-grow: 0; flex-shrink: 0; transition-property: all; transition-duration: var(--animation-duration); } .e-gallery-item:not(:hover) .e-gallery-overlay { display: none; } .e-gallery-item.e-gallery-item--hidden { transform: scale3d(0, 0, 0); opacity: 0; } .e-gallery-image { background-position: center center; background-size: cover; width: 100%; transform-origin: center top; transition: var(--animation-duration); } .e-gallery-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-evenly; flex-wrap: wrap; flex-direction: column; color: #fff; background-color: rgba(0, 0, 0, 0.5); } .e-gallery-overlay__title { font-size: 24px; } .e-gallery-grid:not(.e-gallery--animated) { display: grid; grid-gap: var(--vgap) var(--hgap); grid-template-columns: repeat(var(--columns), 1fr); } .e-gallery-grid:not(.e-gallery--animated) .e-gallery-item--hidden { position: absolute; } .e-gallery-grid.e-gallery--animated { padding-bottom: var(--container-aspect-ratio); } .e-gallery-grid.e-gallery--animated .e-gallery-item { --item-width: calc((100% - ((var(--columns) - 1) * var(--hgap))) / var(--columns)); position: absolute; top: calc(((100% / var(--rows)) + (var(--vgap) / var(--rows))) * var(--row)); width: var(--item-width); } .e-gallery-grid .e-gallery-image { padding-bottom: var(--aspect-ratio); } .e-gallery-justified { padding-bottom: calc(var(--container-aspect-ratio) * 100%); } .e-gallery-justified .e-gallery-item { position: absolute; width: calc(var(--item-width) * (100% - var(--hgap) * var(--gap-count))); height: var(--item-height); top: calc(var(--item-top) + (var(--row) * var(--vgap))); } .e-gallery-justified .e-gallery-image { height: 100%; } .e-gallery-masonry { height: 0; margin-bottom: calc(var(--highest-column-gap-count) * var(--vgap)); } .e-gallery-masonry .e-gallery-item { position: absolute; width: calc(100% / var(--columns) - (var(--hgap) * (var(--columns) - 1) / var(--columns))); top: calc(var(--percent-height) + (var(--items-in-column) * var(--vgap))); } .e-gallery-masonry .e-gallery-image { padding-bottom: var(--item-height); } .e-gallery--ltr.e-gallery-grid.e-gallery--animated .e-gallery-item { left: calc(var(--item-width) * var(--column) + (var(--hgap) * var(--column))); } .e-gallery--ltr.e-gallery-justified .e-gallery-item { left: calc(var(--item-start) * (100% - var(--hgap) * var(--gap-count)) + var(--hgap) * var(--item-row-index)); } .e-gallery--ltr.e-gallery-masonry .e-gallery-item { left: calc((100% / var(--columns) - (var(--hgap) * (var(--columns) - 1) / var(--columns))) * var(--column) + (var(--hgap) * var(--column))); } .e-gallery--rtl.e-gallery-grid.e-gallery--animated .e-gallery-item { right: calc(var(--item-width) * var(--column) + (var(--hgap) * var(--column))); } .e-gallery--rtl.e-gallery-justified .e-gallery-item { right: calc(var(--item-start) * (100% - var(--hgap) * var(--gap-count)) + var(--hgap) * var(--item-row-index)); } .e-gallery--rtl.e-gallery-masonry .e-gallery-item { right: calc((100% / var(--columns) - (var(--hgap) * (var(--columns) - 1) / var(--columns))) * var(--column) + (var(--hgap) * var(--column))); } .e-gallery--lazyload .e-gallery-image:not(.e-gallery-image-loaded) { filter: opacity(0); transform: scale(0.5); } /*# sourceMappingURL=e-gallery.css.map*/ js/e-gallery.js 0000644 00000141360 15073230371 0007405 0 ustar 00 /*! E-Gallery v1.2.0 by Elementor */ var EGallery = /******/ (function(modules) { // webpackBootstrap /******/ // The module cache /******/ var installedModules = {}; /******/ /******/ // The require function /******/ function __webpack_require__(moduleId) { /******/ /******/ // Check if module is in cache /******/ if(installedModules[moduleId]) { /******/ return installedModules[moduleId].exports; /******/ } /******/ // Create a new module (and put it into the cache) /******/ var module = installedModules[moduleId] = { /******/ i: moduleId, /******/ l: false, /******/ exports: {} /******/ }; /******/ /******/ // Execute the module function /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); /******/ /******/ // Flag the module as loaded /******/ module.l = true; /******/ /******/ // Return the exports of the module /******/ return module.exports; /******/ } /******/ /******/ /******/ // expose the modules object (__webpack_modules__) /******/ __webpack_require__.m = modules; /******/ /******/ // expose the module cache /******/ __webpack_require__.c = installedModules; /******/ /******/ // define getter function for harmony exports /******/ __webpack_require__.d = function(exports, name, getter) { /******/ if(!__webpack_require__.o(exports, name)) { /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); /******/ } /******/ }; /******/ /******/ // define __esModule on exports /******/ __webpack_require__.r = function(exports) { /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); /******/ } /******/ Object.defineProperty(exports, '__esModule', { value: true }); /******/ }; /******/ /******/ // create a fake namespace object /******/ // mode & 1: value is a module id, require it /******/ // mode & 2: merge all properties of value into the ns /******/ // mode & 4: return value when already ns object /******/ // mode & 8|1: behave like require /******/ __webpack_require__.t = function(value, mode) { /******/ if(mode & 1) value = __webpack_require__(value); /******/ if(mode & 8) return value; /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; /******/ var ns = Object.create(null); /******/ __webpack_require__.r(ns); /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); /******/ return ns; /******/ }; /******/ /******/ // getDefaultExport function for compatibility with non-harmony modules /******/ __webpack_require__.n = function(module) { /******/ var getter = module && module.__esModule ? /******/ function getDefault() { return module['default']; } : /******/ function getModuleExports() { return module; }; /******/ __webpack_require__.d(getter, 'a', getter); /******/ return getter; /******/ }; /******/ /******/ // Object.prototype.hasOwnProperty.call /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; /******/ /******/ // __webpack_public_path__ /******/ __webpack_require__.p = ""; /******/ /******/ /******/ // Load entry module and return exports /******/ return __webpack_require__(__webpack_require__.s = "./src/js/e-gallery.js"); /******/ }) /************************************************************************/ /******/ ({ /***/ "./node_modules/@babel/runtime/helpers/assertThisInitialized.js": /*!**********************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/assertThisInitialized.js ***! \**********************************************************************/ /*! no static exports found */ /***/ (function(module, exports) { function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } module.exports = _assertThisInitialized; /***/ }), /***/ "./node_modules/@babel/runtime/helpers/classCallCheck.js": /*!***************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/classCallCheck.js ***! \***************************************************************/ /*! no static exports found */ /***/ (function(module, exports) { function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } module.exports = _classCallCheck; /***/ }), /***/ "./node_modules/@babel/runtime/helpers/createClass.js": /*!************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/createClass.js ***! \************************************************************/ /*! no static exports found */ /***/ (function(module, exports) { function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } module.exports = _createClass; /***/ }), /***/ "./node_modules/@babel/runtime/helpers/getPrototypeOf.js": /*!***************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/getPrototypeOf.js ***! \***************************************************************/ /*! no static exports found */ /***/ (function(module, exports) { function _getPrototypeOf(o) { module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } module.exports = _getPrototypeOf; /***/ }), /***/ "./node_modules/@babel/runtime/helpers/inherits.js": /*!*********************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/inherits.js ***! \*********************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { var setPrototypeOf = __webpack_require__(/*! ./setPrototypeOf */ "./node_modules/@babel/runtime/helpers/setPrototypeOf.js"); function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) setPrototypeOf(subClass, superClass); } module.exports = _inherits; /***/ }), /***/ "./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js": /*!**************************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js ***! \**************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { var _typeof = __webpack_require__(/*! ../helpers/typeof */ "./node_modules/@babel/runtime/helpers/typeof.js"); var assertThisInitialized = __webpack_require__(/*! ./assertThisInitialized */ "./node_modules/@babel/runtime/helpers/assertThisInitialized.js"); function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return assertThisInitialized(self); } module.exports = _possibleConstructorReturn; /***/ }), /***/ "./node_modules/@babel/runtime/helpers/setPrototypeOf.js": /*!***************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/setPrototypeOf.js ***! \***************************************************************/ /*! no static exports found */ /***/ (function(module, exports) { function _setPrototypeOf(o, p) { module.exports = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); } module.exports = _setPrototypeOf; /***/ }), /***/ "./node_modules/@babel/runtime/helpers/typeof.js": /*!*******************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/typeof.js ***! \*******************************************************/ /*! no static exports found */ /***/ (function(module, exports) { function _typeof3(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof3 = function _typeof3(obj) { return typeof obj; }; } else { _typeof3 = function _typeof3(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof3(obj); } function _typeof2(obj) { if (typeof Symbol === "function" && _typeof3(Symbol.iterator) === "symbol") { _typeof2 = function _typeof2(obj) { return _typeof3(obj); }; } else { _typeof2 = function _typeof2(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : _typeof3(obj); }; } return _typeof2(obj); } function _typeof(obj) { if (typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol") { module.exports = _typeof = function _typeof(obj) { return _typeof2(obj); }; } else { module.exports = _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : _typeof2(obj); }; } return _typeof(obj); } module.exports = _typeof; /***/ }), /***/ "./src/js/e-gallery.js": /*!*****************************!*\ !*** ./src/js/e-gallery.js ***! \*****************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return EGallery; }); /* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "./node_modules/@babel/runtime/helpers/classCallCheck.js"); /* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "./node_modules/@babel/runtime/helpers/createClass.js"); /* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var _types_grid__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./types/grid */ "./src/js/types/grid.js"); /* harmony import */ var _types_justified__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./types/justified */ "./src/js/types/justified.js"); /* harmony import */ var _types_masonry__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./types/masonry */ "./src/js/types/masonry.js"); /* harmony import */ var _scss_e_gallery_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../scss/e-gallery.scss */ "./src/scss/e-gallery.scss"); /* harmony import */ var _scss_e_gallery_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_scss_e_gallery_scss__WEBPACK_IMPORTED_MODULE_5__); var EGallery = /*#__PURE__*/ function () { function EGallery(userSettings) { _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this, EGallery); this.userSettings = userSettings; this.initGalleriesTypes(); this.createGallery(); } _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default()(EGallery, [{ key: "getDefaultSettings", value: function getDefaultSettings() { return { container: null, items: null, type: 'grid', tags: [], overlay: false, overlayTemplate: '
', columns: 5, horizontalGap: 10, verticalGap: 10, rtl: false, animationDuration: 350, lazyLoad: false, classesPrefix: 'e-gallery-', classes: { container: 'container', item: 'item', image: 'image', overlay: 'overlay', overlayTitle: 'overlay__title', overlayDescription: 'overlay__description', link: 'link', firstRowItem: 'first-row-item', animated: '-animated', hidden: 'item--hidden', lazyLoad: '-lazyload', imageLoaded: 'image-loaded' }, selectors: { items: '.e-gallery-item', image: '.e-gallery-image' }, breakpoints: { 1024: { horizontalGap: 5, verticalGap: 5, columns: 4 }, 768: { horizontalGap: 1, verticalGap: 1, columns: 2 } } }; } }, { key: "initGalleriesTypes", value: function initGalleriesTypes() { this.galleriesTypes = { grid: _types_grid__WEBPACK_IMPORTED_MODULE_2__["default"], justified: _types_justified__WEBPACK_IMPORTED_MODULE_3__["default"], masonry: _types_masonry__WEBPACK_IMPORTED_MODULE_4__["default"] }; } }, { key: "createGallery", value: function createGallery() { var settings = jQuery.extend(this.getDefaultSettings(), this.userSettings); var GalleryHandlerType = this.galleriesTypes[settings.type]; this.galleryHandler = new GalleryHandlerType(settings); } }, { key: "setSettings", value: function setSettings(key, value) { this.galleryHandler.setSettings(key, value); } }, { key: "destroy", value: function destroy() { this.galleryHandler.destroy(); } }]); return EGallery; }(); /***/ }), /***/ "./src/js/types/base.js": /*!******************************!*\ !*** ./src/js/types/base.js ***! \******************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return BaseGalleryType; }); /* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "./node_modules/@babel/runtime/helpers/classCallCheck.js"); /* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "./node_modules/@babel/runtime/helpers/createClass.js"); /* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils */ "./src/js/utils/index.js"); var BaseGalleryType = /*#__PURE__*/ function () { function BaseGalleryType(settings) { var _this = this; _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this, BaseGalleryType); this.settings = jQuery.extend(true, this.getDefaultSettings(), settings); this.$container = jQuery(this.settings.container); this.timeouts = []; this.initElements(); this.prepareGallery(); var oldRunGallery = this.runGallery.bind(this); this.runGallery = this.debounce(function () { for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } if (_this.settings.lazyLoad) { oldRunGallery.apply(void 0, args); } else { _this.allImagesPromise.then(function () { return oldRunGallery.apply(void 0, args); }); } }, 300); if (this.settings.lazyLoad) { this.handleScroll = this.debounce(function () { return _this.lazyLoadImages(); }, 16); } this.bindEvents(); this.runGallery(); } _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default()(BaseGalleryType, [{ key: "getDefaultSettings", value: function getDefaultSettings() { return {}; } }, { key: "getItemClass", value: function getItemClass(className) { return this.settings.classesPrefix + className; } }, { key: "initElements", value: function initElements() { this.elements = { $window: jQuery(window) }; var directionClass = '-' + (this.settings.rtl ? 'rtl' : 'ltr'); var containerClasses = this.getItemClass(this.settings.classes.container) + ' ' + this.getItemClass(this.settings.type) + ' ' + this.getItemClass(directionClass); if (this.settings.lazyLoad) { containerClasses += ' ' + this.getItemClass(this.settings.classes.lazyLoad); } this.$container.addClass(containerClasses); } }, { key: "bindEvents", value: function bindEvents() { this.elements.$window.on('resize', this.runGallery); if (this.settings.lazyLoad) { this.elements.$window.on('scroll', this.handleScroll); } } }, { key: "getNestedObjectData", value: function getNestedObjectData(object, key) { var keyStack = key.split('.'), currentKey = keyStack.splice(0, 1); if (!keyStack.length) { return { object: object, key: key }; } return this.getNestedObjectData(object[currentKey], keyStack.join('.')); } }, { key: "getTemplateArgs", value: function getTemplateArgs(args, key) { var nestedObjectData = this.getNestedObjectData(args, key); return nestedObjectData.object[nestedObjectData.key] || ''; } }, { key: "getCurrentBreakpoint", value: function getCurrentBreakpoint() { var breakpoints = Object.keys(this.settings.breakpoints).map(Number).sort(function (a, b) { return a - b; }); var currentBreakpoint = 0; breakpoints.some(function (breakpoint) { if (innerWidth < breakpoint) { currentBreakpoint = breakpoint; return true; } return false; }); return currentBreakpoint; } }, { key: "getCurrentDeviceSetting", value: function getCurrentDeviceSetting(settingKey) { var currentBreakpoint = this.getCurrentBreakpoint(); if (currentBreakpoint) { return this.settings.breakpoints[currentBreakpoint][settingKey]; } return this.settings[settingKey]; } }, { key: "getActiveItems", value: function getActiveItems() { var returnIndexes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false; var activeTags = this.settings.tags, activeIndexes = []; if (!activeTags.length) { if (returnIndexes) { this.$items.each(function (index) { activeIndexes.push(index); }); return activeIndexes; } return this.$items; } var filteredItems = this.$items.filter(function (index, item) { var itemTags = item.dataset.eGalleryTags; if (!itemTags) { return false; } itemTags = itemTags.split(/[ ,]+/); if (activeTags.some(function (tag) { return itemTags.includes(tag); })) { if (returnIndexes) { activeIndexes.push(index); } return true; } return false; }); if (returnIndexes) { return activeIndexes; } return filteredItems; } }, { key: "getImageData", value: function getImageData(index) { if (this.settings.tags.length) { index = this.getActiveItems(true)[index]; } return this.imagesData[index]; } }, { key: "compileTemplate", value: function compileTemplate(template, args) { var _this2 = this; return template.replace(/{{([^}]+)}}/g, function (match, placeholder) { return _this2.getTemplateArgs(args, placeholder.trim()); }); } }, { key: "createOverlay", value: function createOverlay(overlayData) { var _this$settings = this.settings, classes = _this$settings.classes, overlayTemplate = _this$settings.overlayTemplate, $overlay = jQuery('