framework7 6.3.4 → 7.0.0-beta.3

package/cjs/components/swiper/swiper.js

@@ -1,189 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _bundle = _interopRequireDefault(require("swiper/bundle"));
-
-var _dom = _interopRequireDefault(require("../../shared/dom7"));
-
-var _constructorMethods = _interopRequireDefault(require("../../shared/constructor-methods"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-
-
-
-function initSwiper(swiperEl) {
-  var app = this;
-  var $swiperEl = (0, _dom.default)(swiperEl);
-  if ($swiperEl.length === 0) return;
-  if ($swiperEl[0].swiper) return;
-  var initialSlide;
-  var params = {};
-  var isTabs;
-  var isRoutableTabs;
-
-  if ($swiperEl.hasClass('tabs-swipeable-wrap')) {
-    $swiperEl.addClass('swiper-container').children('.tabs').addClass('swiper-wrapper').children('.tab').addClass('swiper-slide');
-    initialSlide = $swiperEl.children('.tabs').children('.tab-active').index();
-    isTabs = true;
-    isRoutableTabs = $swiperEl.find('.tabs-routable').length > 0;
-  }
-
-  if ($swiperEl.attr('data-swiper')) {
-    params = JSON.parse($swiperEl.attr('data-swiper'));
-  } else if ($swiperEl[0].f7SwiperParams) {
-    params = $swiperEl[0].f7SwiperParams;
-  } else {
-    params = $swiperEl.dataset();
-    Object.keys(params).forEach(function (key) {
-      var value = params[key];
-
-      if (typeof value === 'string' && value.indexOf('{') === 0 && value.indexOf('}') > 0) {
-        try {
-          params[key] = JSON.parse(value);
-        } catch (e) {// not JSON
-        }
-      }
-    });
-  }
-
-  if (typeof params.initialSlide === 'undefined' && typeof initialSlide !== 'undefined') {
-    params.initialSlide = initialSlide;
-  }
-
-  var swiper = app.swiper.create($swiperEl[0], params);
-
-  function updateSwiper() {
-    swiper.update();
-  }
-
-  var $tabEl = $swiperEl.parents('.tab').filter(function (tabEl) {
-    return (0, _dom.default)(tabEl).parent('.tabs').parent('.tabs-animated-wrap, .tabs-swipeable-wrap').length === 0;
-  }).eq(0);
-  $swiperEl.parents('.popup, .login-screen, .sheet-modal, .popover').on('modal:open', updateSwiper);
-  $swiperEl.parents('.panel').on('panel:open', updateSwiper);
-
-  if ($tabEl && $tabEl.length) {
-    $tabEl.on('tab:show', updateSwiper);
-  }
-
-  swiper.on('beforeDestroy', function () {
-    $swiperEl.parents('.popup, .login-screen, .sheet-modal, .popover').off('modal:open', updateSwiper);
-    $swiperEl.parents('.panel').off('panel:open', updateSwiper);
-
-    if ($tabEl && $tabEl.length) {
-      $tabEl.off('tab:show', updateSwiper);
-    }
-  });
-
-  if (isTabs) {
-    swiper.on('slideChange', function () {
-      if (isRoutableTabs) {
-        var view = app.views.get($swiperEl.parents('.view'));
-        if (!view) view = app.views.main;
-        var router = view.router;
-        var tabRouteUrl = router.findTabRouteUrl(swiper.slides.eq(swiper.activeIndex)[0]);
-
-        if (tabRouteUrl) {
-          setTimeout(function () {
-            router.navigate(tabRouteUrl);
-          }, 0);
-        }
-      } else {
-        app.tab.show({
-          tabEl: swiper.slides.eq(swiper.activeIndex)
-        });
-      }
-    });
-  }
-}
-
-var _default = {
-  name: 'swiper',
-  static: {
-    Swiper: _bundle.default
-  },
-  create: function create() {
-    var app = this;
-    app.swiper = (0, _constructorMethods.default)({
-      defaultSelector: '.swiper-container',
-      constructor: _bundle.default,
-      domProp: 'swiper'
-    });
-  },
-  on: {
-    pageBeforeRemove: function pageBeforeRemove(page) {
-      var app = this;
-      page.$el.find('.swiper-init, .tabs-swipeable-wrap').each(function (swiperEl) {
-        app.swiper.destroy(swiperEl);
-      });
-    },
-    pageMounted: function pageMounted(page) {
-      var app = this;
-      page.$el.find('.tabs-swipeable-wrap').each(function (swiperEl) {
-        initSwiper.call(app, swiperEl);
-      });
-    },
-    pageInit: function pageInit(page) {
-      var app = this;
-      page.$el.find('.swiper-init, .tabs-swipeable-wrap').each(function (swiperEl) {
-        initSwiper.call(app, swiperEl);
-      });
-    },
-    pageReinit: function pageReinit(page) {
-      var app = this;
-      page.$el.find('.swiper-init, .tabs-swipeable-wrap').each(function (swiperEl) {
-        var swiper = app.swiper.get(swiperEl);
-        if (swiper && swiper.update) swiper.update();
-      });
-    },
-    tabMounted: function tabMounted(tabEl) {
-      var app = this;
-      (0, _dom.default)(tabEl).find('.swiper-init, .tabs-swipeable-wrap').each(function (swiperEl) {
-        initSwiper.call(app, swiperEl);
-      });
-    },
-    tabShow: function tabShow(tabEl) {
-      var app = this;
-      (0, _dom.default)(tabEl).find('.swiper-init, .tabs-swipeable-wrap').each(function (swiperEl) {
-        var swiper = app.swiper.get(swiperEl);
-        if (swiper && swiper.update) swiper.update();
-      });
-    },
-    tabBeforeRemove: function tabBeforeRemove(tabEl) {
-      var app = this;
-      (0, _dom.default)(tabEl).find('.swiper-init, .tabs-swipeable-wrap').each(function (swiperEl) {
-        app.swiper.destroy(swiperEl);
-      });
-    }
-  },
-  vnode: {
-    'swiper-init': {
-      insert: function insert(vnode) {
-        var app = this;
-        var swiperEl = vnode.elm;
-        initSwiper.call(app, swiperEl);
-      },
-      destroy: function destroy(vnode) {
-        var app = this;
-        var swiperEl = vnode.elm;
-        app.swiper.destroy(swiperEl);
-      }
-    },
-    'tabs-swipeable-wrap': {
-      insert: function insert(vnode) {
-        var app = this;
-        var swiperEl = vnode.elm;
-        initSwiper.call(app, swiperEl);
-      },
-      destroy: function destroy(vnode) {
-        var app = this;
-        var swiperEl = vnode.elm;
-        app.swiper.destroy(swiperEl);
-      }
-    }
-  }
-};
-exports.default = _default;

package/cjs/components/tabs/tabs.js

@@ -1,296 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _dom = _interopRequireDefault(require("../../shared/dom7"));
-
-var _utils = require("../../shared/utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Tab = {
-  show: function show() {
-    var app = this;
-    var tabEl;
-    var tabLinkEl;
-    var animate;
-    var tabRoute;
-    var animatedInit;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    if (args.length === 1 && args[0] && args[0].constructor === Object) {
-      tabEl = args[0].tabEl;
-      tabLinkEl = args[0].tabLinkEl;
-      animate = args[0].animate;
-      tabRoute = args[0].tabRoute;
-      animatedInit = args[0].animatedInit;
-    } else {
-      tabEl = args[0];
-      tabLinkEl = args[1];
-      animate = args[2];
-      tabRoute = args[3];
-
-      if (typeof args[1] === 'boolean') {
-        tabEl = args[0];
-        animate = args[1];
-        tabLinkEl = args[2];
-        tabRoute = args[3];
-
-        if (args.length > 2 && tabLinkEl.constructor === Object) {
-          tabEl = args[0];
-          animate = args[1];
-          tabRoute = args[2];
-          tabLinkEl = args[3];
-        }
-      }
-    }
-
-    if (typeof animate === 'undefined') animate = true;
-    var $newTabEl = (0, _dom.default)(tabEl);
-
-    if (tabRoute && $newTabEl[0]) {
-      $newTabEl[0].f7TabRoute = tabRoute;
-    }
-
-    if (!animatedInit && ($newTabEl.length === 0 || $newTabEl.hasClass('tab-active'))) {
-      return {
-        $newTabEl: $newTabEl,
-        newTabEl: $newTabEl[0]
-      };
-    }
-
-    var $tabLinkEl;
-    if (tabLinkEl) $tabLinkEl = (0, _dom.default)(tabLinkEl);
-    var $tabsEl = $newTabEl.parent('.tabs');
-
-    if ($tabsEl.length === 0) {
-      return {
-        $newTabEl: $newTabEl,
-        newTabEl: $newTabEl[0]
-      };
-    } // Release swipeouts in hidden tabs
-
-
-    if (app.swipeout) app.swipeout.allowOpen = true; // Animated tabs
-
-    var tabsChangedCallbacks = [];
-
-    function onTabsChanged(callback) {
-      tabsChangedCallbacks.push(callback);
-    }
-
-    function tabsChanged() {
-      tabsChangedCallbacks.forEach(function (callback) {
-        callback();
-      });
-    }
-
-    var animated = false;
-
-    if ($tabsEl.parent().hasClass('tabs-animated-wrap')) {
-      $tabsEl.parent()[animate ? 'removeClass' : 'addClass']('not-animated');
-      var transitionDuration = parseFloat($tabsEl.css('transition-duration').replace(',', '.'));
-
-      if (animate && transitionDuration) {
-        $tabsEl.transitionEnd(tabsChanged);
-        animated = true;
-      }
-
-      var tabsTranslate = (app.rtl ? $newTabEl.index() : -$newTabEl.index()) * 100;
-      $tabsEl.transform("translate3d(" + tabsTranslate + "%,0,0)");
-    } // Swipeable tabs
-
-
-    var swiper;
-
-    if ($tabsEl.parent().hasClass('tabs-swipeable-wrap') && app.swiper) {
-      swiper = $tabsEl.parent()[0].swiper;
-
-      if (swiper && swiper.activeIndex !== $newTabEl.index()) {
-        animated = true;
-        swiper.once('slideChangeTransitionEnd', function () {
-          tabsChanged();
-        }).slideTo($newTabEl.index(), animate ? undefined : 0);
-      } else if (swiper && swiper.animating) {
-        animated = true;
-        swiper.once('slideChangeTransitionEnd', function () {
-          tabsChanged();
-        });
-      }
-    } // Remove active class from old tabs
-
-
-    var $oldTabEl = $tabsEl.children('.tab-active');
-    $oldTabEl.removeClass('tab-active');
-
-    if (!animatedInit && (!swiper || swiper && !swiper.animating || swiper && tabRoute)) {
-      if ($oldTabEl.hasClass('view') && $oldTabEl.children('.page').length) {
-        $oldTabEl.children('.page').each(function (pageEl) {
-          (0, _dom.default)(pageEl).trigger('page:tabhide');
-          app.emit('pageTabHide', pageEl);
-        });
-      }
-
-      $oldTabEl.trigger('tab:hide');
-      app.emit('tabHide', $oldTabEl[0]);
-    } // Trigger 'show' event on new tab
-
-
-    $newTabEl.addClass('tab-active');
-
-    if (!animatedInit && (!swiper || swiper && !swiper.animating || swiper && tabRoute)) {
-      if ($newTabEl.hasClass('view') && $newTabEl.children('.page').length) {
-        $newTabEl.children('.page').each(function (pageEl) {
-          (0, _dom.default)(pageEl).trigger('page:tabshow');
-          app.emit('pageTabShow', pageEl);
-        });
-      }
-
-      $newTabEl.trigger('tab:show');
-      app.emit('tabShow', $newTabEl[0]);
-    } // Find related link for new tab
-
-
-    if (!$tabLinkEl) {
-      // Search by id
-      if (typeof tabEl === 'string') $tabLinkEl = (0, _dom.default)(".tab-link[href=\"" + tabEl + "\"]");else $tabLinkEl = (0, _dom.default)(".tab-link[href=\"#" + $newTabEl.attr('id') + "\"]"); // Search by data-tab
-
-      if (!$tabLinkEl || $tabLinkEl && $tabLinkEl.length === 0) {
-        (0, _dom.default)('[data-tab]').each(function (el) {
-          if ($newTabEl.is((0, _dom.default)(el).attr('data-tab'))) $tabLinkEl = (0, _dom.default)(el);
-        });
-      }
-
-      if (tabRoute && (!$tabLinkEl || $tabLinkEl && $tabLinkEl.length === 0)) {
-        $tabLinkEl = (0, _dom.default)("[data-route-tab-id=\"" + tabRoute.route.tab.id + "\"]");
-
-        if ($tabLinkEl.length === 0) {
-          $tabLinkEl = (0, _dom.default)(".tab-link[href=\"" + tabRoute.url + "\"]");
-        }
-      }
-
-      if ($tabLinkEl.length > 1 && $newTabEl.parents('.page').length) {
-        // eslint-disable-next-line
-        $tabLinkEl = $tabLinkEl.filter(function (tabLinkElement) {
-          return (0, _dom.default)(tabLinkElement).parents('.page')[0] === $newTabEl.parents('.page')[0];
-        });
-
-        if (app.theme === 'ios' && $tabLinkEl.length === 0 && tabRoute) {
-          var $pageEl = $newTabEl.parents('.page');
-          var $navbarEl = (0, _dom.default)(app.navbar.getElByPage($pageEl));
-          $tabLinkEl = $navbarEl.find("[data-route-tab-id=\"" + tabRoute.route.tab.id + "\"]");
-
-          if ($tabLinkEl.length === 0) {
-            $tabLinkEl = $navbarEl.find(".tab-link[href=\"" + tabRoute.url + "\"]");
-          }
-        }
-      }
-    }
-
-    if ($tabLinkEl.length > 0) {
-      // Find related link for old tab
-      var $oldTabLinkEl;
-
-      if ($oldTabEl && $oldTabEl.length > 0) {
-        // Search by id
-        var oldTabId = $oldTabEl.attr('id');
-
-        if (oldTabId) {
-          $oldTabLinkEl = (0, _dom.default)(".tab-link[href=\"#" + oldTabId + "\"]"); // Search by data-route-tab-id
-
-          if (!$oldTabLinkEl || $oldTabLinkEl && $oldTabLinkEl.length === 0) {
-            $oldTabLinkEl = (0, _dom.default)(".tab-link[data-route-tab-id=\"" + oldTabId + "\"]");
-          }
-        } // Search by data-tab
-
-
-        if (!$oldTabLinkEl || $oldTabLinkEl && $oldTabLinkEl.length === 0) {
-          (0, _dom.default)('[data-tab]').each(function (tabLinkElement) {
-            if ($oldTabEl.is((0, _dom.default)(tabLinkElement).attr('data-tab'))) $oldTabLinkEl = (0, _dom.default)(tabLinkElement);
-          });
-        }
-
-        if (!$oldTabLinkEl || $oldTabLinkEl && $oldTabLinkEl.length === 0) {
-          $oldTabLinkEl = $tabLinkEl.siblings('.tab-link-active');
-        }
-      } else if (tabRoute) {
-        $oldTabLinkEl = $tabLinkEl.siblings('.tab-link-active');
-      }
-
-      if ($oldTabLinkEl && $oldTabLinkEl.length > 1 && $oldTabEl && $oldTabEl.parents('.page').length) {
-        // eslint-disable-next-line
-        $oldTabLinkEl = $oldTabLinkEl.filter(function (tabLinkElement) {
-          return (0, _dom.default)(tabLinkElement).parents('.page')[0] === $oldTabEl.parents('.page')[0];
-        });
-      }
-
-      if ($oldTabLinkEl && $oldTabLinkEl.length > 0) $oldTabLinkEl.removeClass('tab-link-active'); // Update links' classes
-
-      if ($tabLinkEl && $tabLinkEl.length > 0) {
-        $tabLinkEl.addClass('tab-link-active'); // Material Highlight
-
-        if (app.theme !== 'ios' && app.toolbar) {
-          var $tabbarEl = $tabLinkEl.parents('.tabbar, .tabbar-labels');
-
-          if ($tabbarEl.length > 0) {
-            app.toolbar.setHighlight($tabbarEl);
-          }
-        }
-      }
-    }
-
-    return {
-      $newTabEl: $newTabEl,
-      newTabEl: $newTabEl[0],
-      $oldTabEl: $oldTabEl,
-      oldTabEl: $oldTabEl[0],
-      onTabsChanged: onTabsChanged,
-      animated: animated
-    };
-  }
-};
-var _default = {
-  name: 'tabs',
-  create: function create() {
-    var app = this;
-    (0, _utils.extend)(app, {
-      tab: {
-        show: Tab.show.bind(app)
-      }
-    });
-  },
-  on: {
-    'pageInit tabMounted': function onInit(pageOrTabEl) {
-      var $el = (0, _dom.default)(pageOrTabEl.el || pageOrTabEl);
-      var animatedTabEl = $el.find('.tabs-animated-wrap > .tabs > .tab-active')[0];
-      if (!animatedTabEl) return;
-      var app = this;
-      app.tab.show({
-        tabEl: animatedTabEl,
-        animatedInit: true,
-        animate: false
-      });
-    }
-  },
-  clicks: {
-    '.tab-link': function tabLinkClick($clickedEl, data) {
-      if (data === void 0) {
-        data = {};
-      }
-
-      if ($clickedEl.attr('href') && $clickedEl.attr('href').indexOf('#') === 0 || $clickedEl.attr('data-tab')) {
-        var app = this;
-        app.tab.show({
-          tabEl: data.tab || $clickedEl.attr('href'),
-          tabLinkEl: $clickedEl,
-          animate: data.animate
-        });
-      }
-    }
-  }
-};
-exports.default = _default;