framework7 6.3.15 → 7.0.0-beta.11

package/{esm/components → components}/photo-browser/photo-browser-class.js

@@ -1,38 +1,18 @@
-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; }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 /* eslint indent: ["off"] */
 import { getWindow } from 'ssr-window';
-import $ from '../../shared/dom7';
-import { extend, now, nextTick, deleteProps } from '../../shared/utils';
-import Framework7Class from '../../shared/class';
+import $ from '../../shared/dom7.js';
+import { extend, now, nextTick, deleteProps } from '../../shared/utils.js';
+import Framework7Class from '../../shared/class.js';
 /** @jsx $jsx */
 
-import $jsx from '../../shared/$jsx';
-
-var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
-  _inheritsLoose(PhotoBrowser, _Framework7Class);
-
-  function PhotoBrowser(app, params) {
-    var _this;
-
-    if (params === void 0) {
-      params = {};
-    }
-
-    _this = _Framework7Class.call(this, params, [app]) || this;
-
-    var pb = _assertThisInitialized(_this);
+import $jsx from '../../shared/$jsx.js';
 
+class PhotoBrowser extends Framework7Class {
+  constructor(app, params = {}) {
+    super(params, [app]);
+    const pb = this;
     pb.app = app;
-    var defaults = extend({
+    const defaults = extend({
       on: {}
     }, app.params.photoBrowser); // Extend defaults with modules params
 
@@ -58,16 +38,21 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
     pb.useModules(); // Init
 
     pb.init();
-    return _this;
   }
 
-  var _proto = PhotoBrowser.prototype;
+  get view() {
+    const {
+      params,
+      app
+    } = this;
+    return params.view || app.views.main;
+  }
 
-  _proto.onSlideChange = function onSlideChange(swiper) {
-    var pb = this;
+  onSlideChange(swiper) {
+    const pb = this;
     pb.activeIndex = swiper.activeIndex;
-    var current = swiper.activeIndex + 1;
-    var total = pb.params.virtualSlides ? pb.params.photos.length : swiper.slides.length;
+    let current = swiper.activeIndex + 1;
+    let total = pb.params.virtualSlides ? pb.params.photos.length : swiper.slides.length;
 
     if (swiper.params.loop) {
       total -= 2;
@@ -76,11 +61,11 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
       if (current > total) current -= total;
     }
 
-    var $activeSlideEl = pb.params.virtualSlides ? swiper.$wrapperEl.find(".swiper-slide[data-swiper-slide-index=\"" + swiper.activeIndex + "\"]") : swiper.slides.eq(swiper.activeIndex);
-    var $previousSlideEl = pb.params.virtualSlides ? swiper.$wrapperEl.find(".swiper-slide[data-swiper-slide-index=\"" + swiper.previousIndex + "\"]") : swiper.slides.eq(swiper.previousIndex);
-    var $currentEl = pb.$el.find('.photo-browser-current');
-    var $totalEl = pb.$el.find('.photo-browser-total');
-    var navbarEl;
+    const $activeSlideEl = pb.params.virtualSlides ? swiper.$wrapperEl.find(`.swiper-slide[data-swiper-slide-index="${swiper.activeIndex}"]`) : swiper.slides.eq(swiper.activeIndex);
+    const $previousSlideEl = pb.params.virtualSlides ? swiper.$wrapperEl.find(`.swiper-slide[data-swiper-slide-index="${swiper.previousIndex}"]`) : swiper.slides.eq(swiper.previousIndex);
+    let $currentEl = pb.$el.find('.photo-browser-current');
+    let $totalEl = pb.$el.find('.photo-browser-total');
+    let navbarEl;
 
     if (pb.params.type === 'page' && pb.params.navbar && $currentEl.length === 0 && pb.app.theme === 'ios') {
       navbarEl = pb.app.navbar.getElByPage(pb.$el);
@@ -103,29 +88,29 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
 
 
     if (pb.captions.length > 0) {
-      var captionIndex = swiper.params.loop ? $activeSlideEl.attr('data-swiper-slide-index') : pb.activeIndex;
+      const captionIndex = swiper.params.loop ? $activeSlideEl.attr('data-swiper-slide-index') : pb.activeIndex;
       pb.$captionsContainerEl.find('.photo-browser-caption-active').removeClass('photo-browser-caption-active');
-      pb.$captionsContainerEl.find("[data-caption-index=\"" + captionIndex + "\"]").addClass('photo-browser-caption-active');
+      pb.$captionsContainerEl.find(`[data-caption-index="${captionIndex}"]`).addClass('photo-browser-caption-active');
     } // Stop Video
 
 
-    var previousSlideVideo = $previousSlideEl.find('video');
+    const previousSlideVideo = $previousSlideEl.find('video');
 
     if (previousSlideVideo.length > 0) {
       if ('pause' in previousSlideVideo[0]) previousSlideVideo[0].pause();
     }
-  };
+  }
 
-  _proto.onTouchStart = function onTouchStart() {
-    var pb = this;
-    var swipeToClose = pb.swipeToClose;
+  onTouchStart() {
+    const pb = this;
+    const swipeToClose = pb.swipeToClose;
     if (!swipeToClose.allow) return;
     swipeToClose.isTouched = true;
-  };
+  }
 
-  _proto.onTouchMove = function onTouchMove(e) {
-    var pb = this;
-    var swipeToClose = pb.swipeToClose;
+  onTouchMove(e) {
+    const pb = this;
+    const swipeToClose = pb.swipeToClose;
     if (!swipeToClose.isTouched) return;
 
     if (!swipeToClose.started) {
@@ -144,12 +129,12 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
     e.preventDefault();
     swipeToClose.current = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
     swipeToClose.diff = swipeToClose.start - swipeToClose.current;
-    pb.$el.transition(0).transform("translate3d(0," + -swipeToClose.diff + "px,0)");
-  };
+    pb.$el.transition(0).transform(`translate3d(0,${-swipeToClose.diff}px,0)`);
+  }
 
-  _proto.onTouchEnd = function onTouchEnd() {
-    var pb = this;
-    var swipeToClose = pb.swipeToClose;
+  onTouchEnd() {
+    const pb = this;
+    const swipeToClose = pb.swipeToClose;
     swipeToClose.isTouched = false;
 
     if (!swipeToClose.started) {
@@ -159,11 +144,11 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
 
     swipeToClose.started = false;
     swipeToClose.allow = false;
-    var diff = Math.abs(swipeToClose.diff);
-    var timeDiff = new Date().getTime() - swipeToClose.timeStart;
+    const diff = Math.abs(swipeToClose.diff);
+    const timeDiff = new Date().getTime() - swipeToClose.timeStart;
 
     if (timeDiff < 300 && diff > 20 || timeDiff >= 300 && diff > 100) {
-      nextTick(function () {
+      nextTick(() => {
         if (pb.$el) {
           if (swipeToClose.diff < 0) pb.$el.addClass('swipe-close-to-bottom');else pb.$el.addClass('swipe-close-to-top');
         }
@@ -177,7 +162,7 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
     }
 
     if (diff !== 0) {
-      pb.$el.addClass('photo-browser-transitioning').transitionEnd(function () {
+      pb.$el.addClass('photo-browser-transitioning').transitionEnd(() => {
         swipeToClose.allow = true;
         pb.$el.removeClass('photo-browser-transitioning');
       });
@@ -185,22 +170,22 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
       swipeToClose.allow = true;
     }
 
-    nextTick(function () {
+    nextTick(() => {
       pb.$el.transform('').transition('');
     });
   } // Render Functions
-  ;
 
-  _proto.renderNavbar = function renderNavbar() {
-    var pb = this;
+
+  renderNavbar() {
+    const pb = this;
     if (pb.params.renderNavbar) return pb.params.renderNavbar.call(pb);
-    var iconsColor = pb.params.iconsColor;
+    let iconsColor = pb.params.iconsColor;
     if (!pb.params.iconsColor && pb.params.theme === 'dark') iconsColor = 'white';
-    var pageBackLinkText = (pb.app.theme === 'ios' || pb.app.theme === 'aurora') && pb.params.pageBackLinkText ? pb.params.pageBackLinkText : '';
-    var renderNavbarCount = typeof pb.params.navbarShowCount === 'undefined' ? pb.params.photos.length > 1 : pb.params.navbarShowCount;
-    var isPopup = pb.params.type !== 'page';
+    const pageBackLinkText = (pb.app.theme === 'ios' || pb.app.theme === 'aurora') && pb.params.pageBackLinkText ? pb.params.pageBackLinkText : '';
+    const renderNavbarCount = typeof pb.params.navbarShowCount === 'undefined' ? pb.params.photos.length > 1 : pb.params.navbarShowCount;
+    const isPopup = pb.params.type !== 'page';
     return $jsx("div", {
-      class: "navbar navbar-photo-browser " + (pb.params.theme === 'dark' ? 'navbar-photo-browser-dark' : '')
+      class: `navbar navbar-photo-browser ${pb.params.theme === 'dark' ? 'navbar-photo-browser-dark' : ''}`
     }, $jsx("div", {
       class: "navbar-bg"
     }), $jsx("div", {
@@ -208,9 +193,9 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
     }, !isPopup && $jsx("div", {
       class: "left"
     }, $jsx("a", {
-      class: "link " + (!pageBackLinkText ? 'icon-only' : '') + " back"
+      class: `link ${!pageBackLinkText ? 'icon-only' : ''} back`
     }, $jsx("i", {
-      class: "icon icon-back " + (iconsColor ? "color-" + iconsColor : '')
+      class: `icon icon-back ${iconsColor ? `color-${iconsColor}` : ''}`
     }), pageBackLinkText && $jsx("span", null, pageBackLinkText))), renderNavbarCount && $jsx("div", {
       class: "title"
     }, $jsx("span", {
@@ -225,12 +210,12 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
       class: "link popup-close",
       "data-popup": ".photo-browser-popup"
     }, $jsx("span", null, pb.params.popupCloseLinkText)))));
-  };
+  }
 
-  _proto.renderToolbar = function renderToolbar() {
-    var pb = this;
+  renderToolbar() {
+    const pb = this;
     if (pb.params.renderToolbar) return pb.params.renderToolbar.call(pb);
-    var iconsColor = pb.params.iconsColor;
+    let iconsColor = pb.params.iconsColor;
     if (!pb.params.iconsColor && pb.params.theme === 'dark') iconsColor = 'white';
     return $jsx("div", {
       class: "toolbar toolbar-bottom tabbar"
@@ -239,34 +224,34 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
     }, $jsx("a", {
       class: "link photo-browser-prev"
     }, $jsx("i", {
-      class: "icon icon-back " + (iconsColor ? "color-" + iconsColor : '')
+      class: `icon icon-back ${iconsColor ? `color-${iconsColor}` : ''}`
     })), $jsx("a", {
       class: "link photo-browser-next"
     }, $jsx("i", {
-      class: "icon icon-forward " + (iconsColor ? "color-" + iconsColor : '')
+      class: `icon icon-forward ${iconsColor ? `color-${iconsColor}` : ''}`
     }))));
-  };
+  }
 
-  _proto.renderCaption = function renderCaption(caption, index) {
-    var pb = this;
+  renderCaption(caption, index) {
+    const pb = this;
     if (pb.params.renderCaption) return pb.params.renderCaption.call(pb, caption, index);
     return $jsx("div", {
       class: "photo-browser-caption",
       "data-caption-index": index
     }, caption);
-  };
+  }
 
-  _proto.renderObject = function renderObject(photo, index) {
-    var pb = this;
+  renderObject(photo, index) {
+    const pb = this;
     if (pb.params.renderObject) return pb.params.renderObject.call(pb, photo, index);
     return $jsx("div", {
       class: "photo-browser-slide photo-browser-object-slide swiper-slide",
       "data-swiper-slide-index": index
     }, photo.html ? photo.html : photo);
-  };
+  }
 
-  _proto.renderLazyPhoto = function renderLazyPhoto(photo, index) {
-    var pb = this;
+  renderLazyPhoto(photo, index) {
+    const pb = this;
     if (pb.params.renderLazyPhoto) return pb.params.renderLazyPhoto.call(pb, photo, index);
     return $jsx("div", {
       class: "photo-browser-slide photo-browser-slide-lazy swiper-slide",
@@ -279,10 +264,10 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
       "data-src": photo.url ? photo.url : photo,
       class: "swiper-lazy"
     })));
-  };
+  }
 
-  _proto.renderPhoto = function renderPhoto(photo, index) {
-    var pb = this;
+  renderPhoto(photo, index) {
+    const pb = this;
     if (pb.params.renderPhoto) return pb.params.renderPhoto.call(pb, photo, index);
     return $jsx("div", {
       class: "photo-browser-slide swiper-slide",
@@ -292,28 +277,28 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
     }, $jsx("img", {
       src: photo.url ? photo.url : photo
     })));
-  };
+  }
 
-  _proto.render = function render() {
-    var pb = this;
+  render() {
+    const pb = this;
     if (pb.params.render) return pb.params.render.call(pb, pb.params);
     return $jsx("div", {
-      class: "photo-browser photo-browser-" + pb.params.theme
+      class: `photo-browser photo-browser-${pb.params.theme}`
     }, $jsx("div", {
       class: "view"
     }, $jsx("div", {
-      class: "page photo-browser-page photo-browser-page-" + pb.params.theme + " no-toolbar " + (!pb.params.navbar ? 'no-navbar' : ''),
+      class: `page photo-browser-page photo-browser-page-${pb.params.theme} no-toolbar ${!pb.params.navbar ? 'no-navbar' : ''}`,
       "data-name": "photo-browser-page"
     }, pb.params.navbar && pb.renderNavbar(), pb.params.toolbar && pb.renderToolbar(), $jsx("div", {
-      class: "photo-browser-captions photo-browser-captions-" + (pb.params.captionsTheme || pb.params.theme)
-    }, pb.params.photos.map(function (photo, index) {
+      class: `photo-browser-captions photo-browser-captions-${pb.params.captionsTheme || pb.params.theme}`
+    }, pb.params.photos.map((photo, index) => {
       if (photo.caption) return pb.renderCaption(photo.caption, index);
       return '';
     })), $jsx("div", {
-      class: "photo-browser-swiper-container swiper-container"
+      class: "photo-browser-swiper-container swiper"
     }, $jsx("div", {
       class: "photo-browser-swiper-wrapper swiper-wrapper"
-    }, !pb.params.virtualSlides && pb.params.photos.map(function (photo, index) {
+    }, !pb.params.virtualSlides && pb.params.photos.map((photo, index) => {
       if (photo.html || (typeof photo === 'string' || photo instanceof String) && photo.indexOf('<') >= 0 && photo.indexOf('>') >= 0) {
         return pb.renderObject(photo, index);
       }
@@ -324,34 +309,34 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
 
       return pb.renderPhoto(photo, index);
     }))))));
-  };
+  }
 
-  _proto.renderStandalone = function renderStandalone() {
-    var pb = this;
+  renderStandalone() {
+    const pb = this;
     if (pb.params.renderStandalone) return pb.params.renderStandalone.call(pb);
-    var standaloneHtml = "<div class=\"popup photo-browser-popup photo-browser-standalone popup-tablet-fullscreen\">" + pb.render() + "</div>";
+    const standaloneHtml = `<div class="popup photo-browser-popup photo-browser-standalone popup-tablet-fullscreen">${pb.render()}</div>`;
     return standaloneHtml;
-  };
+  }
 
-  _proto.renderPage = function renderPage() {
-    var pb = this;
+  renderPage() {
+    const pb = this;
     if (pb.params.renderPage) return pb.params.renderPage.call(pb);
-    var pageHtml = pb.render();
+    const pageHtml = pb.render();
     return pageHtml;
-  };
+  }
 
-  _proto.renderPopup = function renderPopup() {
-    var pb = this;
+  renderPopup() {
+    const pb = this;
     if (pb.params.renderPopup) return pb.params.renderPopup.call(pb);
-    var popupHtml = "<div class=\"popup photo-browser-popup\">" + pb.render() + "</div>";
+    const popupHtml = `<div class="popup photo-browser-popup">${pb.render()}</div>`;
     return popupHtml;
   } // Callbacks
-  ;
 
-  _proto.onOpen = function onOpen(type, el) {
-    var pb = this;
-    var app = pb.app;
-    var $el = $(el);
+
+  onOpen(type, el) {
+    const pb = this;
+    const app = pb.app;
+    const $el = $(el);
     $el[0].f7PhotoBrowser = pb;
     pb.$el = $el;
     pb.el = $el[0];
@@ -363,15 +348,16 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
     pb.$captionsContainerEl = pb.$el.find('.photo-browser-captions');
     pb.captions = pb.$el.find('.photo-browser-caption'); // Init Swiper
 
-    var clickTimeout;
-    var swiperParams = extend({}, pb.params.swiper, {
+    let clickTimeout;
+    const swiperParams = extend({}, pb.params.swiper, {
       initialSlide: pb.activeIndex,
+      cssMode: typeof pb.params.swiper.cssMode === 'undefined' && (app.device.ios || app.device.android) ? true : pb.params.swiper.cssMode,
       on: {
-        click: function click(e) {
+        click(e) {
           clearTimeout(clickTimeout);
 
           if (pb.params.exposition) {
-            clickTimeout = setTimeout(function () {
+            clickTimeout = setTimeout(() => {
               pb.expositionToggle();
             }, 350);
           }
@@ -379,85 +365,67 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
           pb.emit('local::tap', e);
           pb.emit('local::click', e);
         },
-        doubleClick: function doubleClick(e) {
+
+        doubleClick(e) {
           clearTimeout(clickTimeout);
           pb.emit('local::doubleTap', e);
           pb.emit('local::doubleClick', e);
         },
-        slideChange: function slideChange() {
-          var swiper = this;
-          pb.onSlideChange(swiper);
-
-          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-            args[_key] = arguments[_key];
-          }
 
-          pb.emit.apply(pb, ['local::slideChange'].concat(args));
+        slideChange(...args) {
+          const swiper = this;
+          pb.onSlideChange(swiper);
+          pb.emit('local::slideChange', ...args);
         },
-        transitionStart: function transitionStart() {
-          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-            args[_key2] = arguments[_key2];
-          }
 
-          pb.emit.apply(pb, ['local::transitionStart'].concat(args));
+        transitionStart(...args) {
+          pb.emit('local::transitionStart', ...args);
         },
-        transitionEnd: function transitionEnd() {
-          for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-            args[_key3] = arguments[_key3];
-          }
 
-          pb.emit.apply(pb, ['local::transitionEnd'].concat(args));
+        transitionEnd(...args) {
+          pb.emit('local::transitionEnd', ...args);
         },
-        slideChangeTransitionStart: function slideChangeTransitionStart() {
-          var swiper = this;
-          pb.onSlideChange(swiper);
-
-          for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-            args[_key4] = arguments[_key4];
-          }
 
-          pb.emit.apply(pb, ['local::slideChangeTransitionStart'].concat(args));
+        slideChangeTransitionStart(...args) {
+          const swiper = this;
+          pb.onSlideChange(swiper);
+          pb.emit('local::slideChangeTransitionStart', ...args);
         },
-        slideChangeTransitionEnd: function slideChangeTransitionEnd() {
-          for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
-            args[_key5] = arguments[_key5];
-          }
 
-          pb.emit.apply(pb, ['local::slideChangeTransitionEnd'].concat(args));
+        slideChangeTransitionEnd(...args) {
+          pb.emit('local::slideChangeTransitionEnd', ...args);
         },
-        lazyImageLoad: function lazyImageLoad() {
-          for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
-            args[_key6] = arguments[_key6];
-          }
 
-          pb.emit.apply(pb, ['local::lazyImageLoad'].concat(args));
+        lazyImageLoad(...args) {
+          pb.emit('local::lazyImageLoad', ...args);
         },
-        lazyImageReady: function lazyImageReady() {
-          for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
-            args[_key7] = arguments[_key7];
-          }
 
-          var slideEl = args[0];
+        lazyImageReady(...args) {
+          const slideEl = args[0];
           $(slideEl).removeClass('photo-browser-slide-lazy');
-          pb.emit.apply(pb, ['local::lazyImageReady'].concat(args));
+          pb.emit('local::lazyImageReady', ...args);
         }
+
       }
     });
 
     if (pb.params.swipeToClose && pb.params.type !== 'page') {
       extend(swiperParams.on, {
-        touchStart: function touchStart(swiper, e) {
+        touchStart(swiper, e) {
           pb.onTouchStart(e);
           pb.emit('local::touchStart', e);
         },
-        touchMoveOpposite: function touchMoveOpposite(swiper, e) {
+
+        touchMoveOpposite(swiper, e) {
           pb.onTouchMove(e);
           pb.emit('local::touchMoveOpposite', e);
         },
-        touchEnd: function touchEnd(swiper, e) {
+
+        touchEnd(swiper, e) {
           pb.onTouchEnd(e);
           pb.emit('local::touchEnd', e);
         }
+
       });
     }
 
@@ -465,7 +433,8 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
       extend(swiperParams, {
         virtual: {
           slides: pb.params.photos,
-          renderSlide: function renderSlide(photo, index) {
+
+          renderSlide(photo, index) {
             if (photo.html || (typeof photo === 'string' || photo instanceof String) && photo.indexOf('<') >= 0 && photo.indexOf('>') >= 0) {
               return pb.renderObject(photo, index);
             }
@@ -476,11 +445,12 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
 
             return pb.renderPhoto(photo, index);
           }
+
         }
       });
     }
 
-    var window = getWindow();
+    const window = getWindow();
     pb.swiper = app.swiper ? app.swiper.create(pb.$swiperContainerEl, swiperParams) : new window.Swiper(pb.$swiperContainerEl, swiperParams);
 
     if (pb.activeIndex === 0) {
@@ -492,10 +462,10 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
     }
 
     pb.emit('local::open photoBrowserOpen', pb);
-  };
+  }
 
-  _proto.onOpened = function onOpened() {
-    var pb = this;
+  onOpened() {
+    const pb = this;
 
     if (pb.$el && pb.params.type === 'standalone') {
       pb.$el.css('animation', 'none');
@@ -506,10 +476,10 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
     }
 
     pb.emit('local::opened photoBrowserOpened', pb);
-  };
+  }
 
-  _proto.onClose = function onClose() {
-    var pb = this;
+  onClose() {
+    const pb = this;
     if (pb.destroyed) return; // Destroy Swiper
 
     if (pb.swiper && pb.swiper.destroy) {
@@ -523,10 +493,10 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
     }
 
     pb.emit('local::close photoBrowserClose', pb);
-  };
+  }
 
-  _proto.onClosed = function onClosed() {
-    var pb = this;
+  onClosed() {
+    const pb = this;
     if (pb.destroyed) return;
     pb.opened = false;
     pb.$el = null;
@@ -540,58 +510,66 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
 
     pb.emit('local::closed photoBrowserClosed', pb);
   } // Open
-  ;
 
-  _proto.openPage = function openPage() {
-    var pb = this;
+
+  openPage() {
+    const pb = this;
     if (pb.opened) return pb;
-    var pageHtml = pb.renderPage();
+    const pageHtml = pb.renderPage();
     pb.view.router.navigate({
       url: pb.url,
       route: {
         content: pageHtml,
         path: pb.url,
         on: {
-          pageBeforeIn: function pageBeforeIn(e, page) {
-            pb.view.$el.addClass("with-photo-browser-page with-photo-browser-page-" + pb.params.theme);
+          pageBeforeIn(e, page) {
+            pb.view.$el.addClass(`with-photo-browser-page with-photo-browser-page-${pb.params.theme}`);
             pb.onOpen('page', page.el);
           },
-          pageAfterIn: function pageAfterIn(e, page) {
+
+          pageAfterIn(e, page) {
             pb.onOpened('page', page.el);
           },
-          pageBeforeOut: function pageBeforeOut(e, page) {
-            pb.view.$el.removeClass("with-photo-browser-page with-photo-browser-page-exposed with-photo-browser-page-" + pb.params.theme);
+
+          pageBeforeOut(e, page) {
+            pb.view.$el.removeClass(`with-photo-browser-page with-photo-browser-page-exposed with-photo-browser-page-${pb.params.theme}`);
             pb.onClose('page', page.el);
           },
-          pageAfterOut: function pageAfterOut(e, page) {
+
+          pageAfterOut(e, page) {
             pb.onClosed('page', page.el);
           }
+
         }
       }
     });
     return pb;
-  };
+  }
 
-  _proto.openStandalone = function openStandalone() {
-    var pb = this;
+  openStandalone() {
+    const pb = this;
     if (pb.opened) return pb;
-    var standaloneHtml = pb.renderStandalone();
-    var popupParams = {
+    const standaloneHtml = pb.renderStandalone();
+    const popupParams = {
       backdrop: false,
       content: standaloneHtml,
       on: {
-        popupOpen: function popupOpen(popup) {
+        popupOpen(popup) {
           pb.onOpen('popup', popup.el);
         },
-        popupOpened: function popupOpened(popup) {
+
+        popupOpened(popup) {
           pb.onOpened('popup', popup.el);
         },
-        popupClose: function popupClose(popup) {
+
+        popupClose(popup) {
           pb.onClose('popup', popup.el);
         },
-        popupClosed: function popupClosed(popup) {
+
+        popupClosed(popup) {
           pb.onClosed('popup', popup.el);
         }
+
       }
     };
 
@@ -608,28 +586,32 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
     }
 
     return pb;
-  };
+  }
 
-  _proto.openPopup = function openPopup() {
-    var pb = this;
+  openPopup() {
+    const pb = this;
     if (pb.opened) return pb;
-    var popupHtml = pb.renderPopup();
-    var popupParams = {
+    const popupHtml = pb.renderPopup();
+    const popupParams = {
       content: popupHtml,
       push: pb.params.popupPush,
       on: {
-        popupOpen: function popupOpen(popup) {
+        popupOpen(popup) {
           pb.onOpen('popup', popup.el);
         },
-        popupOpened: function popupOpened(popup) {
+
+        popupOpened(popup) {
           pb.onOpened('popup', popup.el);
         },
-        popupClose: function popupClose(popup) {
+
+        popupClose(popup) {
           pb.onClose('popup', popup.el);
         },
-        popupClosed: function popupClosed(popup) {
+
+        popupClosed(popup) {
           pb.onClosed('popup', popup.el);
         }
+
       }
     };
 
@@ -647,10 +629,10 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
 
     return pb;
   } // Exposition
-  ;
 
-  _proto.expositionEnable = function expositionEnable() {
-    var pb = this;
+
+  expositionEnable() {
+    const pb = this;
 
     if (pb.params.type === 'page') {
       pb.view.$el.addClass('with-photo-browser-page-exposed');
@@ -660,10 +642,10 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
     if (pb.params.expositionHideCaptions) pb.$captionsContainerEl.addClass('photo-browser-captions-exposed');
     pb.exposed = true;
     return pb;
-  };
+  }
 
-  _proto.expositionDisable = function expositionDisable() {
-    var pb = this;
+  expositionDisable() {
+    const pb = this;
 
     if (pb.params.type === 'page') {
       pb.view.$el.removeClass('with-photo-browser-page-exposed');
@@ -673,10 +655,10 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
     if (pb.params.expositionHideCaptions) pb.$captionsContainerEl.removeClass('photo-browser-captions-exposed');
     pb.exposed = false;
     return pb;
-  };
+  }
 
-  _proto.expositionToggle = function expositionToggle() {
-    var pb = this;
+  expositionToggle() {
+    const pb = this;
 
     if (pb.params.type === 'page') {
       pb.view.$el.toggleClass('with-photo-browser-page-exposed');
@@ -686,11 +668,11 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
     if (pb.params.expositionHideCaptions) pb.$captionsContainerEl.toggleClass('photo-browser-captions-exposed');
     pb.exposed = !pb.exposed;
     return pb;
-  };
+  }
 
-  _proto.open = function open(index) {
-    var pb = this;
-    var type = pb.params.type;
+  open(index) {
+    const pb = this;
+    const type = pb.params.type;
 
     if (pb.opened) {
       if (pb.swiper && typeof index !== 'undefined') {
@@ -717,17 +699,17 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
     }
 
     return pb;
-  };
+  }
 
-  _proto.close = function close() {
-    var pb = this;
+  close() {
+    const pb = this;
     if (!pb.opened) return pb;
 
     if (pb.params.routableModals && pb.view || pb.openedIn === 'page') {
       pb.view.router.back();
     } else {
-      pb.modal.once('modalClosed', function () {
-        nextTick(function () {
+      pb.modal.once('modalClosed', () => {
+        nextTick(() => {
           if (pb.destroyed) return;
           pb.modal.destroy();
           delete pb.modal;
@@ -738,12 +720,12 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
 
     return pb;
   } // eslint-disable-next-line
-  ;
 
-  _proto.init = function init() {};
 
-  _proto.destroy = function destroy() {
-    var pb = this;
+  init() {}
+
+  destroy() {
+    let pb = this;
     pb.emit('local::beforeDestroy photoBrowserBeforeDestroy', pb);
 
     if (pb.$el) {
@@ -755,18 +737,8 @@ var PhotoBrowser = /*#__PURE__*/function (_Framework7Class) {
     deleteProps(pb);
     pb.destroyed = true;
     pb = null;
-  };
-
-  _createClass(PhotoBrowser, [{
-    key: "view",
-    get: function get() {
-      var params = this.params,
-          app = this.app;
-      return params.view || app.views.main;
-    }
-  }]);
+  }
 
-  return PhotoBrowser;
-}(Framework7Class);
+}
 
 export default PhotoBrowser;