framework7 6.3.4 → 7.0.0-beta.3

package/cjs/modules/router/clear-previous-history.js

@@ -1,50 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.clearPreviousHistory = clearPreviousHistory;
-
-var _dom = _interopRequireDefault(require("../../shared/dom7"));
-
-var _appRouterCheck = _interopRequireDefault(require("./app-router-check"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function clearPreviousPages(router) {
-  (0, _appRouterCheck.default)(router, 'clearPreviousPages');
-  var app = router.app;
-  var dynamicNavbar = router.dynamicNavbar;
-  var $pagesToRemove = router.$el.children('.page').filter(function (pageInView) {
-    if (router.currentRoute && (router.currentRoute.modal || router.currentRoute.panel)) return true;
-    return pageInView !== router.currentPageEl;
-  });
-  $pagesToRemove.each(function (pageEl) {
-    var $oldPageEl = (0, _dom.default)(pageEl);
-    var $oldNavbarEl = (0, _dom.default)(app.navbar.getElByPage($oldPageEl));
-
-    if (router.params.stackPages && router.initialPages.indexOf($oldPageEl[0]) >= 0) {
-      $oldPageEl.addClass('stacked');
-
-      if (dynamicNavbar) {
-        $oldNavbarEl.addClass('stacked');
-      }
-    } else {
-      // Page remove event
-      router.pageCallback('beforeRemove', $oldPageEl, $oldNavbarEl, 'previous', undefined, {});
-      router.removePage($oldPageEl);
-
-      if (dynamicNavbar && $oldNavbarEl.length) {
-        router.removeNavbar($oldNavbarEl);
-      }
-    }
-  });
-}
-
-function clearPreviousHistory() {
-  var router = this;
-  (0, _appRouterCheck.default)(router, 'clearPreviousHistory');
-  var url = router.history[router.history.length - 1];
-  clearPreviousPages(router);
-  router.history = [url];
-  router.view.history = [url];
-  router.saveHistory();
-} // eslint-disable-line

package/cjs/modules/router/component-loader.js

@@ -1,140 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _utils = require("../../shared/utils");
-
-var _default = {
-  name: 'routerComponentLoader',
-  proto: {
-    componentLoader: function componentLoader(component, componentUrl, options, resolve, reject) {
-      if (options === void 0) {
-        options = {};
-      }
-
-      var router = this;
-      var app = router.app;
-      var url = typeof component === 'string' ? component : componentUrl;
-      var compiledUrl = router.replaceRequestUrlParams(url, options);
-
-      function compile(componentFunction) {
-        var context = options.context || {};
-        if (typeof context === 'function') context = context.call(router);else if (typeof context === 'string') {
-          try {
-            context = JSON.parse(context);
-          } catch (err) {
-            reject(err);
-            throw err;
-          }
-        }
-        var componentContext = (0, _utils.merge)({}, context, {
-          f7route: options.route,
-          f7router: router
-        });
-        var componentProps = (0, _utils.merge)(options.route ? options.route.params || {} : {}, options.props || {}, options.routeProps || {});
-        var componentEl;
-        var componentRoot;
-
-        if (options.componentOptions && options.componentOptions.el) {
-          componentEl = options.componentOptions.el;
-        }
-
-        if (options.componentOptions && options.componentOptions.root) {
-          componentRoot = options.componentOptions.root;
-        }
-
-        app.component.create(componentFunction, componentProps, {
-          context: componentContext,
-          el: componentEl,
-          root: componentRoot
-        }).then(function (createdComponent) {
-          resolve(createdComponent.el);
-        }).catch(function (err) {
-          reject(err);
-          throw new Error(err);
-        });
-      }
-
-      var cachedComponent;
-
-      if (compiledUrl && router.params.componentCache) {
-        router.cache.components.forEach(function (cached) {
-          if (cached.url === compiledUrl) cachedComponent = cached.component;
-        });
-      }
-
-      if (compiledUrl && cachedComponent) {
-        compile(cachedComponent);
-      } else if (compiledUrl && !cachedComponent) {
-        // Load via XHR
-        if (router.xhrAbortController) {
-          router.xhrAbortController.abort();
-          router.xhrAbortController = false;
-        }
-
-        router.xhrRequest(url, options).then(function (loadedComponent) {
-          var parsedComponent = app.component.parse(loadedComponent);
-
-          if (router.params.componentCache) {
-            router.cache.components.push({
-              url: compiledUrl,
-              component: parsedComponent
-            });
-          }
-
-          compile(parsedComponent);
-        }).catch(function (err) {
-          reject();
-          throw err;
-        });
-      } else {
-        compile(component);
-      }
-    },
-    modalComponentLoader: function modalComponentLoader(_temp) {
-      var _ref = _temp === void 0 ? {} : _temp,
-          component = _ref.component,
-          componentUrl = _ref.componentUrl,
-          options = _ref.options,
-          resolve = _ref.resolve,
-          reject = _ref.reject;
-
-      var router = this;
-      router.componentLoader(component, componentUrl, options, function (el) {
-        resolve(el);
-      }, reject);
-    },
-    tabComponentLoader: function tabComponentLoader(_temp2) {
-      var _ref2 = _temp2 === void 0 ? {} : _temp2,
-          component = _ref2.component,
-          componentUrl = _ref2.componentUrl,
-          options = _ref2.options,
-          resolve = _ref2.resolve,
-          reject = _ref2.reject;
-
-      var router = this;
-      router.componentLoader(component, componentUrl, options, function (el) {
-        resolve(el);
-      }, reject);
-    },
-    pageComponentLoader: function pageComponentLoader(_temp3) {
-      var _ref3 = _temp3 === void 0 ? {} : _temp3,
-          component = _ref3.component,
-          componentUrl = _ref3.componentUrl,
-          options = _ref3.options,
-          resolve = _ref3.resolve,
-          reject = _ref3.reject;
-
-      var router = this;
-      router.componentLoader(component, componentUrl, options, function (el, newOptions) {
-        if (newOptions === void 0) {
-          newOptions = {};
-        }
-
-        resolve(el, newOptions);
-      }, reject);
-    }
-  }
-};
-exports.default = _default;

package/cjs/modules/router/modal.js

@@ -1,254 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.modalLoad = modalLoad;
-exports.modalRemove = modalRemove;
-
-var _utils = require("../../shared/utils");
-
-var _history = _interopRequireDefault(require("../../shared/history"));
-
-var _asyncComponent = _interopRequireDefault(require("./async-component"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function modalLoad(modalType, route, loadOptions, direction) {
-  if (loadOptions === void 0) {
-    loadOptions = {};
-  }
-
-  var router = this;
-  var app = router.app;
-  var isPanel = modalType === 'panel';
-  var modalOrPanel = isPanel ? 'panel' : 'modal';
-  var options = (0, _utils.extend)({
-    animate: router.params.animate,
-    browserHistory: true,
-    history: true,
-    on: {},
-    once: {}
-  }, loadOptions);
-  var modalParams = (0, _utils.extend)({}, route.route[modalType]);
-  var modalRoute = route.route;
-
-  var routeCallback = function routeCallback(modal, name) {
-    var on = options.on,
-        once = options.once;
-    var callback;
-
-    if (name === 'open') {
-      callback = on.modalOpen || once.modalOpen || on.panelOpen || once.panelOpen;
-    }
-
-    if (name === 'close') {
-      callback = on.modalClose || once.modalClose || on.panelClose || once.panelClose;
-    }
-
-    if (name === 'closed') {
-      callback = on.modalClosed || once.modalClosed || on.panelClosed || once.panelClosed;
-    }
-
-    if (callback) callback(modal);
-  };
-
-  function onModalLoaded() {
-    // Create Modal
-    var modal = app[modalType].create(modalParams);
-    modalRoute.modalInstance = modal;
-    var hasEl = modal.el;
-
-    function closeOnSwipeBack() {
-      modal.close();
-    }
-
-    modal.on(modalOrPanel + "Open", function () {
-      if (!hasEl) {
-        // Remove theme elements
-        router.removeThemeElements(modal.el); // Emit events
-
-        modal.$el.trigger(modalType.toLowerCase() + ":init " + modalType.toLowerCase() + ":mounted", route, modal);
-        router.emit((!isPanel ? 'modalInit' : '') + " " + modalType + "Init " + modalType + "Mounted", modal.el, route, modal);
-      }
-
-      router.once('swipeBackMove', closeOnSwipeBack);
-      routeCallback(modal, 'open');
-    });
-    modal.on(modalOrPanel + "Close", function () {
-      router.off('swipeBackMove', closeOnSwipeBack);
-
-      if (!modal.closeByRouter) {
-        router.back();
-      }
-
-      routeCallback(modal, 'close');
-    });
-    modal.on(modalOrPanel + "Closed", function () {
-      modal.$el.trigger(modalType.toLowerCase() + ":beforeremove", route, modal);
-      modal.emit("" + (!isPanel ? 'modalBeforeRemove ' : '') + modalType + "BeforeRemove", modal.el, route, modal);
-      var modalComponent = modal.el.f7Component;
-      routeCallback(modal, 'closed');
-
-      if (modalComponent) {
-        modalComponent.destroy();
-      }
-
-      (0, _utils.nextTick)(function () {
-        if (modalComponent || modalParams.component || modalParams.asyncComponent) {
-          router.removeModal(modal.el);
-        }
-
-        modal.destroy();
-        delete modal.route;
-        delete modalRoute.modalInstance;
-      });
-    });
-
-    if (options.route) {
-      // Update Browser History
-      if (router.params.browserHistory && options.browserHistory) {
-        _history.default.push(router.view.id, {
-          url: options.route.url,
-          modal: modalType
-        }, (router.params.browserHistoryRoot || '') + router.params.browserHistorySeparator + options.route.url);
-      } // Set Route
-
-
-      if (options.route !== router.currentRoute) {
-        modal.route = (0, _utils.extend)(options.route, {
-          modal: modal
-        });
-        router.currentRoute = modal.route;
-      } // Update Router History
-
-
-      if (options.history && !options.reloadCurrent) {
-        router.history.push(options.route.url);
-        router.saveHistory();
-      }
-    }
-
-    if (hasEl) {
-      // Remove theme elements
-      router.removeThemeElements(modal.el); // Emit events
-
-      modal.$el.trigger(modalType.toLowerCase() + ":init " + modalType.toLowerCase() + ":mounted", route, modal);
-      router.emit(modalOrPanel + "Init " + modalType + "Init " + modalType + "Mounted", modal.el, route, modal);
-    } // Open
-
-
-    modal.open(options.animate === false || options.animate === true ? options.animate : undefined);
-  } // Load Modal Content
-
-
-  function loadModal(loadModalParams, loadModalOptions) {
-    // Load Modal Props
-    var url = loadModalParams.url,
-        content = loadModalParams.content,
-        component = loadModalParams.component,
-        componentUrl = loadModalParams.componentUrl; // Component/Template Callbacks
-
-    function resolve(contentEl) {
-      if (contentEl) {
-        if (typeof contentEl === 'string') {
-          modalParams.content = contentEl;
-        } else if (contentEl.f7Component) {
-          contentEl.f7Component.mount(function (componentEl) {
-            modalParams.el = componentEl;
-            app.$el.append(componentEl);
-          });
-        } else {
-          modalParams.el = contentEl;
-        }
-
-        onModalLoaded();
-      }
-    }
-
-    function reject() {
-      router.allowPageChange = true;
-      return router;
-    }
-
-    if (content) {
-      resolve(content);
-    } else if (component || componentUrl) {
-      // Load from component (F7/Vue/React/...)
-      try {
-        router.modalComponentLoader({
-          rootEl: app.el,
-          component: component,
-          componentUrl: componentUrl,
-          options: loadModalOptions,
-          resolve: resolve,
-          reject: reject
-        });
-      } catch (err) {
-        router.allowPageChange = true;
-        throw err;
-      }
-    } else if (url) {
-      // Load using XHR
-      if (router.xhrAbortController) {
-        router.xhrAbortController.abort();
-        router.xhrAbortController = false;
-      }
-
-      router.xhrRequest(url, loadModalOptions).then(function (modalContent) {
-        modalParams.content = modalContent;
-        onModalLoaded();
-      }).catch(function () {
-        router.allowPageChange = true;
-      });
-    } else {
-      onModalLoaded();
-    }
-  }
-
-  var foundLoadProp;
-  'url content component el componentUrl template'.split(' ').forEach(function (modalLoadProp) {
-    if (modalParams[modalLoadProp] && !foundLoadProp) {
-      var _loadModal;
-
-      foundLoadProp = true;
-      loadModal((_loadModal = {}, _loadModal[modalLoadProp] = modalParams[modalLoadProp], _loadModal), options);
-    }
-  });
-
-  if (!foundLoadProp && modalType === 'actions') {
-    onModalLoaded();
-  } // Async
-
-
-  function asyncResolve(resolveParams, resolveOptions) {
-    loadModal(resolveParams, (0, _utils.extend)(options, resolveOptions));
-  }
-
-  function asyncReject() {
-    router.allowPageChange = true;
-  }
-
-  if (modalParams.async) {
-    modalParams.async.call(router, {
-      router: router,
-      to: options.route,
-      from: router.currentRoute,
-      resolve: asyncResolve,
-      reject: asyncReject,
-      direction: direction,
-      app: app
-    });
-  }
-
-  if (modalParams.asyncComponent) {
-    (0, _asyncComponent.default)(router, modalParams.asyncComponent, asyncResolve, asyncReject);
-  }
-
-  return router;
-}
-
-function modalRemove(modal) {
-  (0, _utils.extend)(modal, {
-    closeByRouter: true
-  });
-  modal.close();
-}