File manager - Edit - /home/monara/public_html/test.athavaneng.com/e-gallery.tar
Back
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: '<div class="{{ classesPrefix }}{{ classes.overlayTitle }}">{{ title }}</div><div class="{{ classesPrefix }}{{ classes.overlayDescription }}">{{ description }}</div>', 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('<div>', { "class": this.getItemClass(classes.overlay) }), overlayContent = this.compileTemplate(overlayTemplate, jQuery.extend(true, this.settings, overlayData)); $overlay.html(overlayContent); return $overlay; } }, { key: "createItem", value: function createItem(itemData) { var classes = this.settings.classes, $item = jQuery('<div>', { "class": this.getItemClass(classes.item), 'data-e-gallery-tags': itemData.tags }), $image = jQuery('<div>', { "class": this.getItemClass(classes.image) }); var $overlay; if (!this.settings.lazyLoad) { $image.css('background-image', 'url(' + itemData.thumbnail + ')'); } if (this.settings.overlay) { $overlay = this.createOverlay(itemData); } var $contentWrapper = $item; if (itemData.url) { $contentWrapper = jQuery('<a>', { "class": this.getItemClass(classes.link), href: itemData.url }); $item.html($contentWrapper); } $contentWrapper.html($image); if ($overlay) { $contentWrapper.append($overlay); } return $item; } }, { key: "debounce", value: function debounce(func, wait) { var _this3 = this; var timeout; return function () { for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { args[_key2] = arguments[_key2]; } clearTimeout(timeout); timeout = setTimeout(function () { return func.apply(void 0, args); }, wait); _this3.timeouts.push(timeout); }; } }, { key: "buildGallery", value: function buildGallery() { var _this4 = this; var items = this.settings.items; this.$items = jQuery(); items.forEach(function (item) { var $item = _this4.createItem(item); _this4.$items = _this4.$items.add($item); _this4.$container.append($item); }); } }, { key: "loadImages", value: function loadImages() { var _this5 = this; var allPromises = []; this.settings.items.forEach(function (item, index) { var image = new Image(), promise = new Promise(function (resolve) { image.onload = resolve; }); allPromises.push(promise); promise.then(function () { return _this5.calculateImageSize(image, index); }); image.src = item.thumbnail; }); this.allImagesPromise = Promise.all(allPromises); } }, { key: "lazyLoadImages", value: function lazyLoadImages() { var _this6 = this; if (this.lazyLoadComplete) { return; } var $items = this.getActiveItems(), itemsIndexes = this.getActiveItems(true); $items.each(function (index, item) { var itemData = _this6.settings.items[itemsIndexes[index]]; if (itemData.loading || !Object(_utils__WEBPACK_IMPORTED_MODULE_2__["elementInView"])(item)) { return true; } itemData.loading = true; var $item = jQuery(item), image = new Image(), promise = new Promise(function (resolve) { image.onload = resolve; }); promise.then(function () { $item.find(_this6.settings.selectors.image).css('background-image', 'url("' + itemData.thumbnail + '")').addClass(_this6.getItemClass(_this6.settings.classes.imageLoaded)); _this6.loadedItemsCount++; if (_this6.loadedItemsCount === _this6.settings.items.length) { _this6.lazyLoadComplete = true; } }); image.src = itemData.thumbnail; return true; }); } }, { key: "calculateImageSize", value: function calculateImageSize(image, index) { this.imagesData[index] = { width: image.width, height: image.height, ratio: image.width / image.height }; } }, { key: "createImagesData", value: function createImagesData() { var _this7 = this; this.settings.items.forEach(function (item, index) { return _this7.calculateImageSize(item, index); }); } }, { key: "makeGalleryFromContent", value: function makeGalleryFromContent() { var selectors = this.settings.selectors, isLazyLoad = this.settings.lazyLoad, items = []; this.$items = this.$container.find(selectors.items); this.$items.each(function (index, item) { var $image = jQuery(item).find(selectors.image); items[index] = { thumbnail: $image.data('thumbnail') }; if (isLazyLoad) { items[index].width = $image.data('width'); items[index].height = $image.data('height'); } else { $image.css('background-image', "url(\"".concat($image.data('thumbnail'), "\")")); } }); this.settings.items = items; } }, { key: "prepareGallery", value: function prepareGallery() { if (this.settings.items) { this.buildGallery(); } else { this.makeGalleryFromContent(); } this.imagesData = []; if (this.settings.lazyLoad) { this.loadedItemsCount = 0; this.lazyLoadComplete = false; this.createImagesData(); } else { this.loadImages(); } } }, { key: "runGallery", value: function runGallery(refresh) { var _this8 = this; var containerStyle = this.$container[0].style; containerStyle.setProperty('--hgap', this.getCurrentDeviceSetting('horizontalGap') + 'px'); containerStyle.setProperty('--vgap', this.getCurrentDeviceSetting('verticalGap') + 'px'); containerStyle.setProperty('--animation-duration', this.settings.animationDuration + 'ms'); this.$items.addClass(this.getItemClass(this.settings.classes.hidden)); this.getActiveItems().removeClass(this.getItemClass(this.settings.classes.hidden)); if (this.settings.lazyLoad) { setTimeout(function () { return _this8.lazyLoadImages(); }, 300); } this.run(refresh); } }, { key: "setSettings", value: function setSettings(key, value) { var nestedObjectData = this.getNestedObjectData(this.settings, key); if (nestedObjectData.object) { nestedObjectData.object[nestedObjectData.key] = value; this.runGallery(true); } } }, { key: "unbindEvents", value: function unbindEvents() { this.elements.$window.off('resize', this.runGallery); } }, { key: "destroy", value: function destroy() { this.unbindEvents(); this.$container.empty(); this.timeouts.forEach(function (timeout) { return clearTimeout(timeout); }); } }]); return BaseGalleryType; }(); /***/ }), /***/ "./src/js/types/grid.js": /*!******************************!*\ !*** ./src/js/types/grid.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 Grid; }); /* 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 _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"); /* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__); /* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "./node_modules/@babel/runtime/helpers/getPrototypeOf.js"); /* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__); /* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "./node_modules/@babel/runtime/helpers/inherits.js"); /* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__); /* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./base */ "./src/js/types/base.js"); var Grid = /*#__PURE__*/ function (_BaseGalleryType) { _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default()(Grid, _BaseGalleryType); function Grid() { _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this, Grid); return _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default()(this, _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default()(Grid).apply(this, arguments)); } _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default()(Grid, [{ key: "getDefaultSettings", value: function getDefaultSettings() { return { aspectRatio: '16:9' }; } }, { key: "setItemsPosition", value: function setItemsPosition() { var columns = this.getCurrentDeviceSetting('columns'); this.getActiveItems().each(function (index, item) { item.style.setProperty('--column', index % columns); item.style.setProperty('--row', Math.floor(index / columns)); }); } }, { key: "setContainerSize", value: function setContainerSize() { var columns = this.getCurrentDeviceSetting('columns'), rows = Math.ceil(this.getActiveItems().length / columns), containerStyle = this.$container[0].style; containerStyle.setProperty('--columns', columns); containerStyle.setProperty('--rows', rows); var itemWidth = this.getActiveItems().width(), aspectRatio = this.settings.aspectRatio.split(':'), aspectRatioPercents = aspectRatio[1] / aspectRatio[0], itemHeight = aspectRatioPercents * itemWidth, totalHeight = itemHeight * rows + this.getCurrentDeviceSetting('horizontalGap') * (rows - 1), calculatedAspectRatio = totalHeight / this.$container.width() * 100; containerStyle.setProperty('--aspect-ratio', aspectRatioPercents * 100 + '%'); containerStyle.setProperty('--container-aspect-ratio', calculatedAspectRatio + '%'); } }, { key: "run", value: function run() { var _this = this; var animatedClass = this.getItemClass(this.settings.classes.animated); this.$container.addClass(animatedClass); setTimeout(function () { _this.setItemsPosition(); _this.setContainerSize(); setTimeout(function () { return _this.$container.removeClass(animatedClass); }, _this.settings.animationDuration); }, 50); } }]); return Grid; }(_base__WEBPACK_IMPORTED_MODULE_5__["default"]); /***/ }), /***/ "./src/js/types/justified.js": /*!***********************************!*\ !*** ./src/js/types/justified.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 Justified; }); /* 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 _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"); /* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__); /* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "./node_modules/@babel/runtime/helpers/getPrototypeOf.js"); /* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__); /* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "./node_modules/@babel/runtime/helpers/inherits.js"); /* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__); /* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./base */ "./src/js/types/base.js"); var Justified = /*#__PURE__*/ function (_BaseGalleryType) { _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default()(Justified, _BaseGalleryType); function Justified() { _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this, Justified); return _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default()(this, _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default()(Justified).apply(this, arguments)); } _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default()(Justified, [{ key: "getDefaultSettings", value: function getDefaultSettings() { return { idealRowHeight: 200, lastRow: 'auto', breakpoints: { 1024: { idealRowHeight: 150 }, 768: { idealRowHeight: 100 } } }; } }, { key: "run", value: function run() { this.rowsHeights = []; this.rowsCount = 0; this.containerWidth = this.$container.width(); this.makeJustifiedRow(0); } }, { key: "makeJustifiedRow", value: function makeJustifiedRow(startIndex) { var oldRowWidth = 0; for (var index = startIndex;; index++) { var imageData = this.getImageData(index); var itemComputedWidth = Math.round(this.getCurrentDeviceSetting('idealRowHeight') * imageData.ratio); if (itemComputedWidth > this.containerWidth) { itemComputedWidth = this.containerWidth; } var newRowWidth = oldRowWidth + itemComputedWidth; if (newRowWidth > this.containerWidth) { var oldDiff = this.containerWidth - oldRowWidth, newDiff = newRowWidth - this.containerWidth; if (oldDiff < newDiff) { this.fitImagesInContainer(startIndex, index, oldRowWidth); this.rowsCount++; this.makeJustifiedRow(index); break; } } var isLastItem = index === this.getActiveItems().length - 1; imageData.computedWidth = itemComputedWidth; if (isLastItem) { var lastRowMode = this.getCurrentDeviceSetting('lastRow'); if ('hide' !== lastRowMode) { var totalRowWidth = 'fit' === lastRowMode || 0.7 <= newRowWidth / this.containerWidth ? newRowWidth : this.containerWidth; this.fitImagesInContainer(startIndex, index + 1, totalRowWidth); } this.inflateGalleryHeight(); break; } oldRowWidth = newRowWidth; } } }, { key: "fitImagesInContainer", value: function fitImagesInContainer(startIndex, endIndex, rowWidth) { var gapCount = endIndex - startIndex - 1, $items = this.getActiveItems(); var aggregatedWidth = 0; for (var index = startIndex; index < endIndex; index++) { var imageData = this.getImageData(index), percentWidth = imageData.computedWidth / rowWidth, item = $items.get(index), firstRowItemClass = this.getItemClass(this.settings.classes.firstRowItem); item.style.setProperty('--item-width', percentWidth); item.style.setProperty('--gap-count', gapCount); item.style.setProperty('--item-height', imageData.height / imageData.width * 100 + '%'); item.style.setProperty('--item-start', aggregatedWidth); item.style.setProperty('--item-row-index', index - startIndex); aggregatedWidth += percentWidth; if (index === startIndex) { item.classList.add(firstRowItemClass); var imagePxWidth = percentWidth * (this.containerWidth - gapCount * this.getCurrentDeviceSetting('horizontalGap')); this.rowsHeights.push(imagePxWidth / imageData.ratio); } else { item.classList.remove(firstRowItemClass); } } } }, { key: "inflateGalleryHeight", value: function inflateGalleryHeight() { var totalRowsHeight = this.rowsHeights.reduce(function (total, item) { return total + item; }), finalContainerHeight = totalRowsHeight + this.rowsCount * this.getCurrentDeviceSetting('verticalGap'), containerAspectRatio = finalContainerHeight / this.containerWidth, percentRowsHeights = this.rowsHeights.map(function (rowHeight) { return rowHeight / finalContainerHeight * 100; }); var currentRow = -1, accumulatedTop = 0; this.getActiveItems().each(function (index, item) { var itemRowIndex = item.style.getPropertyValue('--item-row-index'), isFirstItem = '0' === itemRowIndex; if (isFirstItem) { currentRow++; if (currentRow) { accumulatedTop += percentRowsHeights[currentRow - 1]; } } item.style.setProperty('--item-top', accumulatedTop + '%'); item.style.setProperty('--item-height', percentRowsHeights[currentRow] + '%'); item.style.setProperty('--row', currentRow); }); this.$container[0].style.setProperty('--container-aspect-ratio', containerAspectRatio); } }]); return Justified; }(_base__WEBPACK_IMPORTED_MODULE_5__["default"]); /***/ }), /***/ "./src/js/types/masonry.js": /*!*********************************!*\ !*** ./src/js/types/masonry.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 Masonry; }); /* 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 _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"); /* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__); /* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "./node_modules/@babel/runtime/helpers/getPrototypeOf.js"); /* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__); /* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "./node_modules/@babel/runtime/helpers/inherits.js"); /* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__); /* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./base */ "./src/js/types/base.js"); var Masonry = /*#__PURE__*/ function (_BaseGalleryType) { _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default()(Masonry, _BaseGalleryType); function Masonry() { _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this, Masonry); return _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default()(this, _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default()(Masonry).apply(this, arguments)); } _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default()(Masonry, [{ key: "run", value: function run(refresh) { var _this = this; var currentBreakpoint = this.getCurrentBreakpoint(); if (!refresh && currentBreakpoint === this.currentBreakpoint) { return; } this.currentBreakpoint = currentBreakpoint; var heights = [], itemsInColumn = [], aggregatedHeights = [], columns = this.getCurrentDeviceSetting('columns'), containerWidth = this.$container.width(), horizontalGap = this.getCurrentDeviceSetting('horizontalGap'), itemWidth = (containerWidth - horizontalGap * (columns - 1)) / columns, $items = this.getActiveItems(); var naturalColumnHeight = 0; for (var i = 0; i < columns; i++) { itemsInColumn[i] = 0; heights[i] = 0; } $items.each(function (index, item) { var imageData = _this.getImageData(index), itemHeight = itemWidth / imageData.ratio; var indexAtRow = index % columns; naturalColumnHeight = heights[indexAtRow]; jQuery.each(heights, function (colNumber, currentColHeight) { if (currentColHeight && naturalColumnHeight > currentColHeight + 5) { naturalColumnHeight = currentColHeight; indexAtRow = colNumber; } }); aggregatedHeights[index] = heights[indexAtRow]; heights[indexAtRow] += itemHeight; item.style.setProperty('--item-height', imageData.height / imageData.width * 100 + '%'); item.style.setProperty('--column', indexAtRow); item.style.setProperty('--items-in-column', itemsInColumn[indexAtRow]); itemsInColumn[indexAtRow]++; }); var highestColumn = Math.max.apply(Math, heights), highestColumnIndex = heights.indexOf(highestColumn), rows = itemsInColumn[highestColumnIndex], highestColumnsGapsCount = rows - 1, containerAspectRatio = highestColumn / containerWidth; this.$container[0].style.setProperty('--columns', columns); this.$container[0].style.setProperty('--highest-column-gap-count', highestColumnsGapsCount); this.$container.css('padding-bottom', containerAspectRatio * 100 + '%'); $items.each(function (index, item) { var percentHeight = aggregatedHeights[index] ? aggregatedHeights[index] / highestColumn * 100 : 0; item.style.setProperty('--percent-height', percentHeight + '%'); }); } }]); return Masonry; }(_base__WEBPACK_IMPORTED_MODULE_5__["default"]); /***/ }), /***/ "./src/js/utils/element-in-view.js": /*!*****************************************!*\ !*** ./src/js/utils/element-in-view.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 elementInView; }); function elementInView(element) { var elementPart = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'top'; var elementTop = element.getBoundingClientRect().top, elementHeight = element.offsetHeight, elementBottom = elementTop + elementHeight; var elementPosition; if ('middle' === elementPart) { elementPosition = elementTop + elementHeight / 2; } else if ('bottom' === elementPart) { elementPosition = elementBottom; } else { elementPosition = elementTop; } return elementPosition <= innerHeight && elementBottom >= 0; } /***/ }), /***/ "./src/js/utils/index.js": /*!*******************************!*\ !*** ./src/js/utils/index.js ***! \*******************************/ /*! exports provided: elementInView */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var _element_in_view__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./element-in-view */ "./src/js/utils/element-in-view.js"); /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "elementInView", function() { return _element_in_view__WEBPACK_IMPORTED_MODULE_0__["default"]; }); /***/ }), /***/ "./src/scss/e-gallery.scss": /*!*********************************!*\ !*** ./src/scss/e-gallery.scss ***! \*********************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { // extracted by mini-css-extract-plugin /***/ }) /******/ })["default"]; //# sourceMappingURL=e-gallery.js.map js/e-gallery.min.js 0000644 00000035763 15073230371 0010200 0 ustar 00 /*! E-Gallery v1.2.0 by Elementor */ var EGallery=function(t){var e={};function i(n){if(e[n])return e[n].exports;var s=e[n]={i:n,l:!1,exports:{}};return t[n].call(s.exports,s,s.exports,i),s.l=!0,s.exports}return i.m=t,i.c=e,i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var s in t)i.d(n,s,function(e){return t[e]}.bind(null,s));return n},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="",i(i.s=9)}([function(t,e){t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},function(t,e){function i(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}t.exports=function(t,e,n){return e&&i(t.prototype,e),n&&i(t,n),t}},function(t,e,i){var n=i(5),s=i(6);t.exports=function(t,e){return!e||"object"!==n(e)&&"function"!=typeof e?s(t):e}},function(t,e){function i(e){return t.exports=i=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},i(e)}t.exports=i},function(t,e,i){var n=i(7);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&n(t,e)}},function(t,e){function i(t){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function n(t){return(n="function"==typeof Symbol&&"symbol"===i(Symbol.iterator)?function(t){return i(t)}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":i(t)})(t)}function s(e){return"function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?t.exports=s=function(t){return n(t)}:t.exports=s=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":n(t)},s(e)}t.exports=s},function(t,e){t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},function(t,e){function i(e,n){return t.exports=i=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},i(e,n)}t.exports=i},function(t,e,i){},function(t,e,i){"use strict";i.r(e);var n=i(0),s=i.n(n),r=i(1),a=i.n(r),o=i(2),l=i.n(o),u=i(3),c=i.n(u),h=i(4),y=i.n(h);var g=function(){function t(e){var i=this;s()(this,t),this.settings=jQuery.extend(!0,this.getDefaultSettings(),e),this.$container=jQuery(this.settings.container),this.timeouts=[],this.initElements(),this.prepareGallery();var n=this.runGallery.bind(this);this.runGallery=this.debounce(function(){for(var t=arguments.length,e=new Array(t),s=0;s<t;s++)e[s]=arguments[s];i.settings.lazyLoad?n.apply(void 0,e):i.allImagesPromise.then(function(){return n.apply(void 0,e)})},300),this.settings.lazyLoad&&(this.handleScroll=this.debounce(function(){return i.lazyLoadImages()},16)),this.bindEvents(),this.runGallery()}return a()(t,[{key:"getDefaultSettings",value:function(){return{}}},{key:"getItemClass",value:function(t){return this.settings.classesPrefix+t}},{key:"initElements",value:function(){this.elements={$window:jQuery(window)};var t="-"+(this.settings.rtl?"rtl":"ltr"),e=this.getItemClass(this.settings.classes.container)+" "+this.getItemClass(this.settings.type)+" "+this.getItemClass(t);this.settings.lazyLoad&&(e+=" "+this.getItemClass(this.settings.classes.lazyLoad)),this.$container.addClass(e)}},{key:"bindEvents",value:function(){this.elements.$window.on("resize",this.runGallery),this.settings.lazyLoad&&this.elements.$window.on("scroll",this.handleScroll)}},{key:"getNestedObjectData",value:function(t,e){var i=e.split("."),n=i.splice(0,1);return i.length?this.getNestedObjectData(t[n],i.join(".")):{object:t,key:e}}},{key:"getTemplateArgs",value:function(t,e){var i=this.getNestedObjectData(t,e);return i.object[i.key]||""}},{key:"getCurrentBreakpoint",value:function(){var t=Object.keys(this.settings.breakpoints).map(Number).sort(function(t,e){return t-e}),e=0;return t.some(function(t){return innerWidth<t&&(e=t,!0)}),e}},{key:"getCurrentDeviceSetting",value:function(t){var e=this.getCurrentBreakpoint();return e?this.settings.breakpoints[e][t]:this.settings[t]}},{key:"getActiveItems",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.settings.tags,i=[];if(!e.length)return t?(this.$items.each(function(t){i.push(t)}),i):this.$items;var n=this.$items.filter(function(n,s){var r=s.dataset.eGalleryTags;return!!r&&(r=r.split(/[ ,]+/),!!e.some(function(t){return r.includes(t)})&&(t&&i.push(n),!0))});return t?i:n}},{key:"getImageData",value:function(t){return this.settings.tags.length&&(t=this.getActiveItems(!0)[t]),this.imagesData[t]}},{key:"compileTemplate",value:function(t,e){var i=this;return t.replace(/{{([^}]+)}}/g,function(t,n){return i.getTemplateArgs(e,n.trim())})}},{key:"createOverlay",value:function(t){var e=this.settings,i=e.classes,n=e.overlayTemplate,s=jQuery("<div>",{class:this.getItemClass(i.overlay)}),r=this.compileTemplate(n,jQuery.extend(!0,this.settings,t));return s.html(r),s}},{key:"createItem",value:function(t){var e,i=this.settings.classes,n=jQuery("<div>",{class:this.getItemClass(i.item),"data-e-gallery-tags":t.tags}),s=jQuery("<div>",{class:this.getItemClass(i.image)});this.settings.lazyLoad||s.css("background-image","url("+t.thumbnail+")"),this.settings.overlay&&(e=this.createOverlay(t));var r=n;return t.url&&(r=jQuery("<a>",{class:this.getItemClass(i.link),href:t.url}),n.html(r)),r.html(s),e&&r.append(e),n}},{key:"debounce",value:function(t,e){var i,n=this;return function(){for(var s=arguments.length,r=new Array(s),a=0;a<s;a++)r[a]=arguments[a];clearTimeout(i),i=setTimeout(function(){return t.apply(void 0,r)},e),n.timeouts.push(i)}}},{key:"buildGallery",value:function(){var t=this,e=this.settings.items;this.$items=jQuery(),e.forEach(function(e){var i=t.createItem(e);t.$items=t.$items.add(i),t.$container.append(i)})}},{key:"loadImages",value:function(){var t=this,e=[];this.settings.items.forEach(function(i,n){var s=new Image,r=new Promise(function(t){s.onload=t});e.push(r),r.then(function(){return t.calculateImageSize(s,n)}),s.src=i.thumbnail}),this.allImagesPromise=Promise.all(e)}},{key:"lazyLoadImages",value:function(){var t=this;if(!this.lazyLoadComplete){var e=this.getActiveItems(),i=this.getActiveItems(!0);e.each(function(e,n){var s=t.settings.items[i[e]];if(s.loading||!function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"top",i=t.getBoundingClientRect().top,n=t.offsetHeight,s=i+n;return("middle"===e?i+n/2:"bottom"===e?s:i)<=innerHeight&&s>=0}(n))return!0;s.loading=!0;var r=jQuery(n),a=new Image;return new Promise(function(t){a.onload=t}).then(function(){r.find(t.settings.selectors.image).css("background-image",'url("'+s.thumbnail+'")').addClass(t.getItemClass(t.settings.classes.imageLoaded)),t.loadedItemsCount++,t.loadedItemsCount===t.settings.items.length&&(t.lazyLoadComplete=!0)}),a.src=s.thumbnail,!0})}}},{key:"calculateImageSize",value:function(t,e){this.imagesData[e]={width:t.width,height:t.height,ratio:t.width/t.height}}},{key:"createImagesData",value:function(){var t=this;this.settings.items.forEach(function(e,i){return t.calculateImageSize(e,i)})}},{key:"makeGalleryFromContent",value:function(){var t=this.settings.selectors,e=this.settings.lazyLoad,i=[];this.$items=this.$container.find(t.items),this.$items.each(function(n,s){var r=jQuery(s).find(t.image);i[n]={thumbnail:r.data("thumbnail")},e?(i[n].width=r.data("width"),i[n].height=r.data("height")):r.css("background-image",'url("'.concat(r.data("thumbnail"),'")'))}),this.settings.items=i}},{key:"prepareGallery",value:function(){this.settings.items?this.buildGallery():this.makeGalleryFromContent(),this.imagesData=[],this.settings.lazyLoad?(this.loadedItemsCount=0,this.lazyLoadComplete=!1,this.createImagesData()):this.loadImages()}},{key:"runGallery",value:function(t){var e=this,i=this.$container[0].style;i.setProperty("--hgap",this.getCurrentDeviceSetting("horizontalGap")+"px"),i.setProperty("--vgap",this.getCurrentDeviceSetting("verticalGap")+"px"),i.setProperty("--animation-duration",this.settings.animationDuration+"ms"),this.$items.addClass(this.getItemClass(this.settings.classes.hidden)),this.getActiveItems().removeClass(this.getItemClass(this.settings.classes.hidden)),this.settings.lazyLoad&&setTimeout(function(){return e.lazyLoadImages()},300),this.run(t)}},{key:"setSettings",value:function(t,e){var i=this.getNestedObjectData(this.settings,t);i.object&&(i.object[i.key]=e,this.runGallery(!0))}},{key:"unbindEvents",value:function(){this.elements.$window.off("resize",this.runGallery)}},{key:"destroy",value:function(){this.unbindEvents(),this.$container.empty(),this.timeouts.forEach(function(t){return clearTimeout(t)})}}]),t}(),f=function(t){function e(){return s()(this,e),l()(this,c()(e).apply(this,arguments))}return y()(e,t),a()(e,[{key:"getDefaultSettings",value:function(){return{aspectRatio:"16:9"}}},{key:"setItemsPosition",value:function(){var t=this.getCurrentDeviceSetting("columns");this.getActiveItems().each(function(e,i){i.style.setProperty("--column",e%t),i.style.setProperty("--row",Math.floor(e/t))})}},{key:"setContainerSize",value:function(){var t=this.getCurrentDeviceSetting("columns"),e=Math.ceil(this.getActiveItems().length/t),i=this.$container[0].style;i.setProperty("--columns",t),i.setProperty("--rows",e);var n=this.getActiveItems().width(),s=this.settings.aspectRatio.split(":"),r=s[1]/s[0],a=(r*n*e+this.getCurrentDeviceSetting("horizontalGap")*(e-1))/this.$container.width()*100;i.setProperty("--aspect-ratio",100*r+"%"),i.setProperty("--container-aspect-ratio",a+"%")}},{key:"run",value:function(){var t=this,e=this.getItemClass(this.settings.classes.animated);this.$container.addClass(e),setTimeout(function(){t.setItemsPosition(),t.setContainerSize(),setTimeout(function(){return t.$container.removeClass(e)},t.settings.animationDuration)},50)}}]),e}(g),m=function(t){function e(){return s()(this,e),l()(this,c()(e).apply(this,arguments))}return y()(e,t),a()(e,[{key:"getDefaultSettings",value:function(){return{idealRowHeight:200,lastRow:"auto",breakpoints:{1024:{idealRowHeight:150},768:{idealRowHeight:100}}}}},{key:"run",value:function(){this.rowsHeights=[],this.rowsCount=0,this.containerWidth=this.$container.width(),this.makeJustifiedRow(0)}},{key:"makeJustifiedRow",value:function(t){for(var e=0,i=t;;i++){var n=this.getImageData(i),s=Math.round(this.getCurrentDeviceSetting("idealRowHeight")*n.ratio);s>this.containerWidth&&(s=this.containerWidth);var r=e+s;if(r>this.containerWidth)if(this.containerWidth-e<r-this.containerWidth){this.fitImagesInContainer(t,i,e),this.rowsCount++,this.makeJustifiedRow(i);break}var a=i===this.getActiveItems().length-1;if(n.computedWidth=s,a){var o=this.getCurrentDeviceSetting("lastRow");if("hide"!==o){var l="fit"===o||.7<=r/this.containerWidth?r:this.containerWidth;this.fitImagesInContainer(t,i+1,l)}this.inflateGalleryHeight();break}e=r}}},{key:"fitImagesInContainer",value:function(t,e,i){for(var n=e-t-1,s=this.getActiveItems(),r=0,a=t;a<e;a++){var o=this.getImageData(a),l=o.computedWidth/i,u=s.get(a),c=this.getItemClass(this.settings.classes.firstRowItem);if(u.style.setProperty("--item-width",l),u.style.setProperty("--gap-count",n),u.style.setProperty("--item-height",o.height/o.width*100+"%"),u.style.setProperty("--item-start",r),u.style.setProperty("--item-row-index",a-t),r+=l,a===t){u.classList.add(c);var h=l*(this.containerWidth-n*this.getCurrentDeviceSetting("horizontalGap"));this.rowsHeights.push(h/o.ratio)}else u.classList.remove(c)}}},{key:"inflateGalleryHeight",value:function(){var t=this.rowsHeights.reduce(function(t,e){return t+e})+this.rowsCount*this.getCurrentDeviceSetting("verticalGap"),e=t/this.containerWidth,i=this.rowsHeights.map(function(e){return e/t*100}),n=-1,s=0;this.getActiveItems().each(function(t,e){"0"===e.style.getPropertyValue("--item-row-index")&&++n&&(s+=i[n-1]),e.style.setProperty("--item-top",s+"%"),e.style.setProperty("--item-height",i[n]+"%"),e.style.setProperty("--row",n)}),this.$container[0].style.setProperty("--container-aspect-ratio",e)}}]),e}(g),d=function(t){function e(){return s()(this,e),l()(this,c()(e).apply(this,arguments))}return y()(e,t),a()(e,[{key:"run",value:function(t){var e=this,i=this.getCurrentBreakpoint();if(t||i!==this.currentBreakpoint){this.currentBreakpoint=i;for(var n=[],s=[],r=[],a=this.getCurrentDeviceSetting("columns"),o=this.$container.width(),l=(o-this.getCurrentDeviceSetting("horizontalGap")*(a-1))/a,u=this.getActiveItems(),c=0,h=0;h<a;h++)s[h]=0,n[h]=0;u.each(function(t,i){var o=e.getImageData(t),u=l/o.ratio,h=t%a;c=n[h],jQuery.each(n,function(t,e){e&&c>e+5&&(c=e,h=t)}),r[t]=n[h],n[h]+=u,i.style.setProperty("--item-height",o.height/o.width*100+"%"),i.style.setProperty("--column",h),i.style.setProperty("--items-in-column",s[h]),s[h]++});var y=Math.max.apply(Math,n),g=n.indexOf(y),f=s[g]-1,m=y/o;this.$container[0].style.setProperty("--columns",a),this.$container[0].style.setProperty("--highest-column-gap-count",f),this.$container.css("padding-bottom",100*m+"%"),u.each(function(t,e){var i=r[t]?r[t]/y*100:0;e.style.setProperty("--percent-height",i+"%")})}}}]),e}(g);i(8);i.d(e,"default",function(){return p});var p=function(){function t(e){s()(this,t),this.userSettings=e,this.initGalleriesTypes(),this.createGallery()}return a()(t,[{key:"getDefaultSettings",value:function(){return{container:null,items:null,type:"grid",tags:[],overlay:!1,overlayTemplate:'<div class="{{ classesPrefix }}{{ classes.overlayTitle }}">{{ title }}</div><div class="{{ classesPrefix }}{{ classes.overlayDescription }}">{{ description }}</div>',columns:5,horizontalGap:10,verticalGap:10,rtl:!1,animationDuration:350,lazyLoad:!1,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(){this.galleriesTypes={grid:f,justified:m,masonry:d}}},{key:"createGallery",value:function(){var t=jQuery.extend(this.getDefaultSettings(),this.userSettings),e=this.galleriesTypes[t.type];this.galleryHandler=new e(t)}},{key:"setSettings",value:function(t,e){this.galleryHandler.setSettings(t,e)}},{key:"destroy",value:function(){this.galleryHandler.destroy()}}]),t}()}]).default;
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0 |
proxy
|
phpinfo
|
Settings